.dev-root{--dev-bg:#121212;--dev-bg-alt:#141414;--dev-surface:#1b1b1b;--dev-surface-soft:#171717;--dev-surface-hover:#212121;--dev-fg:#f5f5f5;--dev-fg-body:#d2d2d2;--dev-fg-muted:#a0a0a0;--dev-fg-subtle:#6e6e6e;--dev-border:#2a2a2a;--dev-border-strong:#3a3a3a;--dev-border-soft:#242424;--dev-border-hair:#202020;--dev-checkbox-border:#3f3f3f;--dev-accent:#c65a2e;--dev-accent-line:#d2683b;--dev-accent-btn-hover:#d2683b;--dev-accent-text:#e2794a;--dev-accent-soft:#c65a2e24;--dev-accent-deep:#eda98d;--dev-accent-wash:#c65a2e38;--dev-neutral-pill:#242424;--dev-header-bg:#121212b8;--dev-overlay-bg:#1b1b1beb;--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:#fff}.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-link-accent{color:var(--dev-fg-muted);transition:color .2s}.dev-link-accent:hover{color:var(--dev-accent-text)}.dev-btn-primary{color:#fff;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)}@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-btn-primary,.dev-root .dev-top{transition:none!important;animation:none!important;transform:none!important}}