:root{color-scheme:dark;--bg: #04060b;--ink: #e9edf6;--ink-dim: #7f8aa3;--accent: #6fd7ff;--gold: #ffd27a;--line: rgba(255, 255, 255, .13);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,*:before,*:after{box-sizing:inherit}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:Space Grotesk,Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;overflow:hidden}#scene{position:absolute;inset:0}canvas{display:block}.hud{position:absolute;pointer-events:none;user-select:none}#topbar{top:env(safe-area-inset-top,0px);left:0;right:0;padding:18px 20px;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}#brand{font-family:Turret Road,Space Grotesk,system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:.08em}#brand small{display:block;margin-top:4px;letter-spacing:.06em;font-family:Space Grotesk,system-ui,sans-serif;font-weight:400;text-transform:none;font-size:11px;color:var(--ink-dim)}#corner{display:flex;flex-direction:column;align-items:flex-end;gap:10px}#links{display:flex;gap:4px;pointer-events:auto;margin:-6px -10px 0 0}#links a,#links button{font:inherit;font-size:12px;letter-spacing:.06em;color:var(--ink);text-decoration:none;padding:6px 10px;border-radius:8px;transition:background .18s,color .18s;background:none;border:0;cursor:pointer}#links a:hover,#links button:hover{background:#ffffff14}body.sheet-open #links{opacity:0;pointer-events:none}#readout{font-size:11px;line-height:1.7;text-align:right;color:var(--ink-dim);font-variant-numeric:tabular-nums;min-width:150px}#readout b{color:var(--ink);font-weight:500}#readout b.hot{color:var(--accent)}.btn{font:inherit;font-size:13px;font-weight:600;cursor:pointer;border-radius:11px;padding:11px 14px;border:1px solid transparent;transition:background .18s,border-color .18s,opacity .18s,transform .12s}.btn:active:not(:disabled){transform:translateY(1px)}.btn.primary{width:100%;background:var(--accent);color:#062430}.btn.primary:hover:not(:disabled){background:#93e2ff}.btn.ghost{background:#ffffff0f;border-color:var(--line);color:var(--ink)}.btn.ghost:hover{background:#ffffff1c}.btn.sm{padding:6px 11px;font-size:12px;border-radius:9px}.btn:disabled{background:#ffffff14;color:var(--ink-dim);cursor:default}#panel{position:absolute;left:20px;z-index:4;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:300px;padding:16px;border-radius:16px;border:1px solid var(--line);background:#090c12c7;backdrop-filter:blur(14px);opacity:0;transform:translateY(8px);transition:opacity .22s,transform .22s;pointer-events:none}#panel.on{opacity:1;transform:none;pointer-events:auto}#panel>*+*{margin-top:12px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-head h3{margin:0 0 2px;font-size:16px;font-weight:600;letter-spacing:.02em}.panel-kicker{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:4px}.meta{font-size:11.5px;color:var(--ink-dim);line-height:1.5}.panel-x,.sh-x{flex:none;width:28px;height:28px;border-radius:8px;border:0;background:transparent;color:var(--ink-dim);font-size:20px;line-height:1;cursor:pointer;margin:-4px -6px 0 0}.panel-x:hover,.sh-x:hover{background:#ffffff14;color:var(--ink)}.price-row{display:flex;align-items:baseline;gap:8px}.price{font-size:30px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.price-note{font-size:12px;color:var(--ink-dim)}.note{font-size:12.5px;line-height:1.5;color:#c3cad8;margin:0}.note.warn{color:var(--gold)}.fine{font-size:11.5px;line-height:1.5;color:var(--ink-dim);margin:0}.panel-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.panel-actions{display:flex;gap:6px}.panel-actions.wide>*{flex:1}.status{font-size:12px;line-height:1.45;padding:9px 11px;border-radius:10px;background:#ffffff0d;color:#c3cad8}.status b{font-weight:600}.status b:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px;background:currentColor}.status.live b{color:#8fe3a4}.status.review b{color:var(--gold)}.status.rejected{background:#ff786e14}.status.rejected b{color:#ff9a8f}.success-mark{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#8fe3a424;color:#8fe3a4;font-size:17px;font-weight:700}#panel.confirming .success-mark{background:none;border:2px solid rgba(255,255,255,.14);border-top-color:var(--accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-title{margin:0;font-size:18px;font-weight:600}.profile-head{display:flex;gap:12px;align-items:center}.logo-tile{flex:none;width:56px;height:56px;border-radius:10px;overflow:hidden;display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff1a}.logo-tile img{width:100%;height:100%;object-fit:contain;display:block}.logo-tile.inset img{width:82%;height:82%}.logo-tile.empty{background:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 6px,transparent 6px 12px);box-shadow:inset 0 0 0 1px var(--line)}.logo-tile.sm{width:44px;height:44px;border-radius:8px}.profile-id{min-width:0}.profile-name{font-size:16px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}.profile-link{display:inline-block;margin-top:2px;font-size:12.5px;color:var(--accent);text-decoration:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.profile-link:hover{text-decoration:underline}.profile-bio{margin:10px 0 0;font-size:13px;line-height:1.5;color:#d3d9e4;overflow-wrap:anywhere}.faint{color:#e9edf64d!important}#sheet{position:absolute;z-index:5;top:calc(14px + env(safe-area-inset-top,0px));right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));width:392px;border-radius:20px;border:1px solid var(--line);background:#080b11db;backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000080;opacity:0;transform:translate(24px);transition:opacity .26s ease,transform .26s cubic-bezier(.2,.8,.2,1)}#sheet.on{opacity:1;transform:none}.sh-form{height:100%;display:flex;flex-direction:column}.sh-head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 0}.sh-kicker{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.sh-head h2{margin:4px 0 2px;font-size:22px;font-weight:600;letter-spacing:.01em}.sh-meta{font-size:12px;color:var(--ink-dim)}.sh-hold{margin:12px 20px 0;font-size:12px;color:#9fe6b1;display:flex;align-items:center;gap:8px}.sh-hold:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:breathe 2.4s ease-in-out infinite}.sh-hold.lost{color:#ff9a8f}.sh-hold.lost:before{animation:none}@keyframes breathe{50%{box-shadow:0 0 0 5px transparent;opacity:.55}}.sh-body{flex:1;overflow-y:auto;padding:4px 20px 8px;margin-top:10px;overscroll-behavior:contain;border-top:1px solid rgba(255,255,255,.06)}.sh-step{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.07)}.sh-step:last-child{border-bottom:0}.sh-label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:600;margin-bottom:12px}.sh-label .n{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#6fd7ff24;color:var(--accent)}.sh-label em{font-style:normal;font-weight:400;color:var(--ink-dim);font-size:12px;margin-left:auto}.drop{display:flex;align-items:center;gap:14px;padding:18px;border:1.5px dashed rgba(255,255,255,.18);border-radius:14px;background:#ffffff06;cursor:pointer;outline:none;transition:border-color .18s,background .18s}.drop:hover,.drop:focus-visible,.drop.over{border-color:var(--accent);background:#6fd7ff0f}.drop.filled{border-style:solid;border-color:#ffffff1f;padding:12px 14px}.drop.loading{opacity:.6;pointer-events:none}.drop-icon{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#6fd7ff1f;color:var(--accent);font-size:20px}.drop-text{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.drop-text b{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-text span{font-size:12px;color:var(--ink-dim)}.drop-swap{font-size:12px;color:var(--accent);flex:none}.field{display:block;margin-bottom:12px}.field:last-child{margin-bottom:0}.field-top{display:flex;justify-content:space-between;font-size:12px;color:#c3cad8;margin-bottom:6px}.field-top em{font-style:normal;color:var(--ink-dim)}.count{font-variant-numeric:tabular-nums;color:var(--ink-dim);font-size:11px}.field input,.field textarea{width:100%;font:inherit;font-size:14px;color:var(--ink);background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;outline:none;resize:none;transition:border-color .15s,box-shadow .15s}.field input::placeholder,.field textarea::placeholder{color:#e9edf64d}.field input:focus,.field textarea:focus{border-color:#6fd7ffb3;box-shadow:0 0 0 3px #6fd7ff24}.preview{padding:14px;border-radius:14px;background:#090c12b3;border:1px solid var(--line)}.sh-foot{padding:14px 20px 18px;border-top:1px solid var(--line)}.sh-row{display:flex;align-items:flex-start;gap:14px}.sh-price{display:flex;flex-direction:column;min-width:0}.sh-act{flex:1;min-width:0;display:flex;flex-direction:column}.sh-price b{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.sh-price span{font-size:11.5px;color:var(--ink-dim)}.sh-cta{flex:1;font:inherit;font-size:14px;font-weight:600;cursor:pointer;padding:13px 16px;border-radius:12px;border:0;background:var(--accent);color:#062430;transition:background .18s,opacity .18s}.sh-cta:hover:not(:disabled){background:#93e2ff}.sh-cta:disabled{background:#ffffff17;color:var(--ink-dim);cursor:default}.sh-need{font-size:11.5px;color:var(--ink-dim);margin-top:8px;text-align:center}.sh-need:empty{display:none}.sh-err{font-size:12.5px;color:#ffb3aa;background:#ff6e641a;border-radius:10px;padding:9px 11px;margin-bottom:12px}.sh-fine{font-size:11px;line-height:1.5;color:var(--ink-dim);margin:10px 0 0}.sh-fine a{color:var(--ink-dim)}#dock{transition:opacity .2s}body.sheet-open #dock{opacity:0;pointer-events:none}body.sheet-open #dock .pill{pointer-events:none}#page{position:fixed;inset:0;z-index:20;overflow-y:auto;background:#04060bf0;backdrop-filter:blur(16px);opacity:0;transition:opacity .22s ease;overscroll-behavior:contain}#page.on{opacity:1}.page-x{position:fixed;z-index:1;top:calc(16px + env(safe-area-inset-top,0px));right:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#0e121acc;color:var(--ink);font-size:22px;line-height:1;cursor:pointer;transition:background .18s,border-color .18s}.page-x:hover{background:#ffffff1a;border-color:#ffffff4d}.page-body{max-width:640px;margin:0 auto;padding:calc(88px + env(safe-area-inset-top,0px)) 24px 96px;font-size:15.5px;line-height:1.65;color:#cdd4e1;transform:translateY(10px);transition:transform .26s cubic-bezier(.2,.8,.2,1)}#page.on .page-body{transform:none}.page-body h1{font-family:Turret Road,Space Grotesk,sans-serif;font-weight:800;font-size:26px;letter-spacing:.04em;color:var(--ink);margin:0 0 22px}.page-body h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-weight:600;margin:36px 0 10px}.page-body p{margin:0 0 14px}.page-body b,.page-body strong{color:var(--ink);font-weight:600}.page-body a{color:var(--accent)}.page-lede{font-size:19px;line-height:1.5;color:var(--ink)}.page-steps{margin:0;padding:0;list-style:none;counter-reset:step}.page-steps li{counter-increment:step;position:relative;padding:0 0 16px 40px}.page-steps li:before{content:counter(step);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-family:Turret Road,Space Grotesk,sans-serif;font-size:13px;font-weight:800;background:#6fd7ff24;color:var(--accent)}.page-stats{list-style:none;margin:26px 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:14px;overflow:hidden;background:var(--line);border:1px solid var(--line)}.page-stats li{background:#090c12f5;padding:14px 14px 12px;display:flex;flex-direction:column;gap:2px}.page-stats b{font-family:Turret Road,Space Grotesk,sans-serif;font-size:22px;font-weight:800;color:var(--ink);letter-spacing:.02em;font-variant-numeric:tabular-nums}.page-stats span{font-size:12px;line-height:1.35;color:var(--ink-dim)}.page-reasons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.page-reasons>div{padding:16px;border-radius:14px;font-size:14px;line-height:1.55;background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.page-reasons b{display:block;margin-bottom:4px;font-size:15px}.page-faq details{border-top:1px solid var(--line)}.page-faq details:last-child{border-bottom:1px solid var(--line)}.page-faq summary{cursor:pointer;list-style:none;padding:14px 28px 14px 0;position:relative;color:var(--ink);font-weight:500}.page-faq summary::-webkit-details-marker{display:none}.page-faq summary:after{content:"+";position:absolute;right:4px;top:12px;font-size:18px;color:var(--ink-dim);transition:transform .2s}.page-faq details[open] summary:after{transform:rotate(45deg)}.page-faq details p{margin:-4px 0 16px}.page-cta{margin-top:40px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.page-cta .btn.primary{width:auto;padding:13px 26px;font-size:14px}.page-cta span{font-size:13px;color:var(--ink-dim)}.page-foot{margin-top:48px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;letter-spacing:.04em}.page-foot a{color:var(--ink-dim);text-decoration:none}.page-foot a:hover{color:var(--ink)}@media (max-width: 700px){.page-stats{grid-template-columns:1fr 1fr}.page-reasons{grid-template-columns:1fr}}body.page-open #topbar,body.page-open #dock{visibility:hidden}.next-door{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;font:inherit;font-size:12.5px;color:var(--ink);cursor:pointer;text-align:left;padding:10px 12px;border-radius:11px;border:1px dashed rgba(111,215,255,.35);background:#6fd7ff0f;transition:background .18s,border-color .18s}.next-door b{color:var(--accent);font-weight:600;white-space:nowrap}.next-door:hover{background:#6fd7ff1f;border-color:#6fd7ff99}#panel.intro .panel-kicker{color:var(--accent)}.panel-head .intro-title{font-size:19px;line-height:1.25}#panel.intro .btn.primary{width:100%}.intro-more{display:inline-block;font-size:12px;color:var(--ink-dim);text-decoration:underline;text-underline-offset:3px}.intro-more:hover{color:var(--ink)}.report{margin-top:-4px;font-size:11.5px;color:#7f8aa3}.report .sep{opacity:.6}.report-link{font:inherit;color:inherit;background:none;border:0;padding:2px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#fff3}.report-link:hover{color:var(--ink)}.report.open{display:grid;gap:8px;padding:10px 12px;border-radius:11px;border:1px solid var(--line);background:#ffffff06}.report-q{color:var(--ink);font-size:12.5px}.report-reasons{display:flex;flex-wrap:wrap;gap:6px}.report-reasons .chip{font:inherit;font-size:12px;color:var(--ink);cursor:pointer;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:transparent;transition:border-color .15s,background .15s}.report-reasons .chip:hover{border-color:#ff8a7a8c;background:#ff8a7a14}.report-reasons .chip:disabled{opacity:.5;cursor:default}.report.open .report-link{justify-self:start}#share,#account{position:fixed;inset:0;z-index:15;display:grid;place-items:center;padding:20px;background:#0204089e;backdrop-filter:blur(6px);opacity:0;transition:opacity .2s ease}#share.on,#account.on{opacity:1}#account.on .share-card-wrap{transform:none}.share-card-wrap{width:min(560px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:18px 20px 20px;border-radius:20px;border:1px solid var(--line);background:#080b11f0;box-shadow:0 30px 90px #0009;transform:translateY(12px) scale(.985);transition:transform .28s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain}#share.on .share-card-wrap{transform:none}.share-card-wrap>*+*{margin-top:14px}.share-head{display:flex;justify-content:space-between;align-items:flex-start}.share-head h2{margin:4px 0 0;font-size:20px;font-weight:600}.share-frame{position:relative;border-radius:12px;overflow:hidden;background:#04060b;box-shadow:inset 0 0 0 1px var(--line);aspect-ratio:1200 / 630}.share-frame.tall{--tall-h: min(52vh, 560px);aspect-ratio:auto;height:var(--tall-h);width:calc(var(--tall-h) * 1080 / 1920);margin-left:auto;margin-right:auto}.share-card{width:100%;height:100%;object-fit:contain}.share-shade{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%) 0 0 / 250% 100%,#04060b59}.share-frame.busy .share-shade{opacity:1;animation:shimmer 1.1s linear infinite}@keyframes shimmer{0%{background-position:150% 0,0 0}to{background-position:-100% 0,0 0}}.share-tools{display:flex;justify-content:space-between;align-items:center;gap:10px}.seg{display:inline-flex;padding:3px;border-radius:10px;background:#ffffff0f;border:1px solid var(--line)}.seg-btn{font:inherit;font-size:12px;font-weight:600;color:var(--ink-dim);cursor:pointer;padding:5px 12px;border-radius:7px;border:0;background:transparent;transition:background .15s,color .15s}.seg-btn.on{background:#ffffff1f;color:var(--ink)}.share-field .field-top{align-items:center}.share-shuffle{font:inherit;font-size:12px;color:var(--accent);background:none;border:0;cursor:pointer;padding:2px 4px}.share-shuffle:before{content:"↻ "}.share-caption{width:100%;font:inherit;font-size:13.5px;line-height:1.5;color:var(--ink);background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;outline:none;resize:none}.share-caption:focus{border-color:#6fd7ffb3;box-shadow:0 0 0 3px #6fd7ff24}.share-nets{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.share-net{font:inherit;font-size:12px;color:var(--ink-dim);text-decoration:none;cursor:pointer;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:transparent;transition:color .15s,border-color .15s,background .15s}.share-net:hover{color:var(--ink);border-color:#ffffff59;background:#ffffff0d}body.share-open #topbar,body.share-open #dock{visibility:hidden}.acct-card{width:min(460px,100%)}.acct-list{display:grid;gap:6px}.acct-row{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:12px;width:100%;padding:8px 10px 8px 8px;border-radius:12px;cursor:pointer;text-align:left;font:inherit;color:var(--ink);background:#ffffff0a;border:1px solid var(--line);transition:background .15s,border-color .15s}.acct-row:hover{background:#ffffff14;border-color:#6fd7ff66}.acct-thumb{width:44px;height:44px;border-radius:9px;object-fit:cover;background:#fff}.acct-thumb.empty{background:#ffffff0f;border:1px dashed var(--line)}.acct-main{display:grid;gap:2px;min-width:0}.acct-main b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acct-main span{font-size:12px;color:var(--ink-dim)}.acct-status{font-size:11px;padding:3px 8px;border-radius:999px;background:#ffffff0f;color:var(--ink-dim)}.acct-status.live{color:#8fe3a4;background:#8fe3a41a}.acct-status.review{color:var(--gold, #ffd27a);background:#ffd27a1a}.acct-status.rejected{color:#ff9a8f;background:#ff786e1a}.acct-go{color:var(--ink-dim)}.acct-row:hover .acct-go{color:var(--accent)}.acct-form{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.acct-list+.acct-form,.note+.acct-form{margin-top:16px}.acct-form-head b{font-size:14px;font-weight:600}.acct-form-head p,.acct-sent p{margin:4px 0 0;font-size:12.5px;line-height:1.5;color:#c3cad8}.acct-form .field input{width:100%;font:inherit;font-size:14px;color:var(--ink);background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:11px 12px}.acct-form .field input:focus{outline:none;border-color:#6fd7ff99}.acct-sent{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;margin-top:16px;padding:14px;border-radius:12px;border:1px solid rgba(111,215,255,.3);background:#6fd7ff0f}.acct-sent-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#6fd7ff24;color:var(--accent);font-size:18px}.acct-sent b{font-size:14px;font-weight:600}.acct-sent .btn{display:inline-block;margin-top:10px;text-decoration:none}.acct-sent .report-link{display:block;margin-top:10px;font-size:12px;color:var(--ink-dim)}.confetti{position:fixed;z-index:12;width:0;height:0;pointer-events:none}.confetti i{position:absolute;width:7px;height:11px;border-radius:2px;opacity:0;animation:pop 1.25s cubic-bezier(.15,.7,.3,1) forwards}@keyframes pop{0%{opacity:1;transform:translate(0) rotate(0)}70%{opacity:1}to{opacity:0;transform:translate(var(--x),calc(var(--y) + 140px)) rotate(var(--r))}}#toast{position:absolute;left:50%;z-index:30;top:calc(18px + env(safe-area-inset-top,0px));transform:translate(-50%,-8px);opacity:0;pointer-events:none;padding:10px 16px;border-radius:999px;font-size:13px;background:#0e121ae6;border:1px solid var(--line);backdrop-filter:blur(10px);transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}#toast.on{opacity:1;transform:translate(-50%)}#toast.error{border-color:#ff786e73;color:#ffc2bb}#dock{position:absolute;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);display:flex;flex-direction:column;align-items:center;gap:10px}.row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}button.pill{pointer-events:auto;font:inherit;font-size:12px;letter-spacing:.06em;padding:8px 15px;border-radius:999px;border:1px solid var(--line);background:#0c0e149e;backdrop-filter:blur(8px);color:var(--ink);cursor:pointer;transition:border-color .2s,background .2s}button.pill:hover{border-color:#fff6;background:#181c26b8}button.pill.off{color:var(--ink-dim)}.pill-group{display:flex}.pill-group .pill{width:38px;padding-left:0;padding-right:0;font-size:16px;line-height:1;letter-spacing:0}.pill-group .pill:first-child{border-radius:999px 0 0 999px;border-right-width:0}.pill-group .pill:last-child{border-radius:0 999px 999px 0}#hint{font-size:11.5px;letter-spacing:.04em;color:var(--ink-dim);pointer-events:none;transition:opacity .4s;text-align:center}#hint.gone{opacity:0}#err{position:absolute;left:16px;right:16px;top:calc(96px + env(safe-area-inset-top,0px));display:none;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,120,110,.45);background:#280c0cc7;color:#ffb9b3;font-family:ui-monospace,Menlo,monospace;font-size:11px;line-height:1.5;white-space:pre-wrap;max-height:34vh;overflow:auto;z-index:9}#boot{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);transition:opacity .7s;z-index:10}#boot.gone{opacity:0;pointer-events:none}@media (max-width: 700px){#panel{width:auto;left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom,0px))}#panel.on~#dock #hint{display:none}#readout{min-width:0;font-size:10px}#sheet{inset:auto 0 0;width:auto;height:82vh;border-radius:20px 20px 0 0;transform:translateY(24px);padding-bottom:env(safe-area-inset-bottom,0px)}#sheet.on{transform:none}#share{place-items:end stretch;padding:0}.share-card-wrap{width:100%;max-height:92vh;border-radius:20px 20px 0 0;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.share-frame.tall{--tall-h: 44vh}}