.dev-root{--dev-bg:#131210;--dev-bg-alt:#161513;--dev-surface:#1a1816;--dev-surface-soft:#171614;--dev-surface-hover:#211f1c;--dev-fg:#f2ece2;--dev-fg-body:#d8d0c3;--dev-fg-muted:#bab2a5;--dev-fg-subtle:#948d81;--dev-border:#2c2925;--dev-border-strong:#3a3631;--dev-border-soft:#262320;--dev-border-hair:#221f1c;--dev-checkbox-border:#4a443d;--dev-accent:#e8a948;--dev-accent-line:#e8a948;--dev-accent-btn-hover:#f2bb63;--dev-accent-text:#f2c57a;--dev-accent-soft:#e8a9481f;--dev-accent-deep:#f5d59e;--dev-accent-wash:#e8a94838;--dev-neutral-pill:#262320;--dev-on-accent:#1c1405;--dev-code-plain:var(--dev-fg-body);--dev-code-keyword:var(--dev-accent-text);--dev-code-type:var(--dev-accent-deep);--dev-code-function:var(--dev-fg);--dev-code-literal:#e5949f;--dev-code-comment:var(--dev-fg-subtle);--dev-header-bg:#131210d6;--dev-overlay-bg:#1a1816eb;--dev-shadow-panel:0 14px 40px -24px #000000e6;--dev-shadow-float:0 10px 30px -12px #000c;--dev-shadow-card:0 30px 70px -34px #000000f2;background:var(--dev-bg);color:var(--dev-fg);font-family:var(--font-sans), ui-sans-serif, system-ui, sans-serif;min-height:100vh;position:relative;overflow-x:clip}.dev-root a{color:inherit;text-decoration:none}.dev-root ::selection{background:var(--dev-accent);color:var(--dev-on-accent)}.dev-root input{font:inherit}html:has(.dev-root){scroll-padding-top:84px}.dev-link{color:var(--dev-fg-muted);transition:color .2s}.dev-link:hover{color:var(--dev-fg)}.dev-back{color:var(--dev-fg-muted);transition:color .2s}.dev-back:hover{color:var(--dev-fg)}.dev-back svg{transition:transform .2s}.dev-back:hover svg{transform:translate(-2px)}.dev-link-accent{color:var(--dev-fg-muted);transition:color .2s}.dev-link-accent:hover{color:var(--dev-accent-text)}.dev-btn-primary{color:var(--dev-on-accent);background:var(--dev-accent);border:1px solid var(--dev-accent-line);transition:background .25s,transform .25s}.dev-btn-primary:hover{background:var(--dev-accent-btn-hover);transform:translateY(-1px)}.dev-btn-ghost{color:var(--dev-fg);background:var(--dev-surface);border:1px solid var(--dev-border-strong);transition:border-color .25s,background .25s}.dev-btn-ghost:hover{border-color:var(--dev-border-strong);background:var(--dev-surface-hover)}.dev-btn-accent-outline{color:var(--dev-fg);background:var(--dev-surface);border:1px solid var(--dev-border-strong);transition:border-color .2s,color .2s}.dev-btn-accent-outline:hover{border-color:var(--dev-accent);color:var(--dev-accent-text)}.dev-lc-link{color:var(--dev-fg);border:1px solid var(--dev-border);transition:border-color .2s,color .2s}.dev-lc-link:hover{border-color:var(--dev-accent);color:var(--dev-accent-text)}.dev-btn-bare{color:var(--dev-fg-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;transition:color .2s}.dev-btn-bare:hover{color:var(--dev-fg)}.dev-box{transition:border-color .2s}.dev-box:hover{border-color:var(--dev-accent)}.dev-note-input{transition:border-color .2s,background .2s}.dev-note-input:focus{border-color:var(--dev-accent);background:var(--dev-surface)}.dev-bell{color:var(--dev-fg-muted);transition:color .2s,border-color .2s}.dev-bell:hover{color:var(--dev-fg);border-color:var(--dev-border-strong)}.dev-bell-item{transition:background .15s}.dev-bell-item:hover{background:var(--dev-surface-hover)!important}@keyframes dev-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dev-panel{animation:.22s both dev-panel-in}.dev-top{transition:border-color .2s,transform .2s}.dev-top:hover{border-color:var(--dev-accent);transform:translateY(-1px)}.dev-card{transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .35s}.dev-card:hover{border-color:var(--dev-border-strong);box-shadow:var(--dev-shadow-card);transform:translateY(-3px)}.dev-card:hover .dev-card-arrow{color:var(--dev-accent-text);transform:translate(4px)}.dev-card-arrow{transition:transform .3s,color .3s}@media (prefers-reduced-motion:reduce){.dev-root .dev-panel,.dev-root .dev-card,.dev-root .dev-card-arrow,.dev-root .dev-back svg,.dev-root .dev-btn-primary,.dev-root .dev-top{transition:none!important;animation:none!important;transform:none!important}}