@layer tokens{:root{--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-full:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--duration-fast:.12s;--duration-normal:.24s;--duration-slow:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--header-height:64px;--sidebar-width:420px;--z-header:100;--z-overlay:200;--shell-accent:#e05a2b;--shell-accent-hover:#c44d22;--shell-accent-dim:#e05a2b1a}[data-mode=light]{--bg-page:#f7f5f2;--bg-surface:#fff;--bg-raised:#f0ede8;--bg-input:#fafaf8;--text-primary:#111110;--text-secondary:#6f6e6b;--text-tertiary:#a8a29a;--text-on-accent:#fff;--border-subtle:#e8e4de;--border-emphasis:#ccc8c0;--border-focus:var(--shell-accent);--accent:var(--shell-accent);--accent-dim:var(--shell-accent-dim);--accent-hover:var(--shell-accent-hover);--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--tracking-display:.04em;--tracking-ui:.01em;--leading-body:1.75;--shadow-sm:0 1px 3px #1111100f;--shadow-md:0 4px 16px #11111014}[data-mode=dark]{--bg-page:#181714;--bg-surface:#1f1e1a;--bg-raised:#2a2925;--bg-input:#1f1e1a;--text-primary:#edeae4;--text-secondary:#a8a29a;--text-tertiary:#6f6e6b;--text-on-accent:#fff;--border-subtle:#2e2d29;--border-emphasis:#3e3d38;--border-focus:var(--shell-accent);--accent:var(--shell-accent);--accent-dim:var(--shell-accent-dim);--accent-hover:var(--shell-accent-hover);--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--tracking-display:.04em;--tracking-ui:.01em;--leading-body:1.75;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006}}
@layer reset,tokens,base,layout,components,utilities;@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%}img,video,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}@layer base{html,body{height:100%}body{font-family:var(--font-body);font-size:15px;font-weight:400;line-height:var(--leading-body);color:var(--text-primary);background-color:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-slow) var(--ease-out), color var(--duration-slow) var(--ease-out)}::selection{background:var(--accent-dim);color:var(--text-primary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-emphasis);border-radius:2px}}@layer layout{#app-root{grid-template-rows:var(--header-height) 1fr;height:100dvh;display:grid;overflow:hidden}.app-body{grid-template-columns:var(--sidebar-width) 1fr;display:grid;overflow:hidden}@media (max-width:768px){#app-root{grid-template-rows:var(--header-height) 1fr;height:auto;min-height:100dvh;overflow:auto}.app-body{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:auto;overflow:visible}}}@layer components{.type-display{font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--text-primary);line-height:1.15}.type-label{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--text-tertiary);font-size:10px;font-weight:600}.type-mono{font-family:var(--font-mono);letter-spacing:.04em;font-size:12px}.divider{background:var(--border-subtle);border:none;height:1px}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);letter-spacing:.06em;border-radius:var(--radius-md);padding:10px var(--space-5);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:13px;font-weight:500;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--text-on-accent);border:1.5px solid var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-subtle);background:0 0}.btn-ghost:hover{background:var(--bg-raised);border-color:var(--border-emphasis);color:var(--text-primary)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:background var(--duration-slow) var(--ease-out), border-color var(--duration-slow) var(--ease-out)}.input-base{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;padding:12px var(--space-4);font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out), background var(--duration-slow) var(--ease-out);outline:none;font-size:15px}.input-base::placeholder{color:var(--text-tertiary)}.input-base:focus{border-color:var(--border-focus)}.badge{letter-spacing:.08em;border-radius:var(--radius-full);border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--bg-raised);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.badge-accent{background:var(--accent-dim);color:var(--accent);border-color:#0000}.shimmer{background:linear-gradient(90deg, var(--bg-raised) 25%, var(--bg-surface) 50%, var(--bg-raised) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}@layer utilities{.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}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}::view-transition-old(root){animation:.28s var(--ease-in-out) both vt-fade-out}::view-transition-new(root){animation:.38s var(--ease-out) both vt-fade-in}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}.brand-board{view-transition-name:brand-board}::view-transition-old(brand-board){animation:.24s var(--ease-in-out) both vt-board-out}::view-transition-new(brand-board){animation:.4s var(--ease-out) .1s both vt-board-in}@keyframes vt-board-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes vt-board-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}