:root{--bg:#0b1320;--bg-soft:#131c2e;--bg-card:#182338;--bg-card-hi:#1f2c46;--line:#28324a;--gold:#d4a574;--gold-dim:#b88654;--terra:#d97757;--sea:#4a9eb5;--sage:#8fb098;--ok:#76c08a;--warn:#e6b85c;--crit:#e07a5f;--ink:#e8ecf4;--ink-dim:#aab4c8;--ink-mute:#7a8499;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:999px;--space-xs:4px;--space-sm:8px;--space-base:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, "Menlo", monospace}
*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);margin:0}
:root{--ease-out:cubic-bezier(.25, 1, .5, 1);--motion-micro:.15s;--motion-transition:.22s}.btn{justify-content:center;align-items:center;gap:var(--space-xs);font-family:var(--font-ui);padding:var(--space-sm) var(--space-base);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--motion-micro) var(--ease-out), border-color var(--motion-micro) var(--ease-out), color var(--motion-micro) var(--ease-out);white-space:nowrap;border:1px solid #0000;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px #d4a57466}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gold);color:var(--bg);border-color:var(--gold)}.btn-primary:not(:disabled):hover{background:var(--gold-dim);border-color:var(--gold-dim)}.btn-secondary{background:var(--bg-card);color:var(--ink);border-color:var(--line)}.btn-secondary:not(:disabled):hover{background:var(--bg-card-hi)}.btn-ghost{color:var(--ink-dim);background:0 0;border-color:#0000}.btn-ghost:not(:disabled):hover{background:var(--bg-soft);color:var(--ink)}.btn-danger{color:var(--crit);border-color:var(--crit);background:0 0}.btn-danger:not(:disabled):hover{background:#e07a5f1f}.icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--ink-dim);cursor:pointer;transition:background var(--motion-micro) var(--ease-out), color var(--motion-micro) var(--ease-out);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-btn:hover{background:var(--bg-soft);color:var(--ink)}.icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #d4a57466}.input,.textarea{width:100%;font-family:var(--font-ui);color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-base);transition:border-color var(--motion-micro) var(--ease-out), box-shadow var(--motion-micro) var(--ease-out);font-size:14px;font-weight:500;line-height:1.5}.input::placeholder,.textarea::placeholder{color:var(--ink-mute)}.input:focus,.textarea:focus{border-color:var(--gold);outline:none;box-shadow:0 0 0 2px #d4a57466}.input-mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1;font-size:13px;font-weight:400}.field-label{color:var(--ink-dim);margin-bottom:var(--space-xs);font-size:14px;font-weight:500;display:block}.field-error{color:var(--crit);margin:var(--space-xs) 0 0;font-size:13px}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-base)}.list-row{justify-content:space-between;align-items:center;gap:var(--space-base);background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-base) var(--space-lg);transition:background var(--motion-micro) var(--ease-out);display:flex}.list-row:hover{background:var(--bg-card-hi)}.nav{align-items:center;gap:var(--space-base);background:var(--bg-soft);border-bottom:1px solid var(--line);padding:var(--space-sm) var(--space-xl);display:flex}.chip{align-items:center;gap:var(--space-xs);color:var(--ink);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-sm);font-size:11px;font-weight:500;display:inline-flex}.chip button{color:var(--ink-mute);cursor:pointer;background:0 0;border:none;padding:0;line-height:0;display:inline-flex}.chip button:hover{color:var(--crit)}.toast{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-base);border:1px solid var(--line);font-size:14px;font-weight:500;display:inline-flex}.toast-ok{color:var(--ok);background:#76c08a14;border-color:#76c08a66}.toast-crit{color:var(--crit);background:#e07a5f14;border-color:#e07a5f66}.toast-warn{color:var(--warn);background:#e6b85c14;border-color:#e6b85c66}.badge{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-feature-settings:"tnum" 1;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:11px;font-weight:500;display:inline-flex}.badge-dot{border-radius:var(--radius-full);width:6px;height:6px;display:inline-block}.badge-crit{color:var(--crit)}.badge-crit .badge-dot{background:var(--crit)}.badge-ok{color:var(--ok)}.badge-ok .badge-dot{background:var(--ok)}.badge-warn{color:var(--warn)}.badge-warn .badge-dot{background:var(--warn)}.mono-note{font-family:var(--font-mono);font-feature-settings:"tnum" 1;color:var(--ink-mute);font-size:11px;font-weight:400}.page{max-width:920px;padding:var(--space-xl);margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:var(--space-base);margin-bottom:var(--space-lg);display:flex}.title-display{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.title-subhead{margin:0;font-size:16px;font-weight:600;line-height:1.3}.dialog-overlay{animation:fade-in var(--motion-transition) var(--ease-out);background:#0009;position:fixed;inset:0}.dialog-content{background:var(--bg-card-hi);border-radius:var(--radius-lg);width:90vw;max-width:440px;padding:var(--space-lg);animation:fade-in var(--motion-transition) var(--ease-out);border:1px solid #ffffff1a;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000073}.dialog-title{margin:0 0 var(--space-sm);font-size:16px;font-weight:600}.dialog-body{color:var(--ink-dim);margin:0 0 var(--space-lg);font-size:14px;font-weight:500;line-height:1.5}.dialog-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.menu-content{background:var(--bg-card-hi);border-radius:var(--radius-md);min-width:160px;padding:var(--space-xs);animation:fade-in var(--motion-transition) var(--ease-out);border:1px solid #ffffff1a;box-shadow:0 8px 24px #00000073}.menu-item{align-items:center;gap:var(--space-sm);color:var(--ink);padding:var(--space-sm) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;font-size:14px;font-weight:500;text-decoration:none;display:flex}.menu-item[data-highlighted]{background:var(--bg-soft)}.menu-item-danger{color:var(--crit)}.tabs-list{gap:var(--space-base);border-bottom:1px solid var(--line);margin-bottom:var(--space-base);display:flex}.tabs-trigger{font-family:var(--font-ui);color:var(--ink-dim);padding:var(--space-sm) var(--space-xs);cursor:pointer;transition:color var(--motion-micro) var(--ease-out), border-color var(--motion-micro) var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:14px;font-weight:500}.tabs-trigger:hover{color:var(--ink)}.tabs-trigger[data-state=active]{color:var(--ink);border-bottom-color:var(--gold)}.empty-state{text-align:center;align-items:center;gap:var(--space-base);padding:var(--space-3xl) var(--space-base);color:var(--ink-dim);flex-direction:column;display:flex}.empty-state .empty-icon{color:#7a849980}.auth-shell{min-height:100vh;padding:var(--space-3xl) var(--space-base);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius-md);width:100%;max-width:400px;padding:var(--space-xl)}@keyframes gold-flash{0%{box-shadow:0 0 0 2px #d4a57400}30%{box-shadow:0 0 0 2px #d4a57480}to{box-shadow:0 0 0 2px #d4a57400}}.flash-saved{animation:gold-flash .6s var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.share-panel{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-xl)}.share-panel__eyebrow{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);margin-bottom:var(--space-sm);font-size:11px;font-weight:600}.share-panel__empty{color:var(--ink-mute);font-size:14px}.share-row{gap:var(--space-sm);padding:var(--space-sm) var(--space-base);background:var(--bg-card);border-radius:var(--radius-md);align-items:center;display:flex}.share-row:hover{background:var(--bg-card-hi)}.share-row--muted{opacity:.55}.share-row__label{color:var(--ink);font-size:14px}.share-row__spacer{flex:1}.mono-note{font-family:var(--font-mono);color:var(--ink-mute);font-size:12px}.scope-chip{border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600}.scope-chip--all{background:color-mix(in srgb, var(--sage) 22%, transparent);color:var(--sage)}.scope-chip--sea{background:color-mix(in srgb, var(--sea) 22%, transparent);color:var(--sea)}.scope-chip--terra{background:color-mix(in srgb, var(--terra) 22%, transparent);color:var(--terra)}.status-dot{border-radius:999px;width:8px;height:8px;display:inline-block}.status-dot--ok{background:var(--ok)}.status-dot--warn{background:var(--warn)}.status-dot--crit{background:var(--crit)}.scope-pills{gap:var(--space-xs);display:flex}.scope-pill{border:1px solid var(--line);cursor:pointer;color:var(--ink-dim);background:0 0;border-radius:999px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:600}.scope-pill[aria-pressed=true]{background:color-mix(in srgb, var(--sage) 22%, transparent);color:var(--sage);border-color:#0000}.scope-pill--sea[aria-pressed=true]{background:color-mix(in srgb, var(--sea) 22%, transparent);color:var(--sea)}.scope-pill--terra[aria-pressed=true]{background:color-mix(in srgb, var(--terra) 22%, transparent);color:var(--terra)}.scope-pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.token-reveal{background:var(--bg-card);border:1px solid var(--gold-dim);border-radius:var(--radius-md);padding:var(--space-base);margin-top:var(--space-base)}.token-reveal__url{font-family:var(--font-mono);word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--ink);margin:var(--space-sm) 0;font-size:13px;display:block}.token-reveal__warn{color:var(--warn);font-size:12px}.copy-btn[data-copied=true]{color:var(--gold)}.export-controls{gap:var(--space-xs);margin-top:var(--space-base);flex-wrap:wrap;align-items:center;display:flex}.create-share{margin-top:var(--space-base);gap:var(--space-sm);flex-direction:column;display:flex}.create-share__helper{color:var(--ink-mute);font-size:12px}.rec-accordion{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.rec-accordion__trigger{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-base);background:var(--bg-card);color:var(--ink);cursor:pointer;text-align:left;border:none;font-family:inherit;display:flex}.rec-grip{cursor:grab;color:var(--ink-mute)}.rec-grip:hover{color:var(--ink-dim)}