@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/world/assets/geist-cyrillic-wght-normal-CHSlOQsW.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/world/assets/geist-latin-ext-wght-normal-DMtmJ5ZE.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/world/assets/geist-latin-wght-normal-Dm3htQBi.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/world/assets/geist-mono-cyrillic-wght-normal-BZdD_g9V.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/world/assets/geist-mono-latin-ext-wght-normal-b6lpi8_2.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/world/assets/geist-mono-latin-wght-normal-Cjtb1TV-.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--n-0: #ffffff;--n-50: #f7f7f8;--n-100: #eeeef0;--n-200: #d4d4d8;--n-400: #9a9aa6;--n-500: #71717a;--n-700: #3f3f46;--n-800: #27272a;--n-900: #18181b;--n-950: #0a0a0f;--bg: #06060f;--surface: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .06);--fg: #f5f5f7;--fg-muted: var(--n-400);--fg-dim: var(--n-500);--rule: rgba(255, 255, 255, .08);--ring: rgba(255, 107, 53, .35);--accent: #ff6b35;--accent-2: #ffd700;--glow: #ff8c42;--on-accent: #0a0a0f;--on-surface: #fff5e8;--font-display: "Geist Variable", -apple-system, BlinkMacSystemFont, "Inter", sans-serif;--font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-standard: cubic-bezier(.22, 1, .36, 1);--ease-entrance: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.7, 0, .84, 0);--gutter: clamp(24px, 6vw, 96px)}:root[data-mood=aurora]{--accent: #b9a6ff;--accent-2: #ffd1a8;--glow: #7a6bff;--ring: rgba(185, 166, 255, .35);--on-accent: #0a0a0f;--on-surface: #ececff}:root[data-mood=arctic]{--accent: #9be7ff;--accent-2: #c7f9cc;--glow: #3aa6ff;--ring: rgba(155, 231, 255, .35);--on-accent: #0a0a0f;--on-surface: #ecf8ff}:root[data-mood=ember]{--accent: #ffb38a;--accent-2: #ff7a8a;--glow: #ff5577;--ring: rgba(255, 122, 138, .35);--on-accent: #0a0a0f;--on-surface: #ffe9de}:root[data-mood=mono]{--accent: #f5f5f7;--accent-2: #9a9aa6;--glow: #ffffff;--ring: rgba(255, 255, 255, .18);--on-accent: #0a0a0f;--on-surface: #f5f5f7}:root[data-mood=hank-night]{--accent: #ff6b35;--accent-2: #ffd700;--glow: #ff8c42;--ring: rgba(255, 107, 53, .35);--on-accent: #0a0a0f;--on-surface: #fff5e8}*{box-sizing:border-box}:root{color-scheme:dark}html,body,#root{margin:0;padding:0;min-height:100%;background:#1a0c06;color:var(--fg);font-family:var(--font-display);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{overflow-x:hidden}a{color:var(--fg);text-decoration:none}.app{position:relative}.canvas-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#1a0c06}.canvas-shell canvas{animation:hank-canvas-rise .52s cubic-bezier(.22,1,.36,1) both}@keyframes hank-canvas-rise{0%{opacity:0;transform:scale(1.012);filter:saturate(1.15)}to{opacity:1;transform:none;filter:none}}.scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 55%,#14090200,#08040173),url(/world/textures/hank_cityscape.jpg) center/cover no-repeat;filter:saturate(1.05) brightness(.9);color:#f9d488;font-family:ui-monospace,SF Mono,monospace;font-size:13px;letter-spacing:.18em;text-transform:uppercase;z-index:1}.scene-loading:after{content:"▮";margin-left:8px;animation:hank-loading-pulse .9s steps(2,end) infinite}@keyframes hank-loading-pulse{50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.canvas-shell canvas{animation:none}.scene-loading:after{animation:none}}.canvas-shell>div{width:100%!important;height:100%!important}.canvas-shell canvas{display:block;width:100%!important;height:100%!important}html,body,#root{height:100%}.content{position:relative;z-index:1;pointer-events:none}.content>*{pointer-events:auto}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.section{min-height:100vh;display:flex;align-items:center;padding:0 var(--gutter);position:relative}.section--hero{min-height:110vh}.section--hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#06060f8c,#06060f2e);pointer-events:none}.section__inner{position:relative;width:100%;max-width:1100px;z-index:1}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);margin:0 0 18px}.headline{margin:0 0 20px;font-size:clamp(42px,7vw,96px);line-height:.98;letter-spacing:-.028em;font-weight:600;max-width:14ch;color:var(--on-surface)}.lede{max-width:54ch;margin:0;color:var(--fg-muted);font-size:clamp(16px,1.35vw,19px);line-height:1.55}.split .word{display:inline-block;overflow:hidden;vertical-align:top;margin-right:.18em}.split .word__inner{display:inline-block;transform:translateY(110%);will-change:transform}.marquee{position:relative;z-index:2;overflow:hidden;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:18px 0;background:#00000075;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.marquee__track{display:inline-flex;gap:52px;white-space:nowrap;animation:marquee 28s linear infinite;padding-left:52px}.marquee__item{font-size:clamp(20px,2.8vw,34px);letter-spacing:-.01em;color:var(--on-surface)}.marquee__item--ghost{color:var(--fg-muted)}.marquee__sep{color:var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}.hero-shell{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;pointer-events:none;overflow:hidden}.hero-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#06060feb,#06060f9e 42%,#06060f00 68%);pointer-events:none;z-index:0}@keyframes heroExit{to{opacity:0;transform:translate(-28px)}}.hero-shell--exit{animation:heroExit .45s cubic-bezier(.4,0,1,1) forwards;pointer-events:none!important}@keyframes heroSlideDown{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes heroReveal{0%{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}@keyframes heroScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-anim-nav{animation:heroSlideDown .55s cubic-bezier(.16,1,.3,1) .4s both}.hero-anim-up{animation:heroFadeUp .5s cubic-bezier(.16,1,.3,1) both}.hero-anim-reveal{animation:heroReveal .75s cubic-bezier(.16,1,.3,1) both}.hero-anim-scale{animation:heroScale .45s cubic-bezier(.34,1.56,.64,1) both}.hero-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,48px);pointer-events:auto}.hero-nav__logo{display:flex;align-items:center;gap:10px}.hero-nav__face{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1.5px solid rgba(255,215,0,.45);box-shadow:0 0 14px #ffd70038}.hero-nav__wordmark{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--on-surface)}.hero-nav__links{display:flex;align-items:center;gap:28px;pointer-events:auto}.hero-nav__link{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);cursor:pointer;transition:color .2s var(--ease-standard)}.hero-nav__link:hover{color:var(--on-surface)}.hero-nav__enter{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:9px 20px;border:1px solid rgba(255,215,0,.38);border-radius:999px;background:transparent;color:var(--accent-2);cursor:pointer;transition:background .2s var(--ease-standard),border-color .2s}.hero-nav__enter:hover{background:#ffd70017;border-color:#ffd700a6}.hero-text{position:relative;z-index:1;flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(20px,6vw,96px) 70px;max-width:660px;pointer-events:auto}.hero-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin:0 0 24px}.hero-eyebrow__dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent-2);box-shadow:0 0 8px var(--accent-2);flex-shrink:0}.hero-headline{margin:0 0 24px;font-size:clamp(40px,min(8.5vw,11.5vh),116px);line-height:.9;letter-spacing:-.034em;font-weight:600;-webkit-user-select:none;user-select:none}.hero-headline__word{display:inline-block;overflow:hidden;vertical-align:top;margin-right:.2em}.hero-headline__inner{display:inline-block;background:linear-gradient(160deg,#fff5e8 20%,gold 58%,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;will-change:transform,opacity}.hero-lede{margin:0 0 38px;font-size:clamp(16px,1.5vw,20px);line-height:1.62;color:var(--fg-muted);max-width:34ch}.hero-cta-wrap{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 34px;border-radius:999px;border:none;background:linear-gradient(130deg,#ff6b35,gold);color:#0a0a0f;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1px #ffd70033,0 0 48px #ffb40052,0 6px 24px #0000006b;transition:box-shadow .26s var(--ease-standard),transform .2s var(--ease-standard)}.hero-cta:hover{box-shadow:0 0 0 1px #ffd70066,0 0 72px #ffc8007a,0 10px 36px #00000070;transform:translateY(-2px)}.hero-cta:active{transform:translateY(0)}.hero-cta__arrow{flex-shrink:0;transition:transform .2s var(--ease-entrance)}.hero-cta:hover .hero-cta__arrow{transform:translate(4px)}.hero-cta-hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-dim)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;z-index:2;pointer-events:none}.hero-marquee{overflow:hidden;border-top:1px solid var(--rule);padding:14px 0;background:#06060fc7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-marquee__track{display:inline-flex;gap:44px;white-space:nowrap;animation:heroMarquee 34s linear infinite;padding-left:44px}@keyframes heroMarquee{to{transform:translate(-50%)}}.hero-marquee__item{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:clamp(10px,1vw,12px);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted)}.hero-marquee__dot{font-size:6px;color:var(--accent-2);opacity:.65}.hero-right{position:absolute;top:50%;right:clamp(32px,6vw,72px);transform:translateY(-50%);z-index:1;display:flex;flex-direction:column;gap:18px;pointer-events:none;animation:heroFadeUp .7s cubic-bezier(.16,1,.3,1) 1.4s both}.hero-right__card{background:#06060f94;border:1px solid rgba(255,215,0,.14);border-radius:14px;padding:18px 22px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);min-width:160px}.hero-right__stat{font-family:var(--font-mono);font-size:clamp(26px,3vw,38px);font-weight:700;line-height:1;background:linear-gradient(135deg,gold,#ff8c42);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:6px}.hero-right__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}@media(max-width:900px){.hero-right{display:none}}@media(max-width:768px){.hero-nav__links .hero-nav__link{display:none}.hero-text{max-width:none}.hero-shell:before{background:linear-gradient(to bottom,#06060fe6,#06060fb3 55%,#06060f4d)}}@media(max-width:480px){.hero-nav{padding:16px 20px}.hero-text{padding:0 20px}.hero-lede{font-size:15px}.hero-cta{padding:14px 24px;font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-marquee__track{animation:none}.hero-cta,.hero-cta__arrow{transition:none}}.spline-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;mix-blend-mode:screen;opacity:.38;pointer-events:none}.spline-bg__canvas,.spline-bg canvas{width:100%!important;height:100%!important;display:block}.phone-dock-toggle{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom,0px));left:22px;z-index:6;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 12px;border:1px solid rgba(255,180,120,.35);border-radius:999px;background:#08060ce0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#ffecd2d9;font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1px #00000059,0 12px 40px #00000073;transition:border-color .2s var(--ease-standard),color .2s var(--ease-standard),box-shadow .2s var(--ease-standard)}.phone-dock-toggle__glyph{display:flex;color:#ffc88cf2}.phone-dock-toggle__label{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-dock-toggle:hover,.phone-dock-toggle.is-open{border-color:#ffb464a6;color:#fff8ed;box-shadow:0 0 0 1px #ffa05033,0 14px 48px #0000008c,0 0 28px #ff8c3c1f}.phone-dock-toggle.is-expanded-linked{bottom:calc(22px + env(safe-area-inset-bottom,0px));left:22px}.phone-sheet{position:fixed;bottom:calc(78px + env(safe-area-inset-bottom,0px));left:20px;z-index:6;width:min(300px,calc(100vw - 40px));height:min(520px,calc(100vh - 120px));max-height:calc(100vh - 120px);border-radius:44px;overflow:hidden;border:2px solid rgba(255,220,180,.22);box-shadow:0 0 0 1.5px #ffc88247,0 0 0 4px #1c120ad9,0 50px 120px -20px #000000eb,0 24px 50px -10px #0009,0 0 80px #ff8c3229,inset 0 2px #ffffff2e,inset 0 -2px 12px #0000008c,inset 4px 0 14px #ffffff0a,inset -4px 0 14px #00000073;background:radial-gradient(ellipse 80% 55% at 50% -5%,rgba(255,210,160,.18) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 90% 88%,rgba(255,130,60,.16) 0%,transparent 58%),linear-gradient(168deg,#120e12,#0a080d 52%,#060508);transform-origin:bottom left;animation:phoneSheetInBase .26s cubic-bezier(.16,1,.3,1) both;transition:width .24s var(--ease-standard),height .24s var(--ease-standard),left .24s var(--ease-standard),bottom .24s var(--ease-standard),border-radius .24s var(--ease-standard),box-shadow .24s var(--ease-standard);touch-action:manipulation}.phone-sheet:before{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(125deg,rgba(255,255,255,.14) 0%,transparent 42%);mix-blend-mode:screen}@media(hover:hover)and (pointer:fine){.phone-sheet:not(.phone-sheet--wide){animation:phoneSheetInTilt .32s cubic-bezier(.16,1,.3,1) both;transform:perspective(900px) rotateX(6deg) rotateY(-9deg) translateZ(0);transform-style:preserve-3d;transition:transform .36s cubic-bezier(.22,1,.36,1),box-shadow .24s var(--ease-standard)}.phone-sheet:not(.phone-sheet--wide):hover{transform:perspective(900px) rotateX(2deg) rotateY(-3deg) translateZ(8px)}}.phone-sheet:after{content:"";position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(115deg,transparent 30%,rgba(255,230,200,.1) 46%,rgba(255,245,220,.18) 50%,rgba(255,230,200,.06) 54%,transparent 68%);mix-blend-mode:screen;opacity:.9;z-index:2}.phone-sheet--wide{width:min(344px,calc(100vw - 32px));height:min(552px,calc(100vh - 112px));max-height:calc(100vh - 112px);left:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));border-radius:28px}@media(hover:hover)and (pointer:fine){.phone-sheet--wide{transform:none;animation:phoneSheetInWide .26s cubic-bezier(.16,1,.3,1) both}}@media(max-width:560px){.phone-sheet{width:min(196px,calc(100vw - 110px));height:min(352px,calc(100vh - 260px));max-height:calc(100vh - 260px);border-radius:32px}.phone-sheet--wide{width:min(224px,calc(100vw - 88px));height:min(400px,calc(100vh - 232px));max-height:calc(100vh - 232px);border-radius:22px}}@keyframes phoneSheetInBase{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes phoneSheetInTilt{0%{opacity:0;transform:translateY(18px) scale(.94) perspective(900px) rotateX(10deg) rotateY(-14deg)}to{opacity:1;transform:perspective(900px) rotateX(6deg) rotateY(-9deg) translateZ(0)}}@keyframes phoneSheetInWide{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.phone-ui{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;min-height:0;padding:12px 14px 0}.phone-status{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#ffebd2d9;padding:6px 4px 8px}.phone-status__carrier{font-weight:700;letter-spacing:.16em;color:#ffc896f2}.phone-status__time{font-weight:700}.phone-status__icons{display:flex;align-items:center;gap:4px;color:#ffdcc8bf}.phone-apps-scroll{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:2px;margin-right:-2px}.phone-home{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 6px;padding:6px 0 12px;align-content:start}.phone-app{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:6px 2px;transition:transform .12s ease,opacity .12s ease}.phone-app:hover{transform:scale(1.06)}.phone-app:active{transform:scale(.96)}.phone-app:focus-visible{outline:2px solid rgba(255,180,90,.85);outline-offset:3px;border-radius:12px}.phone-app__icon{width:52px;height:52px;border-radius:14px;background:var(--app-gradient, #3a2612);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0000008c,inset 0 1px #ffffff2e;overflow:hidden;font-size:24px;line-height:1}.phone-app__label{font-family:var(--font-mono);font-size:9px;font-weight:600;letter-spacing:.05em;color:#fff0dceb;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70px}.phone-app__badge{position:absolute;top:4px;right:calc(50% - 34px);font-size:6px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffdcaabf;background:#00000059;padding:1px 4px;border-radius:4px;border:1px solid rgba(255,200,120,.25)}.phone-chrome-footer{flex:0 0 auto;display:flex;justify-content:center;padding:10px 16px 16px}.phone-chrome-footer__pill{width:72px;height:4px;border-radius:2px;background:#ffd2aa38}@media(max-width:480px){.phone-dock-toggle{left:12px;bottom:calc(80px + env(safe-area-inset-bottom,0px));padding:9px 12px 9px 10px}.phone-sheet{left:10px;bottom:calc(126px + env(safe-area-inset-bottom,0px));width:calc(100vw - 22px);height:min(480px,calc(100vh - 132px));max-height:calc(100vh - 132px);border-radius:28px}.phone-sheet--wide{left:8px;bottom:calc(122px + env(safe-area-inset-bottom,0px));width:calc(100vw - 16px);height:min(520px,calc(100vh - 128px));max-height:calc(100vh - 128px)}.phone-dock-toggle.is-expanded-linked{left:12px;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.phone-home{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 4px}}.free-look{position:fixed;bottom:24px;right:24px;z-index:6;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:10px 14px;border:1px solid var(--ring);border-radius:999px;background:#06060fb3;color:var(--on-surface);cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s var(--ease-standard),color .2s var(--ease-standard)}.free-look:hover{border-color:var(--accent);color:var(--accent-2)}.free-look[data-active=true]{border-color:var(--accent-2);color:var(--accent-2)}.nav{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:6;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 12px 10px 10px;border:1px solid color-mix(in srgb,var(--district-accent, var(--accent)) 38%,transparent);box-shadow:0 0 32px color-mix(in srgb,var(--district-accent, var(--accent)) 12%,transparent),0 8px 40px #0000008c,inset 0 1px #ffffff0f;border-radius:999px;background:#06060fd1;backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);color:var(--on-surface);font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;-webkit-user-select:none;user-select:none;transition:border-color .45s var(--ease-standard),box-shadow .45s var(--ease-standard)}.nav__arrow{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--on-surface);font-family:var(--font-display);font-size:17px;line-height:1;cursor:pointer;transition:border-color .2s var(--ease-standard),color .2s var(--ease-standard),background .2s var(--ease-standard)}.nav__arrow:hover:not(:disabled){border-color:color-mix(in srgb,var(--district-accent, var(--accent)) 70%,transparent);color:var(--district-accent, var(--accent-2));background:color-mix(in srgb,var(--district-accent, var(--accent)) 8%,transparent)}.nav__arrow:disabled{opacity:.28;cursor:not-allowed}.nav__center{display:flex;flex-direction:column;align-items:center;min-width:190px;gap:3px;padding:2px 8px}.nav__index{color:var(--district-accent, var(--accent-2));font-size:10px;letter-spacing:.22em;transition:color .4s var(--ease-standard)}.nav__name{color:var(--on-surface);font-size:13px;letter-spacing:.08em;font-weight:600;max-width:26ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav__tag{color:var(--fg-dim);font-size:9px;letter-spacing:.05em;text-align:center;max-width:28ch;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.nav__name{animation:navTextIn .2s var(--ease-entrance) both}.nav__tag{animation:navTextIn .2s var(--ease-entrance) 60ms both}.nav__index{animation:navTextIn .16s var(--ease-entrance) both}@keyframes navTextIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.nav__dots{position:absolute;left:0;right:0;bottom:-18px;display:flex;gap:5px;justify-content:center}.nav__dot{width:5px;height:5px;border-radius:50%;background:#fff3;transition:width .3s var(--ease-entrance),background .3s var(--ease-standard),box-shadow .3s var(--ease-standard);cursor:pointer}.nav__dot.is-active{width:18px;border-radius:999px;background:var(--district-accent, var(--accent));box-shadow:0 0 6px var(--district-accent, var(--accent)),0 0 14px color-mix(in srgb,var(--district-accent, var(--accent)) 45%,transparent)}@media(prefers-reduced-motion:reduce){.nav__name,.nav__tag,.nav__index{animation:none}.nav,.nav__dot,.nav__arrow,.nav__index,.free-look{transition:none}}@media(max-width:720px){.nav__center{min-width:140px}.nav__name{font-size:12px}}@media(max-width:480px){.nav{bottom:calc(22px + env(safe-area-inset-bottom,0px));padding:8px;gap:6px;max-width:calc(100vw - 32px)}.nav__arrow{width:40px;height:40px;font-size:15px}.nav__center{min-width:0;flex:1}.nav__tag{display:none}.nav__name{font-size:11px}.free-look{right:12px;bottom:72px;font-size:10px;letter-spacing:.14em;padding:8px 10px}}