.sup,.sup-dialog{--sup-sticker:3px 3px 0 var(--border-strong)}.sup{color:var(--text);gap:16px;display:grid}.sup :where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sup-scrim{z-index:100;animation:sup-fade .2s var(--ease) both;background:#08080a73;position:fixed;inset:0}.sup-dialog{z-index:100;background:radial-gradient(circle at 1px 1px, var(--border) 1px, transparent 1.4px) 0 0 / 22px 22px, var(--bg);border:2px solid var(--border-strong);border-radius:var(--radius-lg);width:min(460px,100vw - 32px);height:min(720px,100dvh - 96px);box-shadow:4px 4px 0 var(--border-strong);animation:sup-in .24s var(--ease) both;outline:none;flex-direction:column;display:flex;position:fixed;bottom:76px;left:16px;overflow:hidden}@keyframes sup-in{0%{opacity:0;transform:translateY(8px)}}@keyframes sup-fade{0%{opacity:0}}.sup-dialog__bar{background:var(--bg);border-bottom:1px solid var(--border-faint);flex:none;align-items:center;gap:10px;height:54px;padding:0 14px 0 16px;display:flex}.sup-dialog__mark{width:28px;height:28px;color:var(--on-gold);background:var(--gold);border:2px solid var(--on-gold);border-radius:50%;place-items:center;display:grid}.sup-dialog__mark svg{stroke-width:2.2px;width:14px;height:14px}.sup-dialog__title{letter-spacing:-.01em;font-size:16px;font-weight:600}.sup-dialog__tools{align-items:center;gap:8px;margin-left:auto;display:flex}.sup-dialog__slot{display:contents}.sup-dialog__keys{font-family:var(--mono);letter-spacing:.08em;color:var(--text-muted);font-size:10.5px}.sup-dialog__tool{width:32px;height:32px;color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);transition:color .15s var(--ease), border-color .15s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.sup-dialog__tool:hover{color:var(--text);border-color:var(--border-strong)}.sup-dialog__tool svg{width:15px;height:15px}.sup-dialog__tool--gold,.sup-dialog__tool--gold:hover{color:var(--on-gold);background:var(--gold);border-color:var(--on-gold)}.sup-dialog__tool:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sup-dialog__body{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:18px 18px 24px;overflow-y:auto}@media (width>=768px){.sup-dialog[data-front=beta]{bottom:auto;left:auto;top:calc(76px + env(safe-area-inset-top));width:min(880px,100vw - 32px);height:min(720px, calc(100dvh - 96px - env(safe-area-inset-top)));right:16px}}.sup-scrim[hidden],.sup-dialog[hidden]{display:none}:is(.sup-dialog:has(.sup[data-guide=open]),.sup-scrim:has(+.sup-dialog .sup[data-guide=open]),.stg:has(.sup[data-guide=open])){visibility:hidden}.sup-head{gap:6px;display:grid}.sup-back{color:var(--text-secondary);transition:color .15s var(--ease);justify-self:start;align-items:center;gap:6px;margin-bottom:4px;padding:2px 0;font-size:13px;font-weight:600;display:inline-flex}.sup-back:hover{color:var(--text)}.sup-back svg{width:15px;height:15px}.sup-kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-size:11px}.sup-title{letter-spacing:-.015em;overflow-wrap:anywhere;outline:none;font-size:22px;font-weight:600;line-height:1.2}.sup-lead{color:var(--text-secondary);font-size:13px}.sup-history-head{align-items:flex-end;gap:8px;display:flex}.sup-history-head>.sup-head{min-width:0}.sup-why{width:24px;height:24px;color:var(--text-muted);transition:color .15s var(--ease);border-radius:50%;flex:none;place-items:center;margin-bottom:2px;display:grid}.sup-why:hover,.sup-why[aria-expanded=true]{color:var(--gold)}.sup-why svg{width:15px;height:15px}.sup-card{background:var(--bg-card);border:2px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--sup-sticker);gap:10px;padding:14px 16px 16px;display:grid}.sup-card--mock{box-shadow:none;background:0 0;border-style:dashed}.sup-card__title{flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;font-weight:600;display:flex}.sup-soon{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--text-secondary);background:var(--bg-elevated);border:1.5px dashed var(--border-strong);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:400;display:inline-flex}.sup-soon svg{width:11px;height:11px}.sup-note{color:var(--text-secondary);border:1.5px dashed var(--border-strong);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:6px 10px;padding:9px 12px;font-size:12.5px;line-height:1.5;display:flex}.sup-search{height:38px;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border);cursor:text;border-radius:999px;align-items:center;gap:8px;padding:0 12px;display:flex}.sup-search:focus-within{outline:2px solid var(--gold);outline-offset:2px}.sup-search svg{flex:none;width:15px;height:15px}.sup-search input{min-width:0;color:var(--text);background:0 0;border:0;flex:1;font-size:13px}.sup-search input::placeholder{color:var(--text-muted)}.sup .sup-search input:focus-visible{outline:none}.sup-found{gap:6px;display:grid}.sup-found__count{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px}.sup-found__none{color:var(--text-secondary);font-size:13px;line-height:1.5}.sup-found__ask{justify-self:start}.sup-rows{gap:2px;margin:0 -8px;list-style:none;display:grid}.sup-row{text-align:left;width:100%;color:var(--text);border-radius:var(--radius-sm);transition:background .15s var(--ease);align-items:center;gap:12px;padding:9px 8px;display:flex}.sup-row:hover:not(:disabled){background:var(--gold-soft)}.sup-row:disabled{cursor:not-allowed}.sup-row:disabled .sup-row__label,.sup-row:disabled .sup-row__icon{color:var(--text-muted)}.sup-row__icon{width:18px;height:18px;color:var(--gold);flex:none}.sup-row__text{flex:1;gap:1px;min-width:0;display:grid}.sup-row__label{font-size:13.5px;font-weight:600}.sup-row__blurb{color:var(--text-secondary);font-size:12px;line-height:1.4}.sup-row__chevron{width:16px;height:16px;color:var(--text-muted);flex:none}.sup-row__soon{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:999px;flex:none;padding:1px 8px;font-size:9.5px}.sup-about{gap:0;padding:4px 8px}.sup-about__summary{cursor:pointer;border-radius:var(--radius-sm);transition:background .15s var(--ease);align-items:center;gap:12px;padding:9px 8px;list-style:none;display:flex}.sup-about__summary::-webkit-details-marker{display:none}.sup-about__summary:hover{background:var(--gold-soft)}.sup-about__summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sup-about__summary .sup-row__label{flex:1;min-width:0}.sup-about__chevron{width:16px;height:16px;color:var(--text-muted);transition:transform .15s var(--ease);flex:none}.sup-about[open] .sup-about__chevron{transform:rotate(180deg)}.sup-about__body{color:var(--text-secondary);gap:8px;padding:6px 8px 12px 38px;font-size:13px;line-height:1.55;display:grid}.sup-about__title{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:4px;font-size:11px;font-weight:400}.sup-about__list{gap:6px;padding-left:16px;list-style:outside;display:grid}.sup-form,.sup-sent,.sup-request{gap:14px;display:grid}.sup-field{gap:6px;display:grid}.sup-label{font-size:13px;font-weight:600}.sup-required{color:var(--st-pink);margin-left:3px}.sup-input{width:100%;height:38px;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:0 12px;font-size:13.5px}.sup-input:read-only:not(select){color:var(--text-muted);background:var(--bg-pill);cursor:default}.sup-input--select{cursor:pointer}.sup-field.is-invalid .sup-input,.sup-field.is-invalid .sup-editor{border-color:var(--st-pink)}.sup-error{color:var(--st-pink);font-size:12.5px}.sup-editor{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);display:grid}.sup-editor__text{min-height:140px;font:inherit;color:var(--text);resize:vertical;background:0 0;border:0;padding:10px 12px;font-size:13.5px;line-height:1.5}.sup-editor__bar{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2px;padding:4px 6px;display:flex}.sup-editor__sep{background:var(--border-strong);width:1px;height:18px;margin:0 4px}.sup-tool{width:30px;height:30px;color:var(--text-secondary);border-radius:var(--radius-sm);transition:color .15s var(--ease), background .15s var(--ease);place-items:center;display:grid}.sup-tool:hover{color:var(--text);background:var(--bg-pill)}.sup-tool svg{width:15px;height:15px}.sup-files{gap:4px;list-style:none;display:grid}.sup-files li{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:4px 4px 4px 10px;font-size:12.5px;display:flex}.sup-files li>svg{width:13px;height:13px;color:var(--text-muted);flex:none}.sup-files span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sup-files button{width:26px;height:26px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.sup-files button:hover{color:var(--text);background:var(--bg-pill)}.sup-files button svg{width:13px;height:13px}.sup-alert{color:var(--st-pink);background:var(--st-pink-bg);border:1px solid var(--st-pink);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px}.sup-actions{border-top:1px solid var(--border-faint);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px 14px;padding-top:12px;display:flex}.sup-actions__note{color:var(--text-muted);flex:200px;font-size:12px;line-height:1.45}.sup-btn{white-space:nowrap;border-radius:var(--radius-sm);height:36px;transition:background .15s var(--ease), border-color .15s var(--ease);align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.sup-btn--gold{color:var(--on-gold);background:var(--gold);border:1px solid var(--gold)}.sup-btn--gold:hover:not(:disabled){background:var(--gold-bright);border-color:var(--gold-bright)}.sup-btn:disabled{opacity:.6;cursor:progress}.sup-sent__card{color:var(--text-secondary);justify-items:start;font-size:13.5px;line-height:1.55}.sup-sent__mark{width:28px;height:28px;color:var(--st-green)}.sup-facts{gap:0;padding-top:6px;padding-bottom:6px}.sup-facts>div{border-top:1px solid var(--border-faint);gap:3px;padding:10px 0;display:grid}.sup-facts>div:first-child{border-top:0}.sup-facts dt{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px}.sup-facts dd{overflow-wrap:anywhere;font-size:13.5px}.sup-facts__text{white-space:pre-wrap;line-height:1.5}.sup-facts__files{list-style:none}@media (prefers-reduced-motion:reduce){.sup-scrim,.sup-dialog,.sup *,.sup-dialog *{transition:none;animation:none}}@media (width<=767px){.sup-dialog{width:auto;height:auto;box-shadow:none;border:0;border-radius:0;inset:0}.sup-dialog__bar{height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.sup-dialog__keys{display:none}.sup-dialog__tool{width:40px;height:40px}.sup-dialog__body{padding:16px 16px calc(28px + env(safe-area-inset-bottom))}.sup-row,.sup-back,.sup-about__summary{min-height:44px}.sup-why{width:44px;height:44px;margin-bottom:-8px}.sup-about__body{padding-left:8px}.sup-tool,.sup-files button{width:44px;height:44px}.sup-files li{min-width:0}.sup-search,.sup-input,.sup-btn{height:44px}}