:root{--c-black: #0a0a0a;--c-obsidian-950: #0f0f0f;--c-obsidian-900: #141414;--c-obsidian-850: #181818;--c-obsidian-800: #1c1c1c;--c-obsidian-750: #212121;--c-obsidian-700: #272727;--c-obsidian-650: #2e2e2e;--c-obsidian-600: #353535;--c-obsidian-500: #424242;--c-obsidian-400: #555555;--c-obsidian-300: #6e6e6e;--c-obsidian-200: #8c8c8c;--c-obsidian-100: #b0b0b0;--c-ivory-100: #f5f3ef;--c-ivory-200: #e8e5df;--c-ivory-300: #d4d0c8;--c-ivory-400: #b5b1a8;--c-ivory-500: #918d84;--c-amber-100: #fbecd0;--c-amber-200: #f5d89e;--c-amber-300: #efc36e;--c-amber-400: #e8a44a;--c-amber-500: #cf8a36;--c-amber-600: #b87328;--c-amber-700: #9a5d1e;--c-amber-800: #6e4216;--c-teal-100: #ccf5ea;--c-teal-200: #86e8ca;--c-teal-300: #3ec9a7;--c-teal-400: #2aad8e;--c-teal-500: #1e8a6f;--c-teal-600: #166a55;--c-blue-400: #4f8ff7;--c-blue-500: #3874df;--c-cyan-400: #39b8d9;--c-emerald-400: #38b27f;--c-orange-400: #ee9444;--c-indigo-400: #7d86f2;--c-rose-400: #f06868;--c-rose-500: #d94f4f;--c-rose-600: #b93c3c;--c-sky-400: #56b8e6;--c-sky-500: #3a9fcf;--c-violet-400: #9b7df0;--c-violet-500: #7f5fd4;--c-suit-spade: #e8e5df;--c-suit-heart: #e85858;--c-suit-diamond: #5898e8;--c-suit-club: #4ec98a;--font-sans: "Funnel Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--fs-2xs: .625rem;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-base: .8125rem;--fs-md: .875rem;--fs-lg: 1rem;--fs-xl: 1.125rem;--fs-2xl: 1.375rem;--fs-3xl: 1.75rem;--fs-4xl: 2.25rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.15;--lh-normal: 1.4;--lh-relaxed: 1.6;--ls-tight: -.02em;--ls-normal: 0;--ls-wide: .04em;--ls-caps: .08em;--sp-0: 0;--sp-1: .25rem;--sp-1h: .375rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--r-xs: 2px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px;--r-full: 9999px;--shadow-inset-sm: inset 0 1px 2px rgba(0, 0, 0, .35);--shadow-inset-md: inset 0 2px 6px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 6px 24px rgba(0, 0, 0, .4);--shadow-glow-amber: 0 0 12px rgba(232, 164, 74, .25);--shadow-glow-teal: 0 0 12px rgba(62, 201, 167, .25);--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .1s;--dur-normal: .15s;--dur-slow: .25s;--dur-deliberate: .4s;--z-base: 0;--z-above: 10;--z-sticky: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 1500}:root{--surface-root: var(--c-obsidian-850);--surface-primary: var(--c-obsidian-800);--surface-secondary: var(--c-obsidian-750);--surface-elevated: var(--c-obsidian-700);--surface-inset: var(--c-obsidian-900);--surface-overlay: rgba(21, 22, 26, .92);--text-primary: var(--c-ivory-100);--text-secondary: var(--c-ivory-400);--text-tertiary: var(--c-obsidian-200);--text-muted: var(--c-obsidian-300);--text-inverse: var(--c-obsidian-900);--accent-warm: var(--c-amber-400);--accent-warm-hover: var(--c-amber-300);--accent-warm-muted: var(--c-amber-700);--accent-cool: var(--c-teal-300);--accent-cool-hover: var(--c-teal-200);--accent-cool-muted: var(--c-teal-600);--border-subtle: var(--c-obsidian-700);--border-default: var(--c-obsidian-600);--border-strong: var(--c-obsidian-500);--border-accent: var(--c-amber-500);--border-focus: var(--c-amber-400);--interactive-bg: var(--c-obsidian-750);--interactive-bg-hover: var(--c-obsidian-700);--interactive-bg-active: var(--c-obsidian-650);--signal-success: var(--c-teal-300);--signal-success-muted: var(--c-teal-600);--signal-warning: var(--c-amber-400);--signal-warning-muted: var(--c-amber-700);--signal-danger: var(--c-rose-400);--signal-danger-muted: var(--c-rose-600);--signal-info: var(--c-sky-400);--signal-info-muted: var(--c-sky-500);--panel-bg: var(--surface-primary);--panel-bg-alt: var(--surface-secondary);--panel-border: var(--border-subtle);--panel-header-bg: var(--surface-primary);--panel-header-text: var(--text-secondary);--panel-radius: var(--r-xl);--btn-primary-bg: var(--c-amber-500);--btn-primary-bg-hover: var(--c-amber-400);--btn-primary-text: var(--c-obsidian-950);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--surface-secondary);--btn-ghost-text: var(--text-secondary);--btn-ghost-text-hover: var(--text-primary);--btn-danger-bg: var(--c-rose-600);--btn-danger-bg-hover: var(--c-rose-500);--btn-danger-text: #fff;--input-bg: var(--surface-inset);--input-border: transparent;--input-border-focus: var(--c-amber-500);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--input-radius: var(--r-md);--timeline-track-bg: var(--surface-inset);--timeline-track-border: transparent;--timeline-cursor: var(--c-amber-400);--timeline-range-bg: rgba(232, 164, 74, .12);--timeline-range-border: var(--c-amber-600);--timeline-event-bg: var(--surface-elevated);--timeline-event-hover: var(--c-obsidian-600);--timeline-event-active: var(--c-amber-700);--badge-bg: var(--surface-elevated);--badge-text: var(--text-secondary);--badge-border: var(--border-subtle);--scrollbar-track: transparent;--scrollbar-thumb: var(--c-obsidian-600);--scrollbar-thumb-hover: var(--c-obsidian-500);--preview-checkerboard-a: var(--c-obsidian-800);--preview-checkerboard-b: var(--c-obsidian-750)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;overflow:hidden}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv02","cv03","cv04","cv11";-moz-tab-size:4;tab-size:4}body{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-normal);color:var(--text-primary);background-color:var(--surface-root);overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--text-primary)}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}h5{font-size:var(--fs-md)}h6{font-size:var(--fs-base)}p{line-height:var(--lh-relaxed);color:var(--text-secondary)}small{font-size:var(--fs-sm);color:var(--text-tertiary)}strong{font-weight:var(--fw-semibold)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:.9em}code{padding:.1em .35em;background:var(--surface-inset);border-radius:var(--r-sm);color:var(--accent-warm);box-shadow:var(--shadow-in-sm)}pre{padding:var(--sp-3) var(--sp-4);background:var(--surface-inset);border-radius:var(--r-md);overflow-x:auto;box-shadow:var(--shadow-in-sm)}pre code{padding:0;background:none;box-shadow:none}a{color:var(--accent-cool);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-cool-hover)}::selection{background:#e8a44a4d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}ul,ol{list-style:none}img,video,canvas{display:block;max-width:100%}table{border-collapse:collapse;border-spacing:0}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none}button{cursor:pointer;-webkit-user-select:none;user-select:none}input:focus,textarea:focus,select:focus{outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--r-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}hr{border:none;border-top:1px solid var(--border-subtle);margin:var(--sp-4) 0}[hidden]{display:none!important}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.self-end{align-self:flex-end}.self-stretch{align-self:stretch}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-full{grid-column:1 / -1}.gap-0{gap:var(--sp-0)}.gap-1{gap:var(--sp-1)}.gap-1h{gap:var(--sp-1h)}.gap-2{gap:var(--sp-2)}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.gap-5{gap:var(--sp-5)}.gap-6{gap:var(--sp-6)}.gap-8{gap:var(--sp-8)}.p-0{padding:var(--sp-0)}.p-1{padding:var(--sp-1)}.p-2{padding:var(--sp-2)}.p-3{padding:var(--sp-3)}.p-4{padding:var(--sp-4)}.p-5{padding:var(--sp-5)}.p-6{padding:var(--sp-6)}.p-8{padding:var(--sp-8)}.px-1{padding-inline:var(--sp-1)}.px-2{padding-inline:var(--sp-2)}.px-3{padding-inline:var(--sp-3)}.px-4{padding-inline:var(--sp-4)}.px-6{padding-inline:var(--sp-6)}.py-1{padding-block:var(--sp-1)}.py-2{padding-block:var(--sp-2)}.py-3{padding-block:var(--sp-3)}.py-4{padding-block:var(--sp-4)}.m-0{margin:var(--sp-0)}.m-auto{margin:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-1{margin-top:var(--sp-1)}.mt-2{margin-top:var(--sp-2)}.mt-3{margin-top:var(--sp-3)}.mt-4{margin-top:var(--sp-4)}.mb-1{margin-bottom:var(--sp-1)}.mb-2{margin-bottom:var(--sp-2)}.mb-3{margin-bottom:var(--sp-3)}.mb-4{margin-bottom:var(--sp-4)}.w-full{width:100%}.h-full{height:100%}.min-w-0{min-width:0}.min-h-0{min-height:0}.max-w-full{max-width:100%}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto;overflow-y:hidden}.overflow-y-auto{overflow-x:hidden;overflow-y:auto}.text-2xs{font-size:var(--fs-2xs)}.text-xs{font-size:var(--fs-xs)}.text-sm{font-size:var(--fs-sm)}.text-base{font-size:var(--fs-base)}.text-md{font-size:var(--fs-md)}.text-lg{font-size:var(--fs-lg)}.text-xl{font-size:var(--fs-xl)}.text-2xl{font-size:var(--fs-2xl)}.text-3xl{font-size:var(--fs-3xl)}.font-light{font-weight:var(--fw-light)}.font-regular{font-weight:var(--fw-regular)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-warm)}.text-success{color:var(--signal-success)}.text-danger{color:var(--signal-danger)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.tracking-wide{letter-spacing:var(--ls-wide)}.tracking-caps{letter-spacing:var(--ls-caps)}.leading-tight{line-height:var(--lh-tight)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.border{border:1px solid var(--border-subtle)}.border-b{border-bottom:1px solid var(--border-subtle)}.border-t{border-top:1px solid var(--border-subtle)}.rounded-sm{border-radius:var(--r-sm)}.rounded-md{border-radius:var(--r-md)}.rounded-lg{border-radius:var(--r-lg)}.rounded-xl{border-radius:var(--r-xl)}.rounded-full{border-radius:var(--r-full)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.transition-colors{transition:color var(--dur-normal) var(--ease-out),background-color var(--dur-normal) var(--ease-out),border-color var(--dur-normal) var(--ease-out)}.transition-all{transition:all var(--dur-normal) var(--ease-out)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cursor-pointer{cursor:pointer}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-ew-resize{cursor:ew-resize}.select-none{-webkit-user-select:none;user-select:none}
