@charset "UTF-8";@keyframes svelte-1xg6rjq-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes svelte-1xg6rjq-shimmer-beam{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes svelte-1xg6rjq-rotate-laser{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes svelte-1xg6rjq-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-1xg6rjq-stagger-enter{0%{opacity:0;transform:translateY(var(--space-sm)) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-1xg6rjq-bottom-nav-materialize{0%{opacity:0;filter:blur(var(--physics-blur))}to{opacity:1;filter:blur(0)}}@keyframes svelte-1xg6rjq-scroll-anim-entry{0%{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}to{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes svelte-1xg6rjq-scroll-anim-exit{0%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-exit)) translateY(var(--scroll-translate-y-exit)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}}@keyframes svelte-1xg6rjq-scroll-anim-peak{0%,to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}38%,62%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes svelte-1xg6rjq-scroll-parallax{0%{transform:translateY(calc(-50dvh * var(--scroll-parallax-factor, .4)))}to{transform:translateY(calc(50dvh * var(--scroll-parallax-factor, .4)))}}@keyframes svelte-1xg6rjq-scroll-bg-shift{0%{background-color:var(--scroll-bg-from)}to{background-color:var(--scroll-bg-to)}}@keyframes svelte-1xg6rjq-scroll-tilt{0%{transform:perspective(800px) rotateX(var(--scroll-tilt-angle, 16deg))}to{transform:perspective(800px) rotateX(calc(-1 * var(--scroll-tilt-angle, 16deg)))}}.icon-loading-portal.svelte-1xg6rjq{width:100%;height:auto;aspect-ratio:2048/1228;--draw-duration: 6s;--ease-draw: cubic-bezier(.76, 0, .24, 1);--draw-stagger: 1.5s;--circuit-stroke: 3;--pulse-duration: 4s;--ease-pulse: cubic-bezier(.33, 1, .68, 1)}.icon-loading-portal.svelte-1xg6rjq .outer-circuitry{fill:color-mix(in oklch,var(--energy-primary),white 50%)}.icon-loading-portal.svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq){fill:none;stroke:color-mix(in oklch,var(--energy-primary),white 50%);stroke-width:var(--circuit-stroke);stroke-linecap:round;stroke-linejoin:round;transform-box:fill-box;transform-origin:center}.icon-loading-portal.svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq) path:where(.svelte-1xg6rjq){stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.icon-loading-portal[data-status=idle].svelte-1xg6rjq .outer-circuitry{opacity:.5}.icon-loading-portal[data-status=idle].svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq) path:where(.svelte-1xg6rjq){visibility:hidden;stroke-dashoffset:0}.icon-loading-portal[data-status=loading].svelte-1xg6rjq .outer-circuitry{will-change:opacity;animation:svelte-1xg6rjq-circuit-pulse var(--pulse-duration) var(--ease-pulse) infinite}.icon-loading-portal[data-status=loading].svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq){will-change:transform;animation:svelte-1xg6rjq-circuit-spin 120s linear infinite}.icon-loading-portal[data-status=loading].svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq) path:where(.svelte-1xg6rjq){animation:svelte-1xg6rjq-circuit-draw var(--draw-duration) var(--ease-draw) infinite}.icon-loading-portal[data-status=loading].svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq) .draw-b:where(.svelte-1xg6rjq) path:where(.svelte-1xg6rjq){animation-delay:var(--draw-stagger)}.icon-loading-portal[data-status=loading].svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq) .draw-c:where(.svelte-1xg6rjq) path:where(.svelte-1xg6rjq){animation-delay:calc(var(--draw-stagger) * 2)}.icon-loading-portal[data-status=loading].svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq) .draw-d:where(.svelte-1xg6rjq) path:where(.svelte-1xg6rjq){animation-delay:calc(var(--draw-stagger) * 3)}[data-physics=glass] .icon-loading-portal[data-status=loading] .outer-circuitry,[data-physics=glass] .icon-loading-portal[data-status=loading] .inner-circuitry.svelte-1xg6rjq{filter:drop-shadow(0 0 4px var(--energy-primary)) drop-shadow(0 0 12px var(--energy-primary))}[data-physics=retro] .icon-loading-portal[data-status=loading] .outer-circuitry{animation-timing-function:steps(4);animation-duration:2s}[data-physics=retro] .icon-loading-portal[data-status=loading] .inner-circuitry.svelte-1xg6rjq{animation-timing-function:steps(60);animation-duration:30s}[data-physics=retro] .icon-loading-portal[data-status=loading] .inner-circuitry.svelte-1xg6rjq path:where(.svelte-1xg6rjq){animation-name:svelte-1xg6rjq-circuit-draw-retro;animation-timing-function:steps(6);animation-duration:8s;animation-delay:0s}[data-mode=light] .icon-loading-portal .outer-circuitry{fill:var(--energy-primary);filter:none!important}[data-mode=light] .icon-loading-portal .inner-circuitry.svelte-1xg6rjq{fill:none;stroke:var(--energy-primary);filter:none!important}[data-physics=retro] .icon-loading-portal .outer-circuitry{fill:var(--energy-primary);filter:none!important}[data-physics=retro] .icon-loading-portal .inner-circuitry.svelte-1xg6rjq{fill:none;stroke:var(--energy-primary);stroke-width:4;filter:none!important}@media(prefers-reduced-motion:reduce){.icon-loading-portal[data-status=loading].svelte-1xg6rjq .outer-circuitry{opacity:.4}.icon-loading-portal[data-status=loading].svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq){animation:none}.icon-loading-portal[data-status=loading].svelte-1xg6rjq .inner-circuitry:where(.svelte-1xg6rjq) path:where(.svelte-1xg6rjq){stroke-dashoffset:0;opacity:.6}}@keyframes svelte-1xg6rjq-circuit-pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes svelte-1xg6rjq-circuit-spin{to{transform:rotate(360deg)}}@keyframes svelte-1xg6rjq-circuit-draw-retro{0%{stroke-dashoffset:0;opacity:.8}30%{stroke-dashoffset:0;opacity:1}50%{stroke-dashoffset:0;opacity:.6}70%{stroke-dashoffset:.2;opacity:.8}85%{stroke-dashoffset:.3;opacity:.4}to{stroke-dashoffset:0;opacity:.8}}@keyframes svelte-1xg6rjq-circuit-draw{0%{stroke-dashoffset:1;opacity:0}5%{opacity:.6}15%{opacity:1}45%{stroke-dashoffset:0;opacity:.8}50%{stroke-dashoffset:0;opacity:.6}55%{stroke-dashoffset:0;opacity:.8}65%{opacity:1}90%{stroke-dashoffset:.9;opacity:.3}95%{stroke-dashoffset:1;opacity:.1}to{stroke-dashoffset:1;opacity:0}}@keyframes svelte-oqs6ct-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes svelte-oqs6ct-shimmer-beam{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes svelte-oqs6ct-rotate-laser{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes svelte-oqs6ct-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-oqs6ct-stagger-enter{0%{opacity:0;transform:translateY(var(--space-sm)) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-oqs6ct-bottom-nav-materialize{0%{opacity:0;filter:blur(var(--physics-blur))}to{opacity:1;filter:blur(0)}}@keyframes svelte-oqs6ct-scroll-anim-entry{0%{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}to{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes svelte-oqs6ct-scroll-anim-exit{0%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-exit)) translateY(var(--scroll-translate-y-exit)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}}@keyframes svelte-oqs6ct-scroll-anim-peak{0%,to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}38%,62%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes svelte-oqs6ct-scroll-parallax{0%{transform:translateY(calc(-50dvh * var(--scroll-parallax-factor, .4)))}to{transform:translateY(calc(50dvh * var(--scroll-parallax-factor, .4)))}}@keyframes svelte-oqs6ct-scroll-bg-shift{0%{background-color:var(--scroll-bg-from)}to{background-color:var(--scroll-bg-to)}}@keyframes svelte-oqs6ct-scroll-tilt{0%{transform:perspective(800px) rotateX(var(--scroll-tilt-angle, 16deg))}to{transform:perspective(800px) rotateX(calc(-1 * var(--scroll-tilt-angle, 16deg)))}}.icon-loading-quill.svelte-oqs6ct{--loop-duration: 3s;--ease-trace: cubic-bezier(.76, 0, .24, 1);--ease-pulse: cubic-bezier(.33, 1, .68, 1)}.icon-loading-quill.svelte-oqs6ct .quill-system:where(.svelte-oqs6ct){transform-box:fill-box;transform-origin:center}.icon-loading-quill.svelte-oqs6ct .quill-trace:where(.svelte-oqs6ct){fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0}.icon-loading-quill.svelte-oqs6ct .quill-fill:where(.svelte-oqs6ct){transform-box:fill-box;transform-origin:center;opacity:0}.icon-loading-quill.svelte-oqs6ct .quill-dot:where(.svelte-oqs6ct){fill:currentColor;transform-box:fill-box;transform-origin:center;opacity:0}.icon-loading-quill[data-status=idle].svelte-oqs6ct .quill-fill:where(.svelte-oqs6ct){opacity:0}.icon-loading-quill[data-status=idle].svelte-oqs6ct .quill-dot:where(.svelte-oqs6ct){opacity:0}.icon-loading-quill[data-status=loading].svelte-oqs6ct .quill-system:where(.svelte-oqs6ct){will-change:translate;animation:svelte-oqs6ct-system-breath var(--loop-duration) var(--ease-pulse) infinite}.icon-loading-quill[data-status=loading].svelte-oqs6ct .quill-trace:where(.svelte-oqs6ct){will-change:opacity;animation:svelte-oqs6ct-trace-ignition var(--loop-duration) var(--ease-trace) infinite}.icon-loading-quill[data-status=loading].svelte-oqs6ct .quill-fill:where(.svelte-oqs6ct){will-change:transform,opacity;animation:svelte-oqs6ct-fill-ignition var(--loop-duration) var(--ease-trace) infinite}.icon-loading-quill[data-status=loading].svelte-oqs6ct .quill-dot:where(.svelte-oqs6ct){will-change:transform,opacity;animation:svelte-oqs6ct-dot-levitate var(--loop-duration) var(--ease-pulse) infinite}[data-physics=retro] .icon-loading-quill[data-status=loading] .quill-system.svelte-oqs6ct{animation-timing-function:steps(4)}[data-physics=retro] .icon-loading-quill[data-status=loading] .quill-trace.svelte-oqs6ct{animation-timing-function:steps(8)}[data-physics=retro] .icon-loading-quill[data-status=loading] .quill-fill.svelte-oqs6ct{animation-timing-function:steps(6)}[data-physics=retro] .icon-loading-quill[data-status=loading] .quill-dot.svelte-oqs6ct{animation-timing-function:steps(4)}@media(prefers-reduced-motion:reduce){.icon-loading-quill[data-status=loading].svelte-oqs6ct .quill-trace:where(.svelte-oqs6ct){opacity:0}.icon-loading-quill[data-status=loading].svelte-oqs6ct .quill-fill:where(.svelte-oqs6ct){opacity:.7}.icon-loading-quill[data-status=loading].svelte-oqs6ct .quill-dot:where(.svelte-oqs6ct){opacity:.8}}@keyframes svelte-oqs6ct-trace-ignition{0%{stroke-dashoffset:1;opacity:0}8%{opacity:.6}20%{opacity:1}45%{stroke-dashoffset:0;opacity:.4}50%{stroke-dashoffset:0;opacity:0}55%{stroke-dashoffset:0;opacity:0}60%{stroke-dashoffset:0;opacity:.8}80%{stroke-dashoffset:.6;opacity:.5}92%{stroke-dashoffset:.9;opacity:.15}to{stroke-dashoffset:1;opacity:0}}@keyframes svelte-oqs6ct-fill-ignition{0%,15%{opacity:0;scale:.96}30%{opacity:.4}50%{opacity:1;scale:1}60%{opacity:.7;scale:1}72%{opacity:.2;scale:.98}82%,to{opacity:0;scale:.96}}@keyframes svelte-oqs6ct-dot-levitate{0%,15%{scale:.8;translate:0 0;opacity:0}50%{scale:1.15;translate:0 -14px;opacity:1}60%{scale:1;translate:0 -8px;opacity:.8}72%{scale:.6;translate:0 -2px;opacity:.5}82%{scale:.3;translate:0 4px;opacity:.15}90%,to{scale:0;translate:0 6px;opacity:0}}@keyframes svelte-oqs6ct-system-breath{0%,to{translate:0 0}50%{translate:0 -4px}}@keyframes svelte-ghrqi7-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes svelte-ghrqi7-shimmer-beam{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes svelte-ghrqi7-rotate-laser{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes svelte-ghrqi7-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-ghrqi7-stagger-enter{0%{opacity:0;transform:translateY(var(--space-sm)) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-ghrqi7-bottom-nav-materialize{0%{opacity:0;filter:blur(var(--physics-blur))}to{opacity:1;filter:blur(0)}}@keyframes svelte-ghrqi7-scroll-anim-entry{0%{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}to{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes svelte-ghrqi7-scroll-anim-exit{0%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-exit)) translateY(var(--scroll-translate-y-exit)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}}@keyframes svelte-ghrqi7-scroll-anim-peak{0%,to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}38%,62%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes svelte-ghrqi7-scroll-parallax{0%{transform:translateY(calc(-50dvh * var(--scroll-parallax-factor, .4)))}to{transform:translateY(calc(50dvh * var(--scroll-parallax-factor, .4)))}}@keyframes svelte-ghrqi7-scroll-bg-shift{0%{background-color:var(--scroll-bg-from)}to{background-color:var(--scroll-bg-to)}}@keyframes svelte-ghrqi7-scroll-tilt{0%{transform:perspective(800px) rotateX(var(--scroll-tilt-angle, 16deg))}to{transform:perspective(800px) rotateX(calc(-1 * var(--scroll-tilt-angle, 16deg)))}}.loading-text-cycler.svelte-ghrqi7{min-height:1.4em;white-space:nowrap}@keyframes svelte-l1bfxv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes svelte-l1bfxv-shimmer-beam{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes svelte-l1bfxv-rotate-laser{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes svelte-l1bfxv-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-l1bfxv-stagger-enter{0%{opacity:0;transform:translateY(var(--space-sm)) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-l1bfxv-bottom-nav-materialize{0%{opacity:0;filter:blur(var(--physics-blur))}to{opacity:1;filter:blur(0)}}@keyframes svelte-l1bfxv-scroll-anim-entry{0%{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}to{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes svelte-l1bfxv-scroll-anim-exit{0%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-exit)) translateY(var(--scroll-translate-y-exit)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}}@keyframes svelte-l1bfxv-scroll-anim-peak{0%,to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}38%,62%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes svelte-l1bfxv-scroll-parallax{0%{transform:translateY(calc(-50dvh * var(--scroll-parallax-factor, .4)))}to{transform:translateY(calc(50dvh * var(--scroll-parallax-factor, .4)))}}@keyframes svelte-l1bfxv-scroll-bg-shift{0%{background-color:var(--scroll-bg-from)}to{background-color:var(--scroll-bg-to)}}@keyframes svelte-l1bfxv-scroll-tilt{0%{transform:perspective(800px) rotateX(var(--scroll-tilt-angle, 16deg))}to{transform:perspective(800px) rotateX(calc(-1 * var(--scroll-tilt-angle, 16deg)))}}.portal-loader.svelte-l1bfxv{position:relative;width:100%;aspect-ratio:2048/1228;overflow:hidden;background-color:var(--bg-surface);border:var(--physics-border-width) solid var(--border-color);border-radius:var(--radius-base)}@media(min-width:768px){.portal-loader.svelte-l1bfxv{max-width:640px}}@media(min-width:1024px){.portal-loader.svelte-l1bfxv{max-width:768px}}@media(min-width:1440px){.portal-loader.svelte-l1bfxv{max-width:900px}}@media(min-width:1920px){.portal-loader.svelte-l1bfxv{max-width:1024px}}.portal-layer.svelte-l1bfxv{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.shadow-vignette.svelte-l1bfxv,.portal-circuits.svelte-l1bfxv{object-fit:cover;z-index:0}.shadow-vignette.svelte-l1bfxv{opacity:.5}.portal-circuits.svelte-l1bfxv{opacity:.05}.portal-svg.svelte-l1bfxv{z-index:2}.portal-quill.svelte-l1bfxv{z-index:10;color:var(--energy-primary)}.portal-label.svelte-l1bfxv{color:var(--energy-primary);font-size:var(--font-size-caption);animation:svelte-l1bfxv-portal-label-pulse 3s var(--ease-spring-snappy) infinite}[data-physics=glass] .portal-quill.svelte-l1bfxv{filter:drop-shadow(0 0 6px var(--energy-primary));color:color-mix(in oklch,var(--energy-primary),white 50%)}[data-physics=glass] .portal-label.svelte-l1bfxv{color:color-mix(in oklch,var(--energy-primary),white 50%)}[data-physics=retro] .portal-label.svelte-l1bfxv{animation-timing-function:steps(4);animation-duration:3s}[data-physics=retro] .shadow-vignette.svelte-l1bfxv,[data-physics=retro] .portal-circuits.svelte-l1bfxv,[data-mode=light] .shadow-vignette.svelte-l1bfxv,[data-mode=light] .portal-circuits.svelte-l1bfxv{mix-blend-mode:normal}[data-mode=light] .shadow-vignette.svelte-l1bfxv{opacity:0}@media(prefers-reduced-motion:reduce){.portal-label.svelte-l1bfxv{animation:none}}@keyframes svelte-l1bfxv-portal-label-pulse{0%,to{opacity:.6}50%{opacity:.9}}.portal-ring-demo{width:100%;max-width:480px}:root{--focus-ring: 0 0 0 calc(var(--physics-border-width) * 2) var(--bg-canvas), 0 0 0 calc(var(--physics-border-width) * 4) var(--energy-primary)}@property --scroll-bg-from{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --scroll-bg-to{syntax: "<color>"; inherits: true; initial-value: transparent;}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes shimmer-beam{0%{background-position:100% 0}to{background-position:-50% 0}}@keyframes rotate-laser{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stagger-enter{0%{opacity:0;transform:translateY(var(--space-sm)) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bottom-nav-materialize{0%{opacity:0;filter:blur(var(--physics-blur))}to{opacity:1;filter:blur(0)}}@property --scroll-opacity-from{syntax: "<number>"; inherits: true; initial-value: 1;}@property --scroll-translate-x-entry{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --scroll-translate-y-entry{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --scroll-translate-x-exit{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --scroll-translate-y-exit{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --scroll-scale-from{syntax: "<number>"; inherits: true; initial-value: 1;}@property --scroll-rotate-from{syntax: "<angle>"; inherits: true; initial-value: 0deg;}@property --scroll-blur-from{syntax: "<length>"; inherits: true; initial-value: 0px;}@keyframes scroll-anim-entry{0%{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}to{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes scroll-anim-exit{0%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-exit)) translateY(var(--scroll-translate-y-exit)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}}@keyframes scroll-anim-peak{0%,to{opacity:var(--scroll-opacity-from);transform:translate(var(--scroll-translate-x-entry)) translateY(var(--scroll-translate-y-entry)) scale(var(--scroll-scale-from)) rotate(var(--scroll-rotate-from));filter:blur(var(--scroll-blur-from))}38%,62%{opacity:1;transform:translate(0) translateY(0) scale(1) rotate(0);filter:blur(0)}}@keyframes scroll-parallax{0%{transform:translateY(calc(-50dvh * var(--scroll-parallax-factor, .4)))}to{transform:translateY(calc(50dvh * var(--scroll-parallax-factor, .4)))}}@keyframes scroll-bg-shift{0%{background-color:var(--scroll-bg-from)}to{background-color:var(--scroll-bg-to)}}@keyframes scroll-tilt{0%{transform:perspective(800px) rotateX(var(--scroll-tilt-angle, 16deg))}to{transform:perspective(800px) rotateX(calc(-1 * var(--scroll-tilt-angle, 16deg)))}}.story-category{display:flex;flex-direction:column;gap:var(--space-sm)}.story-category-header{display:flex;flex-flow:column wrap;gap:var(--space-xs);padding-inline:var(--space-md)}@media(min-width:768px){.story-category-header{flex-direction:row;align-items:flex-end;gap:var(--space-sm)}}.story-category-header h3{margin:0;color:var(--text-main);font-size:var(--font-size-h4)}.story-category-header p{color:var(--text-mute)}.story-category-nav{appearance:none;background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;min-width:unset;min-height:unset;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--control-height);min-height:var(--control-height);color:var(--text-dim);border:var(--physics-border-width) solid transparent;border-radius:var(--radius-base);transition:color var(--speed-fast) var(--ease-spring-snappy),background-color var(--speed-fast) var(--ease-spring-snappy),border-color var(--speed-fast) var(--ease-spring-snappy),box-shadow var(--speed-fast) var(--ease-spring-snappy)}@media(hover:hover){.story-category-nav:not(:disabled):hover{color:var(--text-main);background:color-mix(in oklch,var(--energy-secondary) 8%,transparent 92%)}[data-mode=light] .story-category-nav:not(:disabled):hover{background:color-mix(in oklch,var(--energy-primary) 8%,transparent 92%)}[data-physics=retro] .story-category-nav:not(:disabled):hover{background:transparent;color:var(--energy-primary)}}.story-category-nav:focus-visible{outline:none;box-shadow:var(--focus-ring)}.story-category-nav:disabled{color:var(--text-mute);opacity:.4;cursor:not-allowed}.story-category-strip{width:100%;display:flex;flex-flow:row nowrap;align-items:stretch;gap:var(--space-md);padding:var(--space-xs) var(--space-md) var(--space-lg) var(--space-md);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:var(--space-md);scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--energy-secondary) 50%,transparent 50%) transparent}.story-category-strip::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.story-category-strip::-webkit-scrollbar-track{background:transparent}.story-category-strip::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--energy-secondary) 50%,transparent 50%);border-radius:var(--radius-full)}.story-category-strip::-webkit-scrollbar-thumb:hover{background:color-mix(in oklch,var(--energy-primary) 75%,transparent 25%);box-shadow:0 0 6px color-mix(in oklch,var(--energy-primary) 40%,transparent 60%)}[data-physics=flat] .story-category-strip{scrollbar-color:var(--energy-secondary) var(--bg-sunk)}[data-physics=flat] .story-category-strip::-webkit-scrollbar-track{background:var(--bg-sunk);border-radius:var(--radius-full)}[data-physics=flat] .story-category-strip::-webkit-scrollbar-thumb{background:var(--energy-secondary);border-radius:var(--radius-full)}[data-physics=flat] .story-category-strip::-webkit-scrollbar-thumb:hover{background:var(--energy-primary);box-shadow:none}[data-physics=retro] .story-category-strip{scrollbar-width:auto;scrollbar-color:var(--energy-primary) var(--bg-sunk)}[data-physics=retro] .story-category-strip::-webkit-scrollbar{width:calc(var(--scrollbar-width) * 2);height:calc(var(--scrollbar-width) * 2)}[data-physics=retro] .story-category-strip::-webkit-scrollbar-track{background:var(--bg-sunk);border-radius:0;border:var(--physics-border-width) solid var(--border-color)}[data-physics=retro] .story-category-strip::-webkit-scrollbar-thumb{background:var(--energy-primary);border-radius:0}[data-physics=retro] .story-category-strip::-webkit-scrollbar-thumb:hover{background:var(--energy-secondary);box-shadow:none}@media(forced-colors:active){.story-category-strip{scrollbar-color:ButtonText Canvas}.story-category-strip::-webkit-scrollbar-track{background:Canvas}.story-category-strip::-webkit-scrollbar-thumb{background:ButtonText;box-shadow:none}.story-category-strip::-webkit-scrollbar-thumb:hover{background:Highlight}}.story-category-sentinel{flex:none;width:1px;align-self:stretch;pointer-events:none}.tile{position:relative;flex:none;display:flex;flex-direction:row;aspect-ratio:3/2;scroll-snap-align:start;width:calc(100vw - 2 * var(--space-md) - var(--space-xl));background:var(--surface-bg);border-radius:var(--radius-base);border-style:solid;border-width:var(--physics-border-width);border-color:var(--border-color);box-shadow:var(--shadow-float);transition:transform var(--speed-base) var(--ease-spring-gentle),border-color var(--speed-base) var(--ease-spring-gentle),background-color var(--speed-base) var(--ease-spring-gentle),box-shadow var(--speed-base) var(--ease-spring-gentle)}@media(hover:hover){.tile:hover{transform:translateY(var(--lift));border-color:var(--energy-primary);box-shadow:var(--shadow-lift)}}.tile{overflow:hidden;user-select:none;-webkit-touch-callout:none;border-radius:calc(var(--radius-base) * 1.5);padding:var(--space-xs)}@media(min-width:768px){.tile{width:calc(72 * var(--unit) * var(--density, 1))}}@media(min-width:1440px){.tile{width:calc(80 * var(--unit) * var(--density, 1))}}@media(min-width:1920px){.tile{width:calc(88 * var(--unit) * var(--density, 1))}}.tile.tile-fluid{width:100%}.tile .tile-image{flex:none;width:40%;height:100%;object-fit:cover;background:var(--bg-sunk);border-radius:var(--radius-base)}.tile .tile-image[src]{transition:filter var(--speed-base) var(--ease-spring-snappy)}@starting-style{.tile .tile-image[src]{filter:blur(4px)}}.tile .tile-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-sm);padding-block:var(--space-lg) var(--space-xs);padding-inline:var(--space-sm) var(--space-xs)}.tile .tile-link{text-decoration:none;color:inherit}.tile .tile-link h5{color:var(--text-main);font-weight:var(--font-weight-bold);transition:color var(--speed-base) var(--ease-spring-snappy);text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal;overflow:hidden;overflow:clip;overflow-clip-margin:content-box}.tile .tile-link:after{content:"";position:absolute;inset:0;z-index:1}.tile .tile-author{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-small);color:var(--text-dim);transition:color var(--speed-base) var(--ease-spring-snappy)}.tile .tile-author:hover{color:var(--energy-primary)}.tile .tile-author:hover .tile-pfp{transform:translateY(var(--lift));border-color:var(--energy-primary);box-shadow:var(--shadow-lift)}.tile .tile-author:hover .tile-pfp-fallback{color:var(--energy-primary)}.tile .tile-pfp{width:var(--space-md);height:var(--space-md);border-radius:var(--radius-full);object-fit:cover;flex:none;border:var(--physics-border-width) solid var(--border-color);transition:transform var(--speed-base) var(--ease-spring-snappy),border-color var(--speed-base) var(--ease-spring-snappy)}.tile .tile-pfp.tile-pfp-fallback{display:flex;align-items:center;justify-content:center;background:var(--bg-sunk);color:var(--text-mute);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.tile .tile-genres{position:relative;z-index:2;font-size:var(--font-size-caption);color:var(--text-mute);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tile .tile-link:focus-visible{box-shadow:none}.tile .tile-author:focus-visible{box-shadow:none;color:var(--energy-primary)}.tile .tile-author:focus-visible .tile-pfp{transform:translateY(var(--lift));border-color:var(--energy-primary);box-shadow:var(--shadow-lift)}.tile .tile-author:focus-visible .tile-pfp-fallback{color:var(--energy-primary)}.tile:hover:not([data-state=loading]),.tile:has(:focus-visible):not([data-state=loading]){transform:translateY(var(--lift));border-color:var(--energy-primary);box-shadow:var(--shadow-lift)}.tile-mark{position:absolute;top:0;left:50%;transform:translate(-50%)!important;z-index:10;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption);font-weight:var(--font-weight-bold);text-transform:uppercase;white-space:nowrap;user-select:none;pointer-events:none}.tile-mark[data-mark=resume]{background:linear-gradient(to bottom,color-mix(in oklch,var(--energy-primary),white 60%),var(--energy-primary) 30%);color:var(--bg-canvas);padding-bottom:var(--space-sm);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%)}.tile-mark[data-mark=completed]{background:linear-gradient(to bottom,color-mix(in oklch,var(--color-system),white 30%),var(--color-system) 40%);color:var(--bg-canvas);border-radius:0 0 var(--radius-base) var(--radius-base)}.tile-mark[data-mark=replay]{background:linear-gradient(to bottom,color-mix(in oklch,var(--energy-secondary),white 30%),var(--energy-secondary) 40%);color:var(--bg-canvas);border-radius:0 0 var(--radius-base) var(--radius-base)}[data-physics=flat] .tile-mark[data-mark=resume]{background:var(--energy-primary)}[data-physics=flat] .tile-mark[data-mark=completed]{background:var(--color-system)}[data-physics=flat] .tile-mark[data-mark=replay]{background:var(--energy-secondary)}[data-physics=retro] .tile-mark{background:var(--surface-bg);border:var(--physics-border-width) solid}[data-physics=retro] .tile-mark[data-mark=resume]{color:var(--energy-primary);clip-path:none;padding-bottom:var(--space-xs)}[data-physics=retro] .tile-mark[data-mark=completed]{border-radius:0;color:var(--color-success)}[data-physics=retro] .tile-mark[data-mark=replay]{border-radius:0;color:var(--color-system)}.tile-gate{appearance:none;background:transparent;border:none;padding:0;margin:0;cursor:pointer;color:inherit;font:inherit;min-width:unset;min-height:unset;display:inline-flex;position:absolute;top:var(--space-xs);right:var(--space-xs);z-index:10;display:flex;align-items:center;justify-content:center;width:var(--space-lg);height:var(--space-lg);color:var(--color-premium);background:var(--bg-sunk);border:var(--physics-border-width) solid var(--color-premium-subtle);border-radius:var(--radius-full);cursor:default;pointer-events:auto;transition:border-color var(--speed-base) var(--ease-spring-snappy),color var(--speed-base) var(--ease-spring-snappy),box-shadow var(--speed-base) var(--ease-spring-snappy)}[data-physics=retro] .tile-gate{border-color:var(--color-premium)}.tile-gate:focus-visible{outline:none;box-shadow:var(--focus-ring)}[data-mode=light] .tile-gate{border-color:color-mix(in oklch,var(--color-premium) 50%,transparent 50%)}.tile[data-gated]{border-color:var(--color-premium-subtle)}[data-mode=light] .tile[data-gated],[data-physics=retro] .tile[data-gated]{border-color:color-mix(in oklch,var(--color-premium) 50%,transparent 50%)}.tile[data-gated] .tile-link h5{color:var(--color-premium)}.tile[data-gated]:hover:not([data-state=loading]),.tile[data-gated]:has(:focus-visible):not([data-state=loading]){border-color:var(--color-premium)}.tile[data-gated]:hover:not([data-state=loading]) .tile-gate,.tile[data-gated]:has(:focus-visible):not([data-state=loading]) .tile-gate{border-color:var(--color-premium)}.tile[data-state=loading]{pointer-events:none}.tile[data-state=loading] .tile-link,.tile[data-state=loading] .tile-author,.tile[data-state=loading] .tile-genres,.tile[data-state=loading] .tile-mark,.tile[data-state=loading] .tile-gate{display:none}.tile[data-state=loading] .tile-image{position:relative;background:var(--bg-sunk)}.tile[data-state=loading] .tile-image:after{content:"";position:absolute;inset:0;border-radius:var(--radius-base);background-size:400% 100%;animation:shimmer 4s infinite linear;background-image:linear-gradient(90deg,transparent 0%,transparent 30%,color-mix(in oklch,var(--energy-primary) 15%,transparent 85%) 50%,transparent 70%,transparent 100%)}:where([data-mode=light]) .tile[data-state=loading] .tile-image:after{background-image:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%,transparent 100%)}:where([data-physics=retro]) .tile[data-state=loading] .tile-image:after{background-image:linear-gradient(90deg,transparent 0%,transparent 44%,var(--border-color) 44%,var(--border-color) 46%,transparent 46%,transparent 100%)}.tile[data-state=loading] .tile-content{gap:var(--space-sm)}.tile[data-state=loading] .tile-content:before,.tile[data-state=loading] .tile-content:after{content:"";display:block;height:var(--space-sm);border-radius:var(--radius-base);background:var(--bg-sunk);background-size:400% 100%;animation:shimmer 4s infinite linear;background-image:linear-gradient(90deg,transparent 0%,transparent 30%,color-mix(in oklch,var(--energy-primary) 15%,transparent 85%) 50%,transparent 70%,transparent 100%)}:where([data-mode=light]) .tile[data-state=loading] .tile-content:before,:where([data-mode=light]) .tile[data-state=loading] .tile-content:after{background-image:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%,transparent 100%)}:where([data-physics=retro]) .tile[data-state=loading] .tile-content:before,:where([data-physics=retro]) .tile[data-state=loading] .tile-content:after{background-image:linear-gradient(90deg,transparent 0%,transparent 44%,var(--border-color) 44%,var(--border-color) 46%,transparent 46%,transparent 100%)}.tile[data-state=loading] .tile-content:before{width:75%}.tile[data-state=loading] .tile-content:after{width:60%}.tile[data-state=loading] .skeleton-line{height:var(--space-sm);width:50%;border-radius:var(--radius-base);background:var(--bg-sunk);background-size:400% 100%;animation:shimmer 4s infinite linear;background-image:linear-gradient(90deg,transparent 0%,transparent 30%,color-mix(in oklch,var(--energy-primary) 15%,transparent 85%) 50%,transparent 70%,transparent 100%)}:where([data-mode=light]) .tile[data-state=loading] .skeleton-line{background-image:linear-gradient(90deg,transparent 0%,transparent 35%,rgba(255,255,255,.6) 50%,transparent 65%,transparent 100%)}:where([data-physics=retro]) .tile[data-state=loading] .skeleton-line{background-image:linear-gradient(90deg,transparent 0%,transparent 44%,var(--border-color) 44%,var(--border-color) 46%,transparent 46%,transparent 100%)}.tile-reorder{flex:none;display:flex;flex-direction:column;scroll-snap-align:start;background:var(--bg-sunk);border:var(--physics-border-width) solid var(--border-color);border-radius:calc(var(--radius-base) * 1.5)}.tile-reorder .tile{scroll-snap-align:none}.tile-reorder-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs)}