.vc-root{position:relative;display:flex;align-items:center}.vc-launch{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:999px;background:linear-gradient(135deg,#15b4b22e,#48cae41f);border:1px solid rgba(144,224,239,.35);color:#e0fbfceb;font-family:Syne,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;cursor:pointer;position:relative;overflow:visible;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.vc-launch:hover{background:linear-gradient(135deg,#15b4b247,#48cae42e);border-color:#90e0efa6;transform:translateY(-1px);box-shadow:0 0 24px #48cae440}.vc-launch-icon{width:16px;height:16px;color:#90e0eff2;flex-shrink:0}.vc-launch-label{white-space:nowrap}.vc-launch-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:999px;border:1px solid rgba(144,224,239,.35);opacity:0;pointer-events:none}.vc-launch.live{background:linear-gradient(135deg,#e76f5138,#e9c46a2e);border-color:#f4a26199;color:#ffe6c7}.vc-launch.live .vc-launch-icon{color:#ffd59b}.vc-launch.live .vc-launch-ring{opacity:1;border-color:#f4a261a6;animation:vcPulse 1.6s ease-in-out infinite}@keyframes vcPulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.06);opacity:.15}}.vc-panel{position:absolute;top:calc(100% + 14px);right:0;width:340px;padding:16px 16px 14px;border-radius:16px;background:linear-gradient(160deg,#07182eeb,#0a1628d9);border:1px solid rgba(144,224,239,.22);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 10px 40px #0000008c,0 0 60px #15b4b214;z-index:80;animation:vcPanelIn .26s cubic-bezier(.2,.8,.2,1)}@keyframes vcPanelIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.vc-panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.vc-panel-title{display:flex;flex-direction:column;gap:3px}.vc-panel-kicker{font-family:Syne,sans-serif;font-size:10px;font-weight:700;letter-spacing:.22em;color:#e9c46ae6}.vc-panel-sub{font-size:11px;color:#e0fbfc8c;letter-spacing:.06em}.vc-close{background:transparent;border:none;color:#e0fbfc8c;font-size:20px;line-height:1;width:22px;height:22px;cursor:pointer;padding:0;border-radius:50%;transition:color .15s,background .15s}.vc-close:hover{color:#fff;background:#ffffff14}.vc-viz{width:100%;height:72px;border-radius:10px;background:radial-gradient(120% 80% at 50% 50%,rgba(72,202,228,.06),transparent 70%),#030c188c;border:1px solid rgba(144,224,239,.08);margin-bottom:12px}.vc-status{display:flex;align-items:center;gap:9px;margin-bottom:12px;padding:8px 10px;border-radius:8px;background:#ffffff08}.vc-status-dot{width:8px;height:8px;border-radius:50%;background:#e0fbfc59;flex-shrink:0}.vc-status-dot.you{background:#90e0ef;box-shadow:0 0 10px #90e0ef;animation:vcBlink 1s ease-in-out infinite}.vc-status-dot.coach{background:#e9c46a;box-shadow:0 0 10px #e9c46a;animation:vcBlink .6s ease-in-out infinite}.vc-status-dot.thinking{background:#f4a261;box-shadow:0 0 10px #f4a261b3;animation:vcBlink .75s ease-in-out infinite}.vc-status-dot.connecting{background:#15b4b2;animation:vcBlink .8s ease-in-out infinite}.vc-status-dot.muted{background:#e76f51}.vc-status-dot.paused{background:#f4a261}.vc-status-dot.error{background:#ff6b6b;box-shadow:0 0 10px #ff6b6b}.vc-status-label{font-family:Inter,sans-serif;font-size:12px;color:#e0fbfcd9;letter-spacing:.04em}@keyframes vcBlink{0%,to{opacity:1}50%{opacity:.35}}.vc-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}.vc-btn{padding:10px 8px;border-radius:8px;background:#90e0ef14;border:1px solid rgba(144,224,239,.22);color:#e0fbfce6;font-family:Syne,sans-serif;font-size:10px;font-weight:700;letter-spacing:.14em;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}.vc-btn:hover:not(:disabled){background:#90e0ef26;border-color:#90e0ef80;transform:translateY(-1px)}.vc-btn.on{background:#e76f512e;border-color:#e76f518c;color:#ffd1be}.vc-btn.danger{background:#e76f511f;border-color:#e76f5159;color:#ffd1bee6}.vc-btn.danger:hover:not(:disabled){background:#e76f5140;border-color:#e76f51b3}.vc-btn:disabled{opacity:.35;cursor:not-allowed}.vc-footnote{font-size:10px;line-height:1.5;color:#e0fbfc73;letter-spacing:.03em;text-align:center;font-style:italic}.lock-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#000308;color:var(--surface);font-family:DM Sans,sans-serif;perspective:1600px;opacity:0;transition:opacity 1.4s cubic-bezier(.2,.8,.2,1);z-index:50;pointer-events:none}.lock-stage.in{opacity:1;pointer-events:auto}.lock-stage,.lock-stage *{cursor:none}@media(max-width:800px){.lock-stage,.lock-stage *{cursor:auto}}.lock-stage.arriving .lock-backdrop{animation:lockDive 1.6s cubic-bezier(.2,.7,.15,1) forwards}.lock-stage.arriving .lock-content{animation:lockContentIn 1.2s .5s cubic-bezier(.2,.8,.2,1) backwards}@keyframes lockDive{0%{transform:scale(1.35) translateY(-6%);filter:brightness(.35) blur(10px)}60%{filter:brightness(.7) blur(3px)}to{transform:scale(1.08) translateY(0);filter:brightness(1) blur(0)}}@keyframes lockContentIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lock-backdrop{position:absolute;top:-4vh;right:-3vw;bottom:-4vh;left:-3vw;width:calc(100% + 6vw);height:calc(100% + 8vh);background:url(/assets/deep.png) center 55% / cover no-repeat,radial-gradient(ellipse at 50% 20%,#041228,#000308 60%,#000);transform:scale(1.08);animation:lockDrift 40s ease-in-out infinite alternate;will-change:transform}@keyframes lockDrift{0%{transform:scale(1.08) translate(0)}to{transform:scale(1.12) translate(-12px,8px)}}.lock-grade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 60% 40% at 50% 15%,rgba(72,202,228,.05) 0%,transparent 60%),linear-gradient(180deg,#0309131a,#02081473,#00040ccc 80%,#000004f2);mix-blend-mode:multiply}.lock-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.55) 100%)}.lock-particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lock-mote{position:absolute;border-radius:50%;background:#9bedef8c;box-shadow:0 0 6px #48cae48c,0 0 12px #48cae44d;opacity:0;will-change:transform,opacity;animation:lockMoteSink linear infinite}@keyframes lockMoteSink{0%{transform:translateZ(0);opacity:0}8%{opacity:.7}88%{opacity:.5}to{transform:translate3d(var(--dx, 0),120vh,0);opacity:0}}.deep-creature{position:absolute;top:52%;left:-8vw;transform:translateY(-50%);height:85vh;width:auto;min-height:520px;pointer-events:none;will-change:transform,filter;filter:url(#jellyLuma) drop-shadow(0 0 40px rgba(21,180,178,.4)) drop-shadow(0 0 90px rgba(72,202,228,.22)) saturate(1.05) brightness(.95);animation:deepCreatureFloat 14s ease-in-out infinite;opacity:.88}@keyframes deepCreatureFloat{0%,to{transform:translateY(calc(-50% - 22px)) rotate(-.8deg)}50%{transform:translate(10px,calc(-50% + 22px)) rotate(.8deg)}}.deep-creature-halo{position:absolute;top:52%;left:-4vw;transform:translateY(-50%);width:60vh;height:60vh;min-width:460px;min-height:460px;background:radial-gradient(circle at 55% 45%,rgba(21,180,178,.3) 0%,rgba(72,202,228,.12) 32%,rgba(13,59,107,.06) 60%,transparent 78%);filter:blur(40px);pointer-events:none;mix-blend-mode:screen;animation:deepCreatureFloat 14s ease-in-out infinite;opacity:.75}.lock-noise{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><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.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.lock-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:44px 64px;z-index:10}.lock-top{display:flex;align-items:flex-start;justify-content:space-between}.lock-meta{display:flex;gap:40px;font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.lock-meta-item{display:flex;flex-direction:column;gap:6px;align-items:flex-end}.lock-meta-item .k{color:#ffffff59;font-size:9px}.lock-meta-item .v{color:var(--seafoam);font-family:Syne,sans-serif;font-weight:700;font-size:13px;letter-spacing:.18em}.lock-meta-item .v.seal{color:#ff9a6b;text-shadow:0 0 14px rgba(255,154,107,.45)}.lock-meta-item .v.mono{font-family:DM Sans,sans-serif;font-weight:500;letter-spacing:.22em}.lock-center{display:flex;flex-direction:column;gap:20px;max-width:900px;margin-left:36%;padding-left:2vw}.lock-kicker{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.45em;text-transform:uppercase;color:var(--seafoam);display:flex;align-items:center;gap:14px}.lock-kicker:before{content:"";width:38px;height:1px;background:linear-gradient(90deg,var(--seafoam),transparent)}.lock-headline{font-family:Fraunces,serif;font-weight:300;font-size:clamp(48px,5.2vw,84px);line-height:.95;letter-spacing:-.02em;text-shadow:0 2px 30px rgba(0,0,0,.7)}.lock-headline em{font-style:italic;background:linear-gradient(135deg,#9bedef,#48cae4 40%,#0e7c7b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lock-sub{font-family:DM Sans,sans-serif;font-weight:300;font-size:14px;line-height:1.65;color:#ffffffb3;max-width:460px;text-shadow:0 1px 10px rgba(0,0,0,.6)}.lock-sub .accent{color:var(--seafoam);font-weight:500}.lock-file{margin-top:8px;padding:22px 24px;max-width:540px;background:linear-gradient(135deg,#0d3b6b59,#06102066 70%),#00040c80;border:1px solid rgba(72,202,228,.18);border-radius:14px;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 20px 60px -20px #000000e6,inset 0 1px #ffffff0d}.lock-file-head{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.lock-file-head .tag{color:var(--seafoam)}.lock-file-head .dot{width:4px;height:4px;border-radius:50%;background:var(--faint)}.lock-file-head .pulse{color:#ff9a6b;animation:lockPulseWord 2.2s ease-in-out infinite}@keyframes lockPulseWord{0%,to{opacity:.5}50%{opacity:1}}.lock-file-name{font-family:Fraunces,serif;font-style:italic;font-weight:300;font-size:22px;color:var(--surface);margin-bottom:14px;word-break:break-word}.lock-file-bar{position:relative;height:3px;background:#48cae414;border-radius:99px;overflow:hidden}.lock-file-bar-fill{position:absolute;top:0;left:0;bottom:0;width:40%;background:linear-gradient(90deg,#48cae400,#48cae4b3,#9bedef00);animation:lockBarSweep 3.2s ease-in-out infinite}@keyframes lockBarSweep{0%{transform:translate(-100%)}to{transform:translate(350%)}}.lock-file-foot{margin-top:12px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.lock-file-foot .mono{color:var(--seafoam)}.lock-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.lock-warn{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#ffffff73;max-width:520px;line-height:1.7}.lock-warn .warn-dot{width:8px;height:8px;border-radius:50%;background:#ff9a6b;box-shadow:0 0 12px #ff9a6b99;animation:breathe 2s ease-in-out infinite;flex-shrink:0}.lock-sig{display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}.lock-sig .line{width:46px;height:1px;background:var(--faint)}.descent-veil{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;opacity:0;background:radial-gradient(ellipse 120% 100% at 50% -20%,rgba(72,202,228,.08) 0%,transparent 40%),linear-gradient(180deg,#03091300,#02081466 30%,#00040cd9 70%,#000004fa)}.descent-veil.go{animation:veilDescend 1.8s cubic-bezier(.4,.1,.2,1) forwards}@keyframes veilDescend{0%{opacity:0;transform:translateY(-100%)}35%{opacity:1;transform:translateY(0)}75%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(0)}}.stage.descending{animation:stageSink 1.8s cubic-bezier(.4,.1,.2,1) forwards;pointer-events:none}@keyframes stageSink{0%{transform:scale(1) translateY(0);filter:brightness(1) blur(0)}70%{transform:scale(1.08) translateY(4%);filter:brightness(.3) blur(6px)}to{transform:scale(1.15) translateY(8%);filter:brightness(0) blur(14px);opacity:0}}.lock-meta-item .v.distracted{color:#ff9a6b;text-shadow:0 0 14px rgba(255,154,107,.45)}.lock-panels{display:grid;grid-template-columns:280px 1fr;gap:16px;align-items:start}.lock-panel{background:#08122299;border:1px solid rgba(72,202,228,.14);border-radius:14px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:20px;box-shadow:0 20px 60px -20px #0009,inset 0 1px #ffffff0a}.lock-insights-panel{max-height:58vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(72,202,228,.25) transparent}.lock-insights-panel::-webkit-scrollbar{width:4px}.lock-insights-panel::-webkit-scrollbar-track{background:transparent}.lock-insights-panel::-webkit-scrollbar-thumb{background:#48cae440;border-radius:99px}.lock-work-panel{display:flex;flex-direction:column;gap:12px}.work-textarea{flex:1;resize:none;min-height:320px;background:#040c188c;border:1px solid rgba(72,202,228,.12);border-radius:10px;color:#ffffffe0;padding:16px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;line-height:1.75;outline:none;transition:border-color .2s}.work-textarea:focus{border-color:#48cae452;box-shadow:0 0 0 3px #48cae40d}.work-textarea::-moz-placeholder{color:#ffffff2e}.work-textarea::placeholder{color:#ffffff2e}.work-wordcount{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.22em;color:#ffffff4d}.work-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.work-autosave{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#48cae473}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-tag{font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.38em;text-transform:uppercase;color:var(--seafoam)}.panel-title{font-family:Syne,sans-serif;font-weight:700;font-size:14px;color:var(--surface);margin-bottom:16px;line-height:1.35}.difficulty-badge{font-family:DM Sans,sans-serif;font-size:9px;font-weight:600;letter-spacing:.22em;padding:3px 9px;border-radius:99px}.diff-easy{background:#48cae41f;color:var(--seafoam);border:1px solid rgba(72,202,228,.28)}.diff-medium{background:#e9c46a1a;color:var(--sand);border:1px solid rgba(233,196,106,.28)}.diff-hard{background:#ff6b6b1a;color:#ff9a6b;border:1px solid rgba(255,107,107,.28)}.insight-section{margin-bottom:16px}.insight-tag{font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:#ffffff61;margin-bottom:8px}.insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}ol.insight-list{list-style:decimal;padding-left:18px}.insight-list li{font-size:12px;line-height:1.55;color:#ffffffb8;padding-left:14px;position:relative}ul.insight-list li:before{content:"—";position:absolute;left:0;color:var(--seafoam);font-size:10px}ol.insight-list li{padding-left:4px}.insight-reminder{margin-top:14px;padding:10px 14px;background:#48cae40f;border-left:2px solid rgba(72,202,228,.38);border-radius:0 8px 8px 0;font-size:11px;color:#ffffff8c;font-style:italic;line-height:1.55}.panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:48px 20px}.panel-spinner{width:24px;height:24px;border:2px solid rgba(72,202,228,.18);border-top-color:#48cae4cc;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.panel-loading-text{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#ffffff61}.verify-blocked{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#ff6b6b12;border:1px solid rgba(255,107,107,.2);border-radius:8px;font-size:12px;line-height:1.55;color:#ffb9a5e6}.verify-dot{color:#ff9a6b;flex-shrink:0}.work-actions{display:flex;gap:10px;flex:1;min-width:0}.work-actions .surface-btn{flex:1}.work-actions .skip-btn{flex:0 0 38%}.skip-btn{padding:13px;border-radius:10px;background:transparent;color:#e9c46ad9;font-family:Syne,sans-serif;font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(233,196,106,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .16s ease,border-color .16s ease,transform .16s ease}.skip-btn:hover:not(:disabled):not(.verifying){background:#e9c46a14;border-color:#e9c46a99;transform:translateY(-1px)}.skip-btn:disabled{opacity:.35;cursor:not-allowed}.skip-btn.verifying{opacity:.65;cursor:wait}.surface-btn{width:100%;padding:13px;border-radius:10px;background:var(--sand);color:var(--deep-navy);font-family:Syne,sans-serif;font-weight:700;font-size:13px;letter-spacing:.07em;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:filter .2s,transform .15s,box-shadow .2s}.surface-btn:hover:not(.disabled):not(.verifying){filter:brightness(1.12);transform:translateY(-1px);box-shadow:0 0 28px #e9c46a61}.surface-btn.disabled{opacity:.3;cursor:not-allowed}.surface-btn.verifying{opacity:.65;cursor:wait}.surface-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(10,22,40,.25);border-top-color:var(--deep-navy);border-radius:50%;animation:spin .8s linear infinite}@media(max-width:1180px){.lock-center{margin-left:0;padding-left:0;max-width:100%}.deep-creature{left:-22vw;height:70vh;opacity:.5}.lock-meta{gap:22px}}@media(max-width:900px){.lock-panels{grid-template-columns:1fr}.lock-insights-panel{max-height:35vh}.work-textarea{min-height:200px}}@media(max-width:760px){.lock-content{padding:28px}.deep-creature,.deep-creature-halo{display:none}.lock-top{flex-direction:column;gap:24px}.lock-meta{flex-wrap:wrap;gap:18px}.lock-bottom{flex-direction:column;align-items:flex-start}}.surf-stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;background:#031021;color:var(--surface);font-family:DM Sans,sans-serif;z-index:60}.surf-stage,.surf-stage *{cursor:none}@media(max-width:800px){.surf-stage,.surf-stage *{cursor:auto}}.surf-backdrop{position:fixed;top:-4vh;right:-3vw;bottom:-4vh;left:-3vw;width:calc(100% + 6vw);height:calc(100% + 8vh);background:url(/assets/surface-bg.png) center 30% / cover no-repeat;z-index:0;transform:scale(1.04);animation:surfDrift 36s ease-in-out infinite alternate;will-change:transform}@keyframes surfDrift{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.09) translate(-8px,4px)}}.surf-grade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 60% 35% at 50% 0%,rgba(155,237,239,.1) 0%,transparent 60%),linear-gradient(180deg,#03102140,#0310218c 45%,#020814d9)}.surf-glow{position:fixed;top:-10vh;left:30%;width:40vw;height:55vh;background:radial-gradient(ellipse at center,rgba(155,237,239,.22),transparent 72%);filter:blur(60px);z-index:2;pointer-events:none;mix-blend-mode:screen}.surf-noise{position:fixed;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:3;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><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.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.surf-creature{position:fixed;bottom:6vh;right:-4vw;height:42vh;width:auto;min-height:300px;z-index:4;pointer-events:none;opacity:.22;filter:url(#turtleLuma) drop-shadow(0 0 28px rgba(72,202,228,.4)) drop-shadow(0 0 70px rgba(21,180,178,.25)) saturate(1.15);animation:surfFishFloat 11s ease-in-out infinite;transform-origin:center;will-change:transform}@keyframes surfFishFloat{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-22px) rotate(1.5deg)}}.surf-creature-halo{position:fixed;bottom:0;right:-8vw;width:56vh;height:56vh;min-width:420px;min-height:420px;background:radial-gradient(circle at 40% 40%,rgba(72,202,228,.18) 0%,rgba(14,124,123,.08) 35%,transparent 70%);filter:blur(40px);z-index:3;pointer-events:none;mix-blend-mode:screen}.surf-particles{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.surf-mote{position:absolute;border-radius:50%;background:#9bedef99;box-shadow:0 0 6px #9bedef8c,0 0 12px #48cae44d;opacity:0;will-change:transform,opacity;animation:surfMoteRise linear infinite}@keyframes surfMoteRise{0%{transform:translateZ(0);opacity:0}10%{opacity:.55}85%{opacity:.45}to{transform:translate3d(var(--dx, 12px),-110vh,0);opacity:0}}.surf-content{position:relative;z-index:10;max-width:1180px;margin:0 auto;padding:32px 56px 56px;display:flex;flex-direction:column;gap:22px}.surf-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(72,202,228,.12)}.surf-top .wordmark{display:flex;align-items:center;gap:12px}.surf-top .wordmark-icon{width:30px;height:30px;border:1px solid rgba(72,202,228,.5);border-radius:50%;display:grid;place-items:center;color:var(--seafoam);box-shadow:0 0 16px #48cae440,inset 0 0 12px #48cae41a;background:#0d3b6b59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.surf-top .wordmark-icon svg{width:14px;height:14px}.surf-top .wordmark-text{font-family:Syne,sans-serif;font-weight:800;font-size:14px;letter-spacing:.42em;color:var(--surface);text-shadow:0 0 16px rgba(72,202,228,.35)}.surf-top .wordmark-text .slash{color:var(--seafoam);margin:0 6px;font-weight:400}.surf-top-meta{display:flex;align-items:center;gap:28px;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.surf-top-meta .meta-item{display:flex;align-items:center;gap:8px}.surf-top-meta .meta-item .num{color:var(--seafoam);font-weight:500}.surf-top-meta .meta-item.surfaced .num{color:var(--sand);text-shadow:0 0 10px rgba(233,196,106,.4)}.surf-top-meta .seal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--sand);margin-right:6px;box-shadow:0 0 10px var(--sand);animation:surfBreathe 2.2s ease-in-out infinite}@keyframes surfBreathe{0%,to{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.15)}}.surf-hero{margin-top:18px;display:flex;flex-direction:column;gap:10px}.surf-hero .kicker{font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.45em;text-transform:uppercase;color:var(--seafoam);display:flex;align-items:center;gap:14px}.surf-hero .kicker:before{content:"";width:38px;height:1px;background:linear-gradient(90deg,var(--seafoam),transparent)}.surf-hero h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(32px,4.6vw,66px);line-height:1.02;letter-spacing:.02em;text-transform:uppercase;color:var(--surface);text-shadow:0 0 20px rgba(72,202,228,.35)}.surf-hero h1 em{font-family:Fraunces,serif;font-style:italic;font-weight:400;color:var(--seafoam);text-transform:none;letter-spacing:-.01em}.surf-hero .sub{font-family:DM Sans,sans-serif;font-size:13px;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;margin-top:6px}.surf-hero .sub .accent{color:var(--seafoam);font-weight:500}.surf-card{position:relative;background:linear-gradient(135deg,#174c8a59,#0d3b6b2e 70%),#061020b8;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(72,202,228,.2);border-radius:16px;padding:24px 26px;box-shadow:0 0 40px #0e7c7b2e,0 24px 60px -32px #000000b3,inset 0 1px #ffffff0d;overflow:hidden}.surf-card:before{content:"";position:absolute;top:10px;left:10px;width:14px;height:14px;border-top:1.5px solid var(--seafoam);border-left:1.5px solid var(--seafoam);border-radius:3px 0 0;opacity:.9;pointer-events:none}.surf-card:after{content:"";position:absolute;bottom:10px;right:10px;width:14px;height:14px;border-bottom:1.5px solid rgba(72,202,228,.35);border-right:1.5px solid rgba(72,202,228,.35);border-radius:0 0 3px;opacity:.7;pointer-events:none}.surf-card-label{font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--seafoam);margin-bottom:18px;display:flex;align-items:center;gap:10px}.surf-card-label .pip{width:6px;height:6px;border-radius:50%;background:var(--seafoam);box-shadow:0 0 8px var(--seafoam)}.surf-row-top{display:grid;grid-template-columns:minmax(260px,.9fr) 2fr;gap:18px}.surf-row-duo{display:grid;grid-template-columns:1fr 1fr;gap:18px}.surf-row-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.perf-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;gap:16px}.perf-ring-wrap{position:relative;width:156px;height:156px}.perf-ring-svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 16px currentColor)}.perf-ring-track{fill:none;stroke:#48cae41a;stroke-width:6}.perf-ring-value{fill:none;stroke:currentColor;stroke-width:6;stroke-linecap:round;transition:stroke-dashoffset 1.3s cubic-bezier(.22,.8,.2,1)}.perf-ring-number{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:Syne,sans-serif;font-weight:800;font-size:56px;letter-spacing:.02em;color:var(--surface);text-shadow:0 0 20px rgba(255,255,255,.25)}.perf-status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid currentColor;background:#00000040;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase}.perf-status-pill .pill-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:surfBreathe 2.2s ease-in-out infinite}.assign-card p{font-family:DM Sans,sans-serif;font-size:14px;line-height:1.7;color:#ffffffd1;letter-spacing:.01em}.list-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.list-card li{display:flex;align-items:flex-start;gap:14px;padding-bottom:12px;border-bottom:1px solid rgba(72,202,228,.08);font-family:DM Sans,sans-serif;font-size:14px;line-height:1.55;color:#ffffffd9}.list-card li:last-child{border-bottom:none;padding-bottom:0}.list-card li .bullet{flex-shrink:0;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;margin-top:1px}.list-card.strengths li .bullet{color:var(--teal-bright);background:#15b4b21f;border:1px solid rgba(21,180,178,.35);box-shadow:0 0 10px #15b4b240}.list-card.improve li .bullet{color:var(--seafoam);background:#48cae41a;border:1px solid rgba(72,202,228,.35);box-shadow:0 0 10px #48cae438}.stat-tile{position:relative;background:#061020a6;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(72,202,228,.18);border-radius:12px;padding:18px 14px 16px;text-align:center;overflow:hidden}.stat-tile:before{content:"";position:absolute;top:6px;left:6px;width:9px;height:9px;border-top:1px solid var(--seafoam);border-left:1px solid var(--seafoam);opacity:.7}.stat-tile .stat-label{font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;line-height:1.2}.stat-tile .stat-value{font-family:Syne,sans-serif;font-weight:800;font-size:30px;letter-spacing:.01em;line-height:1;color:var(--surface)}.stat-tile .stat-sub{font-family:DM Sans,sans-serif;font-size:10px;color:var(--muted);letter-spacing:.14em;margin-top:8px;text-transform:uppercase}.stat-tile.warn .stat-value{color:#f2a65a;text-shadow:0 0 12px rgba(242,166,90,.4)}.stat-tile.good .stat-value{color:var(--teal-bright);text-shadow:0 0 12px rgba(21,180,178,.35)}.stat-tile.bad .stat-value{color:var(--danger);text-shadow:0 0 12px rgba(231,111,81,.4)}.timeline-card .pct-bar{display:flex;height:22px;border-radius:6px;overflow:hidden;gap:2px;background:#ffffff0a}.timeline-card .pct-seg{display:flex;align-items:center;justify-content:center;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;letter-spacing:.1em;transition:width .6s ease}.timeline-card .pct-seg.focused{background:var(--teal-bright);color:#012a2a}.timeline-card .pct-seg.paused{background:var(--sand);color:var(--deep-navy)}.timeline-card .pct-seg.distracted{background:var(--danger);color:#fff}.timeline-card .legend{display:flex;gap:22px;margin-top:12px}.timeline-card .legend span.entry{display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#ffffffa6}.timeline-card .legend .swatch{width:10px;height:10px;border-radius:2px}.timeline-card .legend .pct{color:var(--seafoam);font-family:Syne,sans-serif;font-weight:700}.timeline-card .buckets-label{margin-top:22px;font-family:DM Sans,sans-serif;font-size:9px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.coral-card{text-align:center;padding:32px 36px;background:linear-gradient(135deg,#e9c46a0d,#0e7c7b0f 70%),#061020b3;border:1px solid rgba(72,202,228,.22);box-shadow:inset 0 0 40px #0e7c7b1f,0 0 40px #0e7c7b2e,0 24px 60px -32px #000000b3}.coral-card .coral-rule{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--seafoam),transparent);margin:0 auto 20px}.coral-card .coral-quote{font-family:Fraunces,serif;font-style:italic;font-weight:400;font-size:clamp(17px,1.6vw,22px);line-height:1.55;color:#ffffffeb;letter-spacing:.01em;max-width:680px;margin:0 auto}.coral-card .coral-signature{margin-top:18px;font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}.surf-cta{display:flex;justify-content:center;align-items:center;gap:18px;padding:10px 0 6px;flex-wrap:wrap}.return-btn{display:inline-flex;align-items:center;gap:14px;padding:16px 34px 16px 26px;background:#0610208c;color:var(--seafoam);border:1px solid rgba(72,202,228,.35);border-radius:100px;font-family:Syne,sans-serif;font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 24px #48cae41f,inset 0 1px #ffffff0d;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease,color .25s ease}.return-btn:hover{color:var(--surface);border-color:var(--seafoam);background:#48cae41f;box-shadow:0 0 40px #48cae44d,inset 0 1px #ffffff14;transform:translateY(-2px)}.return-btn:active{transform:translateY(0)}.return-btn .arrow.back{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#48cae426;border:1px solid rgba(72,202,228,.35);color:var(--seafoam);transition:transform .25s ease}.return-btn:hover .arrow.back{transform:translate(-3px)}.dive-again{position:relative;background:linear-gradient(135deg,var(--sand-lt) 0%,var(--sand) 60%,#c9a04a 100%);color:var(--deep-navy);font-family:Syne,sans-serif;font-weight:700;font-size:14px;letter-spacing:.18em;padding:16px 38px 16px 30px;border:none;border-radius:100px;cursor:pointer;display:inline-flex;align-items:center;gap:14px;text-transform:uppercase;box-shadow:0 0 40px #e9c46a73,0 12px 28px -8px #0006,inset 0 1px #ffffff80,inset 0 -8px 20px -10px #8c641e73;animation:goldPulse 3s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease}.dive-again:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 70px #e9c46aa6,0 18px 32px -10px #00000080,inset 0 1px #ffffff8c}.dive-again:active{transform:translateY(-1px) scale(1)}.dive-again .arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--deep-navy);color:var(--sand);transition:transform .3s ease}.dive-again:hover .arrow{transform:translate(3px) rotate(-8deg)}.surf-foot{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(72,202,228,.08);font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted)}.surf-foot .line{flex:0 0 80px;height:1px;background:var(--faint);margin:0 16px}.surf-rise{opacity:0;transform:translateY(22px)}.surf-rise.go{animation:surfRise .9s cubic-bezier(.22,.8,.2,1) forwards}@keyframes surfRise{to{opacity:1;transform:translateY(0)}}.surf-fade{opacity:0}.surf-fade.go{animation:surfFade 1.2s cubic-bezier(.2,.8,.2,1) forwards}@keyframes surfFade{to{opacity:1}}.surf-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#031021;color:var(--seafoam);font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.3em;text-transform:uppercase;z-index:60}.surf-loading .spinner{width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(72,202,228,.15);border-top-color:var(--seafoam);animation:surfSpin 1s linear infinite;margin:0 auto 18px}@keyframes surfSpin{to{transform:rotate(360deg)}}@media(max-width:960px){.surf-content{padding:24px 22px 36px}.surf-row-top,.surf-row-duo{grid-template-columns:1fr}.surf-row-stats{grid-template-columns:repeat(2,1fr)}.surf-creature,.surf-top-meta{display:none}.surf-foot{flex-direction:column;gap:6px;text-align:center}.surf-foot .line{display:none}}.insights-card{margin-top:0}.insights-loading{display:flex;align-items:center;gap:12px;padding:20px 0;color:#ffffff73;font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.insights-assessment{font-family:DM Sans,sans-serif;font-size:13px;color:#ffffff8c;line-height:1.6;margin:0 0 18px;letter-spacing:.02em}.insights-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:20px}.insight-item{display:flex;gap:14px;align-items:flex-start;background:#48cae40a;border:1px solid rgba(72,202,228,.1);border-radius:8px;padding:14px}.insight-icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:2px}.insight-content{display:flex;flex-direction:column;gap:3px}.insight-category{font-family:DM Sans,sans-serif;font-size:9px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--seafoam, #48CAE4);opacity:.7}.insight-title{font-family:Syne,sans-serif;font-size:13px;font-weight:700;color:#ffffffe6;letter-spacing:.02em}.insight-body{font-family:DM Sans,sans-serif;font-size:12px;color:#ffffff8c;line-height:1.6}.insights-tip{display:flex;gap:10px;align-items:baseline;padding:12px 14px;background:#15b4b20f;border:1px solid rgba(21,180,178,.2);border-radius:8px;font-family:DM Sans,sans-serif;font-size:12.5px;color:#ffffffa6;line-height:1.55}.insights-tip-label{font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#15b4b2;white-space:nowrap;flex-shrink:0}.cursor-dot{width:5px;height:5px;background:#48cae4;border-radius:50%;box-shadow:0 0 10px #48cae4}.cursor-ring.hover{width:58px;height:58px;border-color:#48cae4;background:#48cae414}.cursor-ring.err{border-color:#e76f51;background:#e76f5126;box-shadow:0 0 14px #e76f5159}@media(max-width:800px){.cursor-dot,.cursor-ring{display:none}}.proctor-widget{position:fixed;bottom:88px;right:24px;z-index:50;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none}.proctor-video-wrap{position:relative;width:128px;height:96px;border-radius:8px;overflow:hidden;border:1px solid rgba(72,202,228,.25);background:#031021d9;box-shadow:0 4px 24px #0006;transition:opacity .25s,border-color .25s}.proctor-video-wrap.is-off{opacity:.55;border-color:#ffffff14}.proctor-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scaleX(-1);opacity:.88}.proctor-video-wrap.is-off .proctor-video{visibility:hidden}.proctor-off-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#ffffff40}.proctor-dot{position:absolute;top:7px;right:7px;width:8px;height:8px;border-radius:50%;transition:background .3s,box-shadow .3s}.proctor-dot.status-present{background:#15b4b2;box-shadow:0 0 6px #15b4b2}.proctor-dot.status-away{background:#ff7b7b;box-shadow:0 0 8px #ff7b7b;animation:proctorPulse 1.1s ease-in-out infinite}.proctor-dot.status-phone{background:#e9c46a;box-shadow:0 0 8px #e9c46a;animation:proctorPulse .75s ease-in-out infinite}.proctor-dot.status-loading{background:#48cae473}.proctor-dot.status-error,.proctor-dot.status-off{background:#ffffff2e}@keyframes proctorPulse{0%,to{opacity:1}50%{opacity:.25}}.proctor-info{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.proctor-label{font-family:DM Sans,sans-serif;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:color .3s}.proctor-label.status-present{color:#48cae4bf}.proctor-label.status-away{color:#ff7b7b}.proctor-label.status-phone{color:#e9c46a}.proctor-label.status-loading{color:#ffffff59}.proctor-label.status-error{color:#ffffff47}.proctor-label.status-off{color:#ffffff59}.proctor-counts{font-family:DM Sans,sans-serif;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff52}.proctor-stop-btn{pointer-events:all;align-self:flex-end;background:#ff7b7b1f;border:1px solid rgba(255,123,123,.5);border-radius:6px;color:#ff7b7b;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;cursor:pointer;transition:background .15s,border-color .15s;animation:proctorPulse 1s ease-in-out infinite}.proctor-stop-btn:hover{background:#ff7b7b40;border-color:#ff7b7b;animation:none}.proctor-toggle-btn{pointer-events:all;align-self:flex-end;background:#15b4b21a;border:1px solid rgba(21,180,178,.4);border-radius:6px;font-family:DM Sans,sans-serif;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.proctor-toggle-btn.is-on{color:#15b4b2}.proctor-toggle-btn.is-on:hover{background:#15b4b238;border-color:#15b4b2}.proctor-toggle-btn.is-off{color:#ffffff80;background:#ffffff0a;border-color:#ffffff2e}.proctor-toggle-btn.is-off:hover{background:#ffffff1a;border-color:#fff6;color:#fffc}:root{--deep-navy: #0A1628;--abyss: #030913;--ocean: #0D3B6B;--ocean-lit: #174c8a;--teal: #0E7C7B;--teal-bright:#15b4b2;--seafoam: #48CAE4;--seafoam-lt: #9BEDEF;--sand: #E9C46A;--sand-lt: #F4D98B;--surface: #FFFFFF;--muted: rgba(255,255,255,.5);--faint: rgba(255,255,255,.18);--danger: #ff7b7b;--danger-lt: #ffb3a6;--danger-bg: rgba(231,111,81,.12)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#020610;color:var(--surface);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.stage,.stage *{cursor:none}.stage{overflow:hidden}*::-moz-selection{background:var(--seafoam);color:var(--deep-navy)}*::selection{background:var(--seafoam);color:var(--deep-navy)}.display{font-family:Syne,sans-serif}.editorial{font-family:Fraunces,serif}.stage{position:relative;width:100vw;height:100vh;perspective:1400px;background:#020610}.backdrop{position:absolute;top:-4vh;right:-3vw;bottom:-4vh;left:-3vw;width:calc(100% + 6vw);height:calc(100% + 8vh);background:url(/assets/backdrop.png) center 40% / cover no-repeat;z-index:0;transform:scale(1.04);animation:kenBurns 32s ease-in-out infinite alternate;will-change:transform}@keyframes kenBurns{0%{transform:scale(1.04) translate(0)}to{transform:scale(1.1) translate(-10px,6px)}}.backdrop-grade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% 25%,rgba(72,202,228,.08) 0%,transparent 55%),linear-gradient(180deg,#0309130d,#050d1c26 40%,#040a168c 75%,#020610d9),linear-gradient(180deg,#0d3b6b2e,#0e7c7b1a,#0a162859);mix-blend-mode:multiply}.surface-glow{position:absolute;top:-12vh;left:30%;width:40vw;height:40vh;background:radial-gradient(ellipse at center,rgba(233,240,255,.12),transparent 70%);filter:blur(40px);z-index:2;pointer-events:none}.noise{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;z-index:6;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><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.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.mote{position:absolute;width:2.5px;height:2.5px;border-radius:50%;background:var(--seafoam);box-shadow:0 0 8px var(--seafoam),0 0 14px #48cae473;opacity:0;will-change:transform,opacity;animation:motedrift linear infinite}@keyframes motedrift{0%{transform:translateZ(0);opacity:0}8%{opacity:.95}88%{opacity:.85}to{transform:translate3d(var(--dx, 24px),-120vh,0);opacity:0}}.big-word{position:absolute;left:-2vw;top:12vh;font-family:Fraunces,serif;font-weight:200;font-style:italic;font-size:26vw;line-height:.85;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(72,202,228,.07);z-index:3;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;will-change:transform;mix-blend-mode:screen}.sig-mark{position:absolute;right:3.5vw;bottom:3vh;z-index:11;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--muted);display:flex;flex-direction:column;align-items:flex-end;gap:8px}.sig-mark .line{width:46px;height:1px;background:var(--faint)}.nav-hint{position:absolute;left:3.5vw;bottom:3vh;z-index:11;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.35em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px}.nav-hint .dot{width:7px;height:7px;border-radius:50%;background:var(--seafoam);box-shadow:0 0 12px var(--seafoam);animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.creature{position:absolute;top:50%;right:-8vw;transform:translateY(-50%);height:115vh;width:auto;min-height:680px;z-index:8;pointer-events:none;will-change:transform,filter;filter:url(#jellyLuma) drop-shadow(0 0 45px rgba(21,180,178,.55)) drop-shadow(0 0 110px rgba(72,202,228,.3)) saturate(1.2);animation:creatureFloat 9s ease-in-out infinite}@keyframes creatureFloat{0%,to{transform:translateY(calc(-50% - 16px)) rotate(-1.2deg)}50%{transform:translate(6px,calc(-50% + 16px)) rotate(1.2deg)}}.creature-halo{position:absolute;top:50%;right:-4vw;transform:translateY(-50%);width:70vh;height:70vh;min-width:520px;min-height:520px;background:radial-gradient(circle at 40% 38%,rgba(21,180,178,.42) 0%,rgba(72,202,228,.18) 28%,rgba(13,59,107,.08) 55%,transparent 75%);filter:blur(30px);z-index:7;pointer-events:none;mix-blend-mode:screen;animation:creatureHalo 9s ease-in-out infinite}@keyframes creatureHalo{0%,to{transform:translateY(calc(-50% - 10px)) scale(1);opacity:.9}50%{transform:translate(4px,calc(-50% + 10px)) scale(1.05);opacity:1}}.content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;padding:48px 64px;pointer-events:none}.content>*{pointer-events:auto}.topbar{display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:12px}.wordmark-icon{width:30px;height:30px;border:1px solid rgba(72,202,228,.5);border-radius:50%;display:grid;place-items:center;color:var(--seafoam);box-shadow:0 0 16px #48cae440,inset 0 0 12px #48cae41a;background:#0d3b6b59;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.wordmark-icon svg{width:14px;height:14px}.wordmark-text{font-family:Syne,sans-serif;font-weight:800;font-size:14px;letter-spacing:.42em;color:var(--surface);text-shadow:0 0 16px rgba(72,202,228,.35)}.wordmark-text .slash{color:var(--seafoam);margin:0 6px;font-weight:400}.topbar-meta{display:flex;align-items:center;gap:28px;font-family:DM Sans,sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.meta-item{display:flex;align-items:center;gap:8px}.meta-item .num{color:var(--seafoam);font-weight:500}.hero-grid{flex:1;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px;margin-top:10px}.hero-left{display:flex;flex-direction:column;gap:34px;max-width:560px}.kicker{font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:.45em;text-transform:uppercase;color:var(--seafoam);display:flex;align-items:center;gap:14px}.kicker:before{content:"";width:38px;height:1px;background:linear-gradient(90deg,var(--seafoam),transparent)}.headline{font-family:Syne,sans-serif;font-weight:800;font-style:normal;font-size:clamp(28px,3.4vw,52px);line-height:1.2;letter-spacing:.04em;text-transform:uppercase;color:var(--surface);text-shadow:0 0 16px rgba(72,202,228,.35)}.headline em{font-style:normal;color:var(--seafoam);-webkit-text-fill-color:var(--seafoam);background:none;-webkit-background-clip:unset;background-clip:unset}.sub{font-family:DM Sans,sans-serif;font-weight:300;font-size:15px;line-height:1.6;color:#ffffffc7;max-width:420px;letter-spacing:.01em;text-shadow:0 1px 12px rgba(0,0,0,.6)}.sub .accent{color:var(--seafoam);font-weight:500}.hatch-wrap{position:relative;width:100%;max-width:520px;perspective:1200px}.hatch-wrap:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:22px;border:1px solid rgba(72,202,228,.35);box-shadow:0 0 #48cae473;animation:hatchPulse 2.8s ease-out infinite;pointer-events:none}@keyframes hatchPulse{0%{box-shadow:0 0 #48cae480;opacity:1}to{box-shadow:0 0 0 26px #48cae400;opacity:0}}.hatch{position:relative;background:linear-gradient(135deg,#174c8a8c,#0d3b6b40 70%),#061020b3;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border:1px solid rgba(72,202,228,.28);border-radius:20px;box-shadow:0 0 80px #0e7c7b47,0 40px 80px -40px #000000d9,inset 0 1px #ffffff14,inset 0 -20px 40px -30px #48cae41a;padding:40px 36px 36px;cursor:none;transition:border-color .35s ease,box-shadow .35s ease,background .35s ease;transform-style:preserve-3d;will-change:transform;overflow:hidden}.hatch.dragging{border-color:var(--seafoam);background:linear-gradient(135deg,#48cae433,#0e7c7b26 70%),#061020bf;box-shadow:0 0 110px #48cae459,inset 0 0 0 1px #48cae480}.hatch.invalid{animation:shake .55s cubic-bezier(.36,.07,.19,.97);border-color:var(--danger)!important;background:linear-gradient(135deg,#e76f5138,#8228281f 70%),#140608bf!important;box-shadow:0 0 110px #e76f5173,inset 0 0 0 1px #e76f518c!important}.hatch-wrap.invalid:before{border-color:#e76f518c;animation:hatchPulseError .9s ease-out}@keyframes hatchPulseError{0%{box-shadow:0 0 #e76f518c;opacity:1}to{box-shadow:0 0 0 34px #e76f5100;opacity:0}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-7px,0,0)}40%,60%{transform:translate3d(7px,0,0)}}.hatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(155,237,239,.1) 0%,transparent 35%),radial-gradient(circle at 80% 30%,rgba(72,202,228,.08) 0%,transparent 40%),radial-gradient(circle at 50% 90%,rgba(14,124,123,.08) 0%,transparent 45%);animation:hatchShimmer 11s ease-in-out infinite alternate;mix-blend-mode:screen}@keyframes hatchShimmer{0%{transform:translate(0)}to{transform:translate(-20px,14px)}}.hatch-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.35em;text-transform:uppercase;color:var(--muted)}.hatch-head .ident{display:flex;align-items:center;gap:10px}.hatch-head .status{display:flex;align-items:center;gap:8px;color:var(--seafoam)}.hatch-head .status.err{color:var(--danger)}.hatch-head .status .pip{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:breathe 2s ease-in-out infinite}.bracket{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--faint);color:var(--muted)}.hatch-body{position:relative;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.portal{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,rgba(72,202,228,.25),rgba(14,124,123,.15) 60%,transparent 80%);border:1px solid rgba(72,202,228,.4);color:var(--seafoam);box-shadow:inset 0 0 20px #48cae433,0 0 24px #48cae44d;animation:portalRotate 12s linear infinite}.portal svg{animation:portalRotate 12s linear infinite reverse}@keyframes portalRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hatch-title{font-family:Syne,sans-serif;font-weight:700;font-size:17px;letter-spacing:.05em;color:var(--surface)}.hatch-sub{font-family:DM Sans,sans-serif;font-size:13px;color:var(--muted)}.hatch-error{display:flex;flex-direction:column;align-items:center;gap:12px;animation:errorFadeIn .35s cubic-bezier(.2,.8,.2,1) forwards}.hatch-error .err-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--danger-bg);border:1px solid rgba(231,111,81,.55);color:var(--danger);box-shadow:inset 0 0 16px #e76f5138,0 0 28px #e76f5166;animation:errPulse .9s ease-out}.hatch-error .err-title{font-family:Syne,sans-serif;font-weight:700;font-size:17px;letter-spacing:.04em;color:var(--danger-lt)}.hatch-error .err-sub{font-family:DM Sans,sans-serif;font-size:13px;color:#ffb3a6b3}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes errPulse{0%{transform:scale(.85);box-shadow:0 0 #e76f5199,inset 0 0 16px #e76f5138}60%{transform:scale(1.05)}to{transform:scale(1);box-shadow:0 0 0 18px #e76f5100,inset 0 0 16px #e76f5138}}.loaded-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 18px;border-radius:12px;background:#48cae414;border:1px solid rgba(72,202,228,.25);gap:14px}.loaded-row .left{display:flex;align-items:center;gap:12px;min-width:0}.loaded-row .filetype{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#48cae42e;color:var(--seafoam);font-family:Syne,sans-serif;font-weight:700;font-size:10px;letter-spacing:.05em;border:1px solid rgba(72,202,228,.3)}.loaded-row .fname{font-family:DM Sans,sans-serif;font-size:14px;color:var(--surface);font-weight:500;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loaded-row .fmeta{font-family:DM Sans,sans-serif;font-size:11px;color:var(--muted);margin-top:2px;letter-spacing:.04em}.clear-btn{background:transparent;border:1px solid var(--faint);color:var(--muted);width:30px;height:30px;border-radius:50%;cursor:none;display:grid;place-items:center;transition:all .2s}.clear-btn:hover{color:var(--surface);border-color:var(--seafoam);background:#48cae41a}.sweep{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--seafoam),transparent);transform:translate(-100%);opacity:0}.hatch.loaded .sweep{animation:sweep 1s ease-out forwards}@keyframes sweep{0%{transform:translate(-100%);opacity:1}to{transform:translate(100%);opacity:0}}.hatch-foot{margin-top:22px;display:flex;align-items:center;justify-content:space-between;font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.hatch-foot .chip{padding:5px 10px;border-radius:999px;border:1px solid var(--faint)}.launch-row{margin-top:22px;display:flex;align-items:center;gap:18px}.dive-btn{position:relative;background:linear-gradient(135deg,var(--sand-lt) 0%,var(--sand) 60%,#c9a04a 100%);color:var(--deep-navy);font-family:Syne,sans-serif;font-weight:700;font-size:15px;letter-spacing:.14em;padding:18px 42px 18px 34px;border:none;border-radius:100px;cursor:none;opacity:.35;pointer-events:none;transition:opacity .4s ease,transform .3s ease,box-shadow .3s ease;overflow:hidden;display:inline-flex;align-items:center;gap:14px}.dive-btn.active{opacity:1;pointer-events:all;box-shadow:0 0 40px #e9c46a73,0 12px 28px -8px #0006,inset 0 1px #ffffff80,inset 0 -8px 20px -10px #8c641e73;animation:goldPulse 3s ease-in-out infinite 1.2s}.dive-btn.active:hover{transform:translateY(-3px);box-shadow:0 0 70px #e9c46aa6,0 18px 32px -10px #00000080,inset 0 1px #ffffff8c}.dive-btn .arrow{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--deep-navy);color:var(--sand);transition:transform .3s ease}.dive-btn.active:hover .arrow{transform:translate(4px) rotate(-6deg)}@keyframes goldPulse{0%,to{box-shadow:0 0 40px #e9c46a73,0 12px 28px -8px #0006,inset 0 1px #ffffff80,inset 0 -8px 20px -10px #8c641e73}50%{box-shadow:0 0 70px #e9c46aa6,0 12px 28px -8px #0006,inset 0 1px #ffffff8c,inset 0 -8px 20px -10px #8c641e73}}.ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:#ffffff73;pointer-events:none;animation:rippleOut .7s ease-out forwards}@keyframes rippleOut{to{transform:translate(-50%,-50%) scale(8);opacity:0}}.support-line{font-family:DM Sans,sans-serif;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted);max-width:120px;line-height:1.5}.enter{opacity:0;transform:translateY(14px)}.enter.go{animation:riseIn 1s cubic-bezier(.22,.8,.2,1) forwards}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.fade{opacity:0}.fade.go{animation:fadeIn 1.4s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeIn{to{opacity:var(--to-op, 1)}}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen}.cursor-dot{width:5px;height:5px;background:var(--seafoam);border-radius:50%;box-shadow:0 0 10px var(--seafoam)}.cursor-ring{width:32px;height:32px;border:1px solid rgba(72,202,228,.55);border-radius:50%;box-shadow:0 0 14px #48cae433;transition:width .25s,height .25s,border-color .25s,background .25s,border-radius .25s}.cursor-ring.hover{width:58px;height:58px;border-color:var(--seafoam);background:#48cae414}.cursor-ring.drag{width:70px;height:70px;border-radius:30% 70% 70% 30%;background:#48cae426}.cursor-ring.err{border-color:var(--danger);background:#e76f5126;box-shadow:0 0 14px #e76f5159}@media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.creature{right:-22vw;height:95vh;opacity:.7}.creature-halo{right:-14vw}.big-word{font-size:40vw;top:24vh}}@media(max-width:760px){html,body{cursor:auto;overflow:auto}.stage{height:auto;min-height:100vh}.content{padding:28px}.creature,.creature-halo,.big-word,.cursor-dot,.cursor-ring,.topbar-meta{display:none}.nav-hint,.sig-mark{position:static;margin-top:20px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--color-deep-navy: #0A1628;--color-ocean: #0D3B6B;--color-teal: #0E7C7B;--color-seafoam: #48CAE4;--color-sand: #E9C46A;--color-surface: #FFFFFF;--color-muted: #B0BEC5}*{box-sizing:border-box}body{margin:0;background-color:var(--color-deep-navy);color:var(--color-surface);font-family:DM Sans,system-ui,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-ocean)}::-webkit-scrollbar-thumb{background:var(--color-teal);border-radius:4px}