@property --p{syntax:"<percentage>";inherits:false;initial-value:0%}@property --sheen{syntax:"<percentage>";inherits:true;initial-value:50%}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#06060a;--bg-2:#0c0b12;--fg:#f4f2ff;--fg-2:#c9c6de;--dim:#8a87a3;--faint:#5a5772;--line:#ffffff14;--line-2:#ffffff24;--a-1:#ffb03d;--a-2:#ff5a5f;--a:#ff8a4c;--a-grad:linear-gradient(135deg, var(--a-1), var(--a-2));--a-soft:#ff8a4c24;--a-glow:#ff784673;--n-1:#3dd6ff;--n-2:#6a5cff;--n:#4f9bff;--n-grad:linear-gradient(135deg, var(--n-1), var(--n-2));--n-soft:#4f9bff24;--n-glow:#508cff73;--chrome-grad:linear-gradient(180deg, #fff 0%, #d9dbe6 22%, #7d8094 48%, #f2f3f8 52%, #a7aabb 74%, #fff 100%);--an-grad:linear-gradient(90deg, var(--a-2), var(--a-1) 35%, #fff 50%, var(--n-1) 65%, var(--n-2));--ok:#4fe3a1;--warn:#ffd166;--danger:#ff5a6a;--r-xs:8px;--r-sm:12px;--r-md:18px;--r-lg:26px;--r-xl:34px;--r-pill:999px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:72px;--pad:clamp(16px, 4.5vw, 40px);--maxw:760px;--sh-1:0 6px 20px -8px #0000008c;--sh-2:0 18px 50px -18px #000000b3;--sh-3:0 40px 100px -30px #000000d9;--rim:inset 0 0 0 1px #ffffff24, inset 1.5px 2px 0 -1px #ffffff8c, inset -1.5px -2px 0 -1px #ffffff2e;--spring:linear(0, .009, .035 2.1%, .141, .281 6.7%, .723 12.9%, .938 16.7%, 1.017, 1.077, 1.121, 1.149 24.3%, 1.159, 1.163, 1.161, 1.154 29.9%, 1.129 32.8%, 1.051 39.6%, 1.017 43.1%, .991, .977 51%, .974 53.8%, .975 57.1%, .997 69.8%, 1.003 76.9%, 1.004 83.8%, 1);--bounce:linear(0, .063, .25, .563, 1 36.4%, .812, .75, .813, 1 72.7%, .953, .938, .953, 1 90.9%, .984, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--t-fast:.18s;--t-mid:.45s;--t-slow:.8s;--font:-apple-system, "SF Pro Display", "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:19px;--fs-xl:clamp(24px, 4.2vw, 32px);--fs-2xl:clamp(32px, 6.5vw, 56px);--fs-3xl:clamp(44px, 10vw, 104px);--fs-timer:clamp(96px, 30vw, 240px);--tight:-.03em;--z-bg:0;--z-content:2;--z-dock:60;--z-header:70;--z-sheet:90;--z-toast:110;--z-dust:120;--dock-h:68px;--header-h:60px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}.side-a{--side:var(--a);--side-1:var(--a-1);--side-2:var(--a-2);--side-grad:var(--a-grad);--side-soft:var(--a-soft);--side-glow:var(--a-glow)}.side-n{--side:var(--n);--side-1:var(--n-1);--side-2:var(--n-2);--side-grad:var(--n-grad);--side-soft:var(--n-soft);--side-glow:var(--n-glow)}.side-0{--side:#e8e9f2;--side-1:#fff;--side-2:#9ea2b8;--side-grad:var(--chrome-grad);--side-soft:#ffffff14;--side-glow:#ffffff40}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;background:var(--bg);overflow-x:clip}html,body{color:var(--fg)}body{font-family:var(--font);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;font-synthesis:none;background:var(--bg);-webkit-tap-highlight-color:transparent;min-height:100dvh;line-height:1.45;overflow-x:clip}img,svg,canvas{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #ffffffb3}::selection{background:#ffb03d59}h1,.h1{font-size:var(--fs-3xl);letter-spacing:-.045em;font-weight:800;line-height:.95}h2,.h2{font-size:var(--fs-2xl);letter-spacing:var(--tight);font-weight:800;line-height:1}h3,.h3{font-size:var(--fs-xl);letter-spacing:-.02em;font-weight:750;line-height:1.1}h4,.h4{font-size:var(--fs-lg);letter-spacing:-.01em;font-weight:650}p{color:var(--fg-2)}.dim{color:var(--dim)}.small{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.eyebrow{font:600 11px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.text-a{background:var(--a-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.text-n{background:var(--n-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.text-side{background:var(--side-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.screen{z-index:var(--z-content);min-height:100dvh;padding:calc(var(--header-h) + var(--safe-t) + 18px) var(--pad) calc(var(--dock-h) + var(--safe-b) + 40px);position:relative}.screen.bare{padding-top:calc(var(--safe-t) + 16px);padding-bottom:calc(var(--safe-b) + 16px)}.wrap{max-width:var(--maxw);margin:0 auto}.wrap-wide{max-width:1120px;margin:0 auto}.stack{gap:var(--gap,16px);flex-direction:column;display:flex}.row{align-items:center;gap:var(--gap,12px);flex-wrap:wrap;display:flex}.between{justify-content:space-between}.grid-2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:40px}.mt-5{margin-top:64px}.hide{display:none!important}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.fx-bg{z-index:var(--z-bg);pointer-events:none;position:fixed;inset:0}.fx-layer{width:100%;height:100%;position:absolute;inset:0}.grain:after{content:"";z-index:85;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:-50%}.rise{animation:rise .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.aura{z-index:var(--z-bg);pointer-events:none;background-color:#0000;background-image:radial-gradient(50% 40% at 0 0,#ff8a4c29,#0000 70%),radial-gradient(50% 45% at 100% 100%,#5078ff2e,#0000 70%),radial-gradient(40% 30% at 100% 10%,#3dd6ff0f,#0000 70%);background-position:0 0,0 0,0 0;background-repeat:no-repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;height:100dvh;position:fixed;inset:0 0 auto}.glass{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(22px)saturate(170%);backdrop-filter:blur(22px)saturate(170%);background:linear-gradient(#ffffff13,#ffffff08);position:relative;box-shadow:inset 0 0 0 1px #ffffff1f,inset 1.5px 2px 0 -1px #ffffff8c,inset -1.5px -2px 0 -1px #ffffff29,inset 0 -14px 30px -18px #ffffff2e,0 18px 50px -18px #000000b3}.glass.pad{padding:20px}.glass.pad-lg{padding:clamp(20px,4vw,32px)}.glass.thin{-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);background:#ffffff0a}.glass.pill{border-radius:var(--r-pill)}.glass.tint{background:radial-gradient(120% 100% at 0% 0%, var(--side-soft), transparent 60%), linear-gradient(180deg, #ffffff12, #ffffff06);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--side) 40%, transparent), inset 1.5px 2px 0 -1px #ffffff80, inset -1.5px -2px 0 -1px #ffffff1f, 0 18px 50px -18px #000000b3, 0 0 40px -14px var(--side-glow)}.glass.press{transition:transform var(--t-mid) var(--spring), box-shadow .3s;cursor:pointer}.glass.press:hover{transform:translateY(-2px)}.glass.press:active{transition-duration:80ms;transform:scale(.98)}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.divider{background:var(--line);border:0;height:1px;margin:16px 0}.privacy{z-index:var(--z-sheet);text-align:center;-webkit-backdrop-filter:blur(36px)saturate(120%);backdrop-filter:blur(36px)saturate(120%);animation:fade-in .35s var(--ease-out) both;background:#06060a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.avatar{--size:40px;width:var(--size);height:var(--size);font-weight:750;font-size:calc(var(--size) * .4);letter-spacing:-.02em;background:var(--side-grad,var(--chrome-grad));color:#0a0910;box-shadow:0 0 0 2px #06060ae6, 0 6px 18px -6px var(--side-glow,#0009);border-radius:50%;flex:none;place-items:center;display:grid}.avatars{display:flex}.avatars .avatar+.avatar{margin-left:-10px}.side-badge{border-radius:var(--r-pill);font:700 11px/1 var(--font);letter-spacing:.1em;text-transform:uppercase;color:#0a0910;background:var(--side-grad);align-items:center;gap:6px;padding:5px 10px 5px 8px;display:inline-flex}.side-badge:before{content:"";background:#0a091099;border-radius:50%;width:6px;height:6px}.list{flex-direction:column;display:flex}.list>*{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.list>:first-child{border-top:0}.btn{--bh:52px;min-height:var(--bh);border-radius:var(--r-pill);font:650 16px/1 var(--font);letter-spacing:-.01em;white-space:nowrap;color:#0b0b12;transition:transform var(--t-mid) var(--spring), box-shadow .3s, background .3s, color .3s, opacity .3s;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#fff;border:0;justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 10px 30px -12px #0009,inset 0 1px #fff9}.btn:hover{transform:translateY(-2px)}.btn:active{transition-duration:80ms;transform:scale(.94)}.btn[disabled],.btn.is-disabled{opacity:.38;pointer-events:none;filter:saturate(.3)}.btn .label{will-change:transform;display:inline-block}.btn svg{width:18px;height:18px}.btn-sm{--bh:40px;padding:0 16px;font-size:14px}.btn-lg{--bh:64px;padding:0 34px;font-size:18px}.btn-xl{--bh:84px;border-radius:28px;padding:0 44px;font-size:22px;font-weight:750}.btn-block{width:100%;display:flex}.btn-icon{--bh:48px;width:var(--bh);padding:0}.btn-a{color:#1a0a04;background:var(--a-grad);box-shadow:0 14px 34px -14px var(--a-glow), inset 0 1px 0 #ffffff73}.btn-n{color:#04081a;background:var(--n-grad);box-shadow:0 14px 34px -14px var(--n-glow), inset 0 1px 0 #ffffff73}.btn-side{color:#0a0910;background:var(--side-grad);box-shadow:0 14px 34px -14px var(--side-glow), inset 0 1px 0 #ffffff73}.btn-chrome{color:#101118;background:linear-gradient(#fff 0%,#dfe1ea 40%,#a9acbd 52%,#eceef5 100%);box-shadow:0 12px 30px -12px #000000b3,inset 0 1px #fff,inset 0 -1px #00000040}.btn-glass{color:var(--fg);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff24,inset 1px 1.5px 0 -1px #fff9,0 10px 30px -14px #000000b3}.btn-glass:hover{background:#ffffff1f}.btn-ghost{color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.btn-ghost:hover{color:var(--fg);box-shadow:inset 0 0 0 1px #ffffff4d}.btn-text{color:var(--fg-2);box-shadow:none;background:0 0;min-height:36px;padding:0 8px}.btn-text:hover{color:var(--fg);transform:none}.btn-danger{color:#fff;background:linear-gradient(135deg,#ff5a6a,#c2243a);box-shadow:0 14px 34px -14px #ff3c5080}.btn-hold{isolation:isolate;touch-action:none;overflow:hidden}.btn-hold .hold-fill{width:calc(var(--p) + 44px);z-index:-1;pointer-events:none;mix-blend-mode:soft-light;background:#ffffff59;position:absolute;inset:0 auto 0 -44px}.btn-hold .hold-fill:after{content:"";background:inherit;filter:blur(6px);border-radius:50%;width:28px;position:absolute;top:-20%;bottom:-20%;right:-14px}.btn-hold.btn-glass .hold-fill,.btn-hold.btn-ghost .hold-fill{background:var(--side-grad,var(--chrome-grad));mix-blend-mode:normal;opacity:.55}.btn-hold.holding{transform:scale(.97)}.btn-hold.done{animation:hold-done .6s var(--bounce)}@keyframes hold-done{40%{transform:scale(1.06)}}.btn-hold .hold-hint{font:500 10px/1 var(--font);letter-spacing:.08em;opacity:.55;text-transform:uppercase;position:absolute;bottom:6px;left:0;right:0}.seg{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(18px)saturate(180%);backdrop-filter:blur(18px)saturate(180%);background:#0e0e1499;gap:2px;padding:5px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.seg button{z-index:1;color:#bdb9d6;font:550 14px/1 var(--font);border-radius:var(--r-pill);background:0 0;border:0;padding:11px 16px;transition:color .25s;position:relative}.seg button[aria-pressed=true]{color:#fff}.seg .seg-pill{border-radius:var(--r-pill);transition:translate .55s var(--spring), width .55s var(--spring);background:#ffffff21;position:absolute;top:5px;bottom:5px;left:0;box-shadow:inset 0 1px #ffffff2e}.goo{filter:url(#goo);width:200px;height:200px;position:relative}.goo>button,.goo>i{background:var(--side-grad,var(--chrome-grad));color:#0a0910;border:0;border-radius:50%;place-items:center;width:58px;height:58px;margin:-29px;font-style:normal;display:grid;position:absolute;top:50%;left:50%}.goo>i{width:46px;height:46px;transition:translate .7s var(--spring);transition-delay:calc(var(--k) * 45ms);cursor:pointer;margin:-23px;font-size:18px}.goo>button{z-index:2;transition:rotate .5s var(--spring);font-size:26px}.goo.open>button{rotate:135deg}.goo.open>i{translate:calc(cos(var(--a)) * 74px) calc(sin(var(--a)) * 74px)}.field{flex-direction:column;gap:8px;display:flex}.field-label{font:600 14px/1.3 var(--font);color:var(--fg);letter-spacing:-.005em}.field-label small{color:var(--dim);margin-left:6px;font-weight:450}.field-hint{color:var(--dim);font-size:13px;line-height:1.4}.field-count{color:var(--faint);text-align:right;font-variant-numeric:tabular-nums;font-size:12px}.input,.textarea,.select{border-radius:var(--r-md);width:100%;min-height:50px;font:450 16px/1.45 var(--font);color:var(--fg);appearance:none;background:#ffffff0b;border:0;outline:none;padding:14px 16px;transition:box-shadow .25s,background .25s;box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 1px 2px #0000004d}.textarea{resize:vertical;min-height:110px}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.textarea:focus,.select:focus{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--side,#fff) 70%, transparent), 0 0 0 4px color-mix(in srgb, var(--side,#fff) 14%, transparent);background:#ffffff12}.field.invalid .input,.field.invalid .textarea{box-shadow:inset 0 0 0 1.5px var(--danger)}.sample{border-radius:var(--r-sm);box-shadow:inset 0 0 0 1px var(--line);background:#ffffff08;overflow:hidden}.sample>summary{cursor:pointer;font:600 13px/1 var(--font);color:var(--fg-2);align-items:center;gap:8px;padding:10px 14px;list-style:none;display:flex}.sample>summary::-webkit-details-marker{display:none}.sample>summary:before{content:"✦";color:var(--side,var(--a-1));font-size:11px}.sample>summary:after{content:"›";color:var(--dim);transition:rotate .45s var(--spring);margin-left:auto;font-size:18px}.sample[open]>summary:after{rotate:90deg}.sample-body{color:var(--fg-2);padding:0 14px 14px;font-size:14px;line-height:1.55}.sample[open] .sample-body{animation:sample-in .5s var(--ease-out) both}@keyframes sample-in{0%{opacity:0;transform:translateY(-6px)}}.sample-body .sample-tag{font:600 10px/1 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:6px;display:inline-block}.sample-body .bad{color:#ff8f8f}.sample-body .good{color:var(--ok)}.sample-body .sample-use{margin-top:10px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--r-pill);min-height:36px;font:550 14px/1 var(--font);color:var(--fg-2);transition:transform .45s var(--spring), background .2s, color .2s, box-shadow .2s;background:#ffffff0d;border:0;align-items:center;gap:6px;padding:0 14px;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1a}.chip:hover{color:var(--fg);transform:translateY(-2px)}.chip:active{transition-duration:80ms;transform:scale(.93)}.chip[aria-pressed=true],.chip.on{color:#0a0910;background:var(--side-grad,#fff);box-shadow:0 6px 18px -8px var(--side-glow,#fff6)}.chip-a{--side:var(--a);--side-grad:var(--a-grad);--side-glow:var(--a-glow)}.chip-n{--side:var(--n);--side-grad:var(--n-grad);--side-glow:var(--n-glow)}.chip-sm{min-height:28px;padding:0 10px;font-size:12px}.chip .x{opacity:.6;margin-right:-4px}.check{cursor:pointer;color:var(--fg-2);align-items:flex-start;gap:12px;font-size:15px;line-height:1.4;display:flex}.check input{appearance:none;width:24px;height:24px;transition:background .25s, box-shadow .25s, transform .4s var(--spring);background:#ffffff0d;border-radius:8px;flex:none;place-items:center;margin-top:-1px;display:grid;box-shadow:inset 0 0 0 1.5px #ffffff40}.check input:after{content:"";width:10px;height:6px;transition:scale .35s var(--spring);border-bottom:2.5px solid #0a0910;border-left:2.5px solid #0a0910;translate:0 -1px;rotate:-45deg;scale:0}.check input:checked{background:var(--side-grad,var(--ok));box-shadow:none;transform:scale(1.06)}.check input:checked:after{scale:1}.range{appearance:none;background:var(--an-grad);border-radius:3px;outline:none;width:100%;height:6px}.range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--chrome-grad);cursor:grab;border-radius:50%;width:28px;height:28px;box-shadow:0 4px 14px #00000080}.range::-moz-range-thumb{background:#eee;border:0;border-radius:50%;width:28px;height:28px}.sheet-scrim{z-index:var(--z-sheet);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;transition:opacity .35s var(--ease-out);background:#03030680;position:fixed;inset:0}.sheet-scrim.open{opacity:1}.sheet{z-index:calc(var(--z-sheet) + 1);border-radius:var(--r-xl) var(--r-xl) 0 0;width:min(100%,640px);max-height:min(88dvh,900px);padding:10px var(--pad) calc(var(--safe-b) + 24px);-webkit-backdrop-filter:blur(30px)saturate(170%);backdrop-filter:blur(30px)saturate(170%);transition:transform .6s var(--spring);touch-action:pan-y;background:linear-gradient(#1e1d28d1,#0e0e14eb);flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(105%);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff14,0 -20px 60px -20px #000c}.sheet.open{transform:translateY(var(--drag,0px))}.sheet.dragging{transition:none}.sheet-handle{cursor:grab;background:#ffffff40;border-radius:3px;flex:none;width:40px;height:5px;margin:0 auto 14px}.sheet-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sheet-head h3{font-size:22px}.sheet-body{overscroll-behavior:contain;margin:0 calc(var(--pad) * -1);padding:0 var(--pad);overflow:auto}.sheet-close{width:34px;height:34px;color:var(--fg-2);background:#ffffff14;border:0;border-radius:50%;place-items:center;font-size:16px;display:grid}@media (min-width:900px){.sheet{border-radius:var(--r-xl);opacity:0;transition:transform .6s var(--spring), opacity .3s;padding-bottom:24px;bottom:50%;transform:translateY(calc(50% + 60px))scale(.96)}.sheet.open{opacity:1;transform:translateY(50%)}}.toasts{left:0;right:0;top:calc(var(--safe-t) + 12px);z-index:var(--z-toast);pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:auto;border-radius:var(--r-pill);max-width:520px;font:550 14px/1.3 var(--font);color:var(--fg);-webkit-backdrop-filter:blur(20px)saturate(170%);backdrop-filter:blur(20px)saturate(170%);box-shadow:inset 0 0 0 1px #ffffff1f, inset 1px 1.5px 0 -1px #ffffff80, var(--sh-2);animation:toast-in .6s var(--spring) both;background:#181822c7;align-items:center;gap:10px;padding:12px 16px 12px 14px;display:flex}.toast:before{content:"";background:var(--side-grad,var(--chrome-grad));width:8px;height:8px;box-shadow:0 0 12px var(--side-glow,#fff6);border-radius:50%;flex:none}.toast.out{animation:toast-out .35s var(--ease-out) forwards}.toast button{color:var(--fg);text-underline-offset:3px;background:0 0;border:0;padding:0 0 0 6px;font-weight:700;text-decoration:underline}@keyframes toast-in{0%{opacity:0;transform:translateY(-24px)scale(.9)}}@keyframes toast-out{to{opacity:0;transform:translateY(-14px)scale(.96)}}.steps{align-items:center;gap:6px;list-style:none;display:flex}.steps .step{background:#ffffff1a;border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.steps .step.done{background:var(--side-grad,var(--chrome-grad))}.steps .step.now{background:#ffffff2e}.steps .step.now:after{content:"";width:var(--progress,40%);background:var(--side-grad,var(--chrome-grad));border-radius:inherit;transition:width .6s var(--spring);position:absolute;inset:0}.steps-label{color:var(--dim);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.steps-v{flex-direction:column;list-style:none;display:flex;position:relative}.steps-v .step{color:var(--dim);grid-template-columns:34px 1fr auto;align-items:center;gap:12px;padding:12px 0;text-decoration:none;display:grid;position:relative}.steps-v .step:before{content:attr(data-n);width:34px;height:34px;font:700 13px/1 var(--font);font-variant-numeric:tabular-nums;color:var(--dim);box-shadow:inset 0 0 0 1px var(--line-2);z-index:1;background:#ffffff0a;border-radius:50%;place-items:center;display:grid;position:relative}.steps-v .step:not(:last-child):after{content:"";background:var(--line-2);width:1px;position:absolute;top:46px;bottom:-12px;left:16.5px}.steps-v .step.done{color:var(--fg-2)}.steps-v .step.done:before{content:"✓";color:#0a0910;background:var(--chrome-grad);box-shadow:none}.steps-v .step.now{color:var(--fg)}.steps-v .step.now:before{color:#0a0910;background:var(--an-grad);box-shadow:0 0 0 4px #ffffff0f,0 0 24px -4px #ffb47899}.steps-v .step b{color:inherit;font-weight:650;display:block}.steps-v .step span{color:var(--dim);font-size:13px}.steps-v .step em{color:var(--dim);font-variant-numeric:tabular-nums;font-size:13px;font-style:normal}a.step:hover b{text-underline-offset:3px;text-decoration:underline}.app-header{z-index:var(--z-header);height:calc(var(--header-h) + var(--safe-t));padding:var(--safe-t) var(--pad) 0;pointer-events:none;background:linear-gradient(#06060abf,#06060a00);align-items:center;gap:12px;display:flex;position:fixed;inset:0 0 auto}.app-header>*{pointer-events:auto}.logo{view-transition-name:logo;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo-mark{flex:none;width:30px;height:30px}.logo-word{font:800 16px/1 var(--font);letter-spacing:-.03em}.app-header .header-slot{align-items:center;gap:8px;margin-left:auto;display:flex}.header-user{border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg-2);background:#ffffff0d;align-items:center;gap:8px;padding:4px 12px 4px 4px;font-size:13px;text-decoration:none;display:inline-flex}.header-user .avatar{--size:26px}.dock{left:50%;bottom:calc(14px + var(--safe-b));z-index:var(--z-dock);border-radius:var(--r-pill);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);view-transition-name:dock;transition:translate .6s var(--spring), opacity .3s;background:#ffffff0d;gap:2px;padding:6px;display:flex;position:fixed;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff2e,inset 1.5px 2px 0 -1px #ffffffd9,inset -1.5px -2px 0 -1px #ffffff4d,inset 0 -14px 30px -18px #ffffff4d,0 10px 40px -10px #000000a6}.dock a{z-index:1;border-radius:var(--r-pill);color:#ffffff9e;width:76px;height:54px;font:600 10.5px/1 var(--font);letter-spacing:.01em;transition:transform .5s var(--spring), color .25s;flex-direction:column;justify-content:center;align-items:center;gap:3px;text-decoration:none;display:flex;position:relative}.dock a svg{filter:drop-shadow(0 1px 2px #0006);width:22px;height:22px}.dock a:hover{color:#fff;transform:translateY(-2px)}.dock a:active{transition-duration:.1s;transform:scale(.9)}.dock a[aria-current=page]{color:#fff}.dock .dock-sel{border-radius:var(--r-pill);width:76px;height:54px;transition:translate .6s var(--spring), opacity .3s;background:#ffffff24;position:absolute;top:6px;left:6px;box-shadow:inset 0 1px #ffffff73}.dock.no-sel .dock-sel{opacity:0}body.chrome-bare .dock{opacity:0;pointer-events:none;translate:-50% 160%}body.chrome-bare .app-header{opacity:0;pointer-events:none}body.chrome-bare .app-header>*{pointer-events:none}@media (max-width:360px){.dock a,.dock .dock-sel{width:66px}}#app{z-index:var(--z-content);position:relative}#app:focus{outline:none}.stub{text-align:center;place-items:center;min-height:60dvh;display:grid}.stub code{font-family:var(--mono);color:var(--dim);font-size:13px}.chrome-text{background:linear-gradient(100deg, transparent calc(var(--sheen) - 12%), #fffffff2 var(--sheen), transparent calc(var(--sheen) + 12%)), linear-gradient(180deg, #fff 0%, #e4e6ef 18%, #9a9db2 46%, #50536a 50%, #c9cbd8 56%, #f7f8fc 78%, #a2a5b8 100%);background-blend-mode:overlay, normal;color:#0000;filter:drop-shadow(0 2px #00000059)drop-shadow(0 10px 24px #00000073);font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text}.chrome-text.warm{background:linear-gradient(100deg, transparent calc(var(--sheen) - 12%), #fffffff2 var(--sheen), transparent calc(var(--sheen) + 12%)), linear-gradient(180deg, #fff6e6 0%, #ffd08a 20%, #ff8a4c 46%, #8a2a1c 50%, #ff9a6a 58%, #ffe2b8 80%, #ff6a5a 100%);background-blend-mode:overlay, normal;-webkit-background-clip:text;background-clip:text}.chrome-text.cold{background:linear-gradient(100deg, transparent calc(var(--sheen) - 12%), #fffffff2 var(--sheen), transparent calc(var(--sheen) + 12%)), linear-gradient(180deg, #eefcff 0%, #9ae9ff 20%, #4f9bff 46%, #1b1a6a 50%, #7f8cff 58%, #d4f6ff 80%, #6a5cff 100%);background-blend-mode:overlay, normal;-webkit-background-clip:text;background-clip:text}.chrome-text.over{background:linear-gradient(#fff 0%,#ffd2d2 30%,#ff5a6a 50%,#6a0d18 52%,#ff8f8f 70%,#fff 100%);-webkit-background-clip:text;background-clip:text}.timer-digits{font:800 var(--fs-timer)/.9 var(--font);letter-spacing:-.05em;font-variant-numeric:tabular-nums}.holo{--rx:0deg;--ry:0deg;--px:50%;--py:50%;--o:0;--s:1;perspective:1000px}.holo>.holo-in{height:100%;transform-style:preserve-3d;transform:rotateY(var(--ry)) rotateX(var(--rx)) scale(var(--s));will-change:transform;border-radius:inherit;position:relative}.holo-foil,.holo-glare{pointer-events:none;border-radius:inherit;z-index:3;position:absolute;inset:0}.holo-foil{mix-blend-mode:color-dodge;opacity:calc(var(--o) * .5 + .06);background-image:repeating-linear-gradient(115deg,#ff5a5f 0%,#ffb03d 5%,#fff3d6 9%,#3dd6ff 14%,#6a5cff 19%,#ff5a5f 24%);background-size:300% 300%;background-position:var(--px) var(--py);filter:brightness(.6)contrast(1.3)saturate(1.2)}.holo.foil-a .holo-foil{background-image:repeating-linear-gradient(115deg,#ff5a5f 0%,#ffb03d 6%,#fff1cf 11%,#ff8a4c 16%,#ff5a5f 22%)}.holo.foil-n .holo-foil{background-image:repeating-linear-gradient(115deg,#6a5cff 0%,#3dd6ff 6%,#e8fbff 11%,#4f9bff 16%,#6a5cff 22%)}.holo-glare{mix-blend-mode:overlay;opacity:calc(var(--o) * .85);background:radial-gradient(farthest-corner circle at var(--px) var(--py), #fffc 8%, #ffffff4d 25%, #0000004d 95%)}.topic-card{border-radius:var(--r-lg);color:#fff;aspect-ratio:4/5;cursor:pointer;text-decoration:none;display:block;position:relative}.topic-card .holo-in{border-radius:var(--r-lg);overflow:hidden;box-shadow:0 30px 60px -24px #000000d9,inset 0 0 0 1px #ffffff1a}.topic-card .cover-canvas{width:100%;height:100%;position:absolute;inset:0}.topic-card .topic-label{z-index:4;text-shadow:0 1px 10px #0009;position:absolute;bottom:16px;left:18px;right:18px}.topic-card .topic-label b{letter-spacing:-.02em;font-size:20px;font-weight:800;line-height:1.12;display:block}.topic-card .topic-label span{font:600 11px/1 var(--mono);opacity:.8;margin-top:6px;display:block}.topic-card.wide{aspect-ratio:16/10}.cover-canvas{border-radius:inherit;width:100%;height:100%;display:block}.coin-css{width:var(--coin,180px);aspect-ratio:1;perspective:900px;margin:0 auto}.coin-css .coin-body{width:100%;height:100%;transform-style:preserve-3d;position:relative}.coin-css .coin-face{backface-visibility:hidden;font:900 calc(var(--coin,180px) * .2)/1 var(--font);letter-spacing:-.04em;box-shadow:inset 0 0 0 calc(var(--coin,180px) * .04) #ffffff59, inset 0 0 0 calc(var(--coin,180px) * .06) #00000040, 0 20px 50px -14px #000c;border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.coin-css .coin-face small{font:700 calc(var(--coin,180px) * .07)/1 var(--font);letter-spacing:.14em;opacity:.75;text-align:center;margin-top:6px;display:block}.coin-css .coin-a{color:#3a1606;background:conic-gradient(from 210deg,#fff3d6,#ffb03d,#8a3a14,#ffd08a,#ff5a5f,#fff3d6,#b0481c,#ffb03d,#fff3d6)}.coin-css .coin-n{color:#06103a;background:conic-gradient(from 30deg,#e8fbff,#3dd6ff,#1b2a7a,#9ae9ff,#6a5cff,#e8fbff,#232080,#3dd6ff,#e8fbff);transform:rotateY(180deg)}.fx-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.fx-fluid-fallback{background:radial-gradient(60% 70% at 18% 40%, #ff8a4c73, transparent 70%), radial-gradient(50% 60% at 30% 80%, #ff5a5f59, transparent 70%), radial-gradient(60% 70% at 82% 45%, #3dd6ff66, transparent 70%), radial-gradient(50% 60% at 70% 85%, #6a5cff66, transparent 70%), var(--bg);animation:fluid-fallback 18s var(--ease-io) infinite alternate;position:absolute;inset:0}@keyframes fluid-fallback{to{filter:hue-rotate(-12deg)saturate(1.2);background-position:0 0,0 0,0 0,0 0;transform:scale(1.08)}}.dust-layer{z-index:var(--z-dust);pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}::view-transition-old(root){animation-duration:.38s;animation-timing-function:var(--ease-out)}::view-transition-new(root){animation-duration:.38s;animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-name:vt-out}::view-transition-new(root){animation-name:vt-in}@keyframes vt-out{to{opacity:0;filter:blur(6px);transform:scale(.985)}}@keyframes vt-in{0%{opacity:0;transform:translateY(14px)}}::view-transition-group(*){animation-duration:.6s;animation-timing-function:cubic-bezier(.2,.9,.1,1)}::view-transition-group(.morph){animation-duration:.7s;animation-timing-function:var(--spring)}::view-transition-group(dock){animation-duration:.4s}::view-transition-group(logo){animation-duration:.4s}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
