*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@layer base{:root{--background: 34 22% 96%;--foreground: 22 25% 12%;--card: 34 26% 98%;--card-foreground: 22 25% 12%;--popover: 34 26% 98%;--popover-foreground: 22 25% 12%;--primary: 28 48% 54%;--primary-foreground: 28 40% 11%;--secondary: 30 28% 92%;--secondary-foreground: 22 25% 12%;--muted: 28 20% 91%;--muted-foreground: 25 11% 40%;--accent: 28 24% 89%;--accent-foreground: 22 25% 12%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 60 9.1% 97.8%;--border: 28 20% 84%;--input: 28 20% 84%;--ring: 28 48% 54%;--radius: .85rem;--sidebar-background: 34 24% 95%;--sidebar-foreground: 22 25% 12%;--sidebar-primary: 28 48% 54%;--sidebar-primary-foreground: 28 40% 11%;--sidebar-accent: 28 24% 89%;--sidebar-accent-foreground: 22 25% 12%;--sidebar-border: 28 20% 84%;--sidebar-ring: 28 48% 54%;--accent-warm: 29 55% 63%;--accent-warn: 26 56% 51%}.dark{--background: 24 24% 6%;--foreground: 30 24% 92%;--card: 24 18% 9%;--card-foreground: 30 24% 92%;--popover: 24 18% 9%;--popover-foreground: 30 24% 92%;--primary: 28 45% 58%;--primary-foreground: 28 38% 10%;--secondary: 24 14% 13%;--secondary-foreground: 30 24% 92%;--muted: 24 13% 12%;--muted-foreground: 28 11% 64%;--accent: 23 13% 15%;--accent-foreground: 30 24% 92%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 60 9.1% 97.8%;--border: 24 12% 17%;--input: 24 12% 17%;--ring: 28 45% 58%;--sidebar-background: 24 19% 8%;--sidebar-foreground: 30 24% 92%;--sidebar-primary: 28 45% 58%;--sidebar-primary-foreground: 28 38% 10%;--sidebar-accent: 24 12% 13%;--sidebar-accent-foreground: 30 24% 92%;--sidebar-border: 24 12% 15%;--sidebar-ring: 28 45% 58%;--accent-warm: 29 55% 63%;--accent-warn: 26 56% 51%}:root{--fs-eyebrow: .72rem;--fs-caption: .75rem;--fs-small: .8125rem;--fs-body: .9375rem;--fs-base: 1rem;--fs-lg: 1.125rem;--fs-h3: 1.5rem;--fs-h2: 1.875rem;--fs-h1: 2.25rem;--fs-display: 3.75rem;--tracking-tight: -.02em;--tracking-brand: .03em;--tracking-eyebrow: .18em;--tracking-eyebrow-wide: .24em;--bg: hsl(var(--background));--fg: hsl(var(--foreground));--fg-muted: hsl(var(--muted-foreground));--surface: hsl(var(--card));--surface-2: hsl(var(--muted));--line: hsl(var(--border));--brand: hsl(var(--primary));--brand-ink: hsl(var(--primary-foreground));--glow-sand: rgba(213, 160, 110, 1);--glow-amber: rgba(201, 153, 105, 1);--glow-umber: rgba(178, 128, 89, 1);--glow-walnut: rgba(146, 104, 72, 1);--glow-ember: rgba(110, 80, 58, 1);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .18);--shadow-md: 0 8px 24px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .35);--shadow-player: 0 20px 60px rgba(0, 0, 0, .35);--r-sm: calc(var(--radius) - 4px);--r-md: calc(var(--radius) - 2px);--r-lg: var(--radius);--r-xl: calc(var(--radius) + 4px);--r-2xl: 1.5rem;--r-3xl: 1.75rem;--r-4xl: 2rem;--r-full: 9999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-14: 56px;--sp-16: 64px;--ease-calm: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .3s}}.dark{--vis-axis-grid-color: hsl(var(--muted-foreground) / .15);--vis-axis-grid-line-dasharray: 4 4;--vis-axis-tick-color: hsl(var(--muted-foreground) / .15);--vis-axis-domain-color: hsl(var(--muted-foreground) / .15);--vis-axis-domain-line-dasharray: 4 4;--vis-axis-tick-label-color: hsl(var(--muted-foreground));--vis-axis-label-color: hsl(var(--muted-foreground));--vis-crosshair-line-stroke-color: hsl(var(--muted-foreground) / .3);--vis-crosshair-line-stroke-dasharray: 4 4;--vis-crosshair-circle-stroke-color: hsl(var(--foreground));--vis-dark-axis-grid-color: hsl(var(--muted-foreground) / .15);--vis-dark-axis-tick-color: hsl(var(--muted-foreground) / .15);--vis-dark-axis-tick-label-color: hsl(var(--muted-foreground));--vis-dark-axis-grid-line-dasharray: 4 4;--vis-dark-axis-label-color: hsl(var(--muted-foreground));--vis-tooltip-background-color: hsl(var(--background) / .95);--vis-tooltip-border-color: hsl(var(--border));--vis-tooltip-text-color: hsl(var(--foreground));--vis-tooltip-shadow-color: rgba(0, 0, 0, .5);--vis-tooltip-padding: 8px 12px;--vis-tooltip-border-radius: .375rem}*{--un-border-opacity:1;border-color:hsl(var(--border) / var(--un-border-opacity))}body{--un-bg-opacity:1;background-color:hsl(var(--background) / var(--un-bg-opacity));--un-text-opacity:1;color:hsl(var(--foreground) / var(--un-text-opacity));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at top left,hsl(var(--primary) / .05),transparent 24%),radial-gradient(circle at 85% 15%,rgba(120,88,60,.06),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.006),transparent 28%);background-attachment:fixed}::selection{background:hsl(var(--primary) / .24)}.h-display{font-size:var(--fs-display);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.02;text-wrap:balance}.h1{font-size:var(--fs-h1);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.1;text-wrap:balance}.h2{font-size:var(--fs-h2);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.2}.h3{font-size:var(--fs-h3);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.3}.h4{font-size:var(--fs-lg);font-weight:600;line-height:1.4}.body-lg{font-size:var(--fs-base);line-height:1.6;color:var(--fg-muted)}.body{font-size:var(--fs-body);line-height:1.6}.body-sm{font-size:var(--fs-small);line-height:1.55;color:var(--fg-muted)}.eyebrow{font-size:var(--fs-eyebrow);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-eyebrow);color:hsl(var(--muted-foreground) / .7)}.eyebrow--primary{color:hsl(var(--primary) / .8);letter-spacing:var(--tracking-eyebrow-wide)}.brand-name{font-weight:600;letter-spacing:var(--tracking-brand);font-family:var(--font-sans, "DM Sans", ui-sans-serif, system-ui, sans-serif)}.mono{font-family:var(--font-mono, "Fira Code", "Fira Mono", ui-monospace, monospace);font-variant-numeric:tabular-nums}.tag-pill{display:inline-flex;align-items:center;border-radius:var(--r-full);background:hsl(var(--muted));color:hsl(var(--muted-foreground));padding:2px 8px;font-size:var(--fs-caption);font-weight:500}.app-shell{display:grid;grid-template-columns:var(--side-w, 244px) 1fr;height:100vh;width:100vw;overflow:hidden}.app-shell.side-collapsed{--side-w: 72px}.app-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;position:relative}.scroll-area{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.scroll-content{padding:28px;max-width:1560px;width:100%;margin:0 auto}.top-bar{position:sticky;top:0;z-index:5;flex-shrink:0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:hsl(var(--background) / .72);border-bottom:1px solid hsl(var(--border) / .6)}.top-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;min-height:56px}.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:hsl(var(--muted-foreground))}.crumbs b,.crumbs strong{color:hsl(var(--foreground));font-weight:500}.crumbs .sep{color:hsl(var(--muted-foreground) / .45)}.top-search{position:relative;flex:1;max-width:340px}.top-search-trigger{align-items:center;width:100%;height:34px;border-radius:10px;border:1px solid hsl(var(--border) / .7);background:hsl(var(--card) / .5);color:hsl(var(--foreground));padding:0 12px 0 34px;font-size:12.5px;font-family:var(--font-sans, "DM Sans", ui-sans-serif, system-ui, sans-serif);text-align:left;cursor:pointer;transition:border .15s var(--ease-calm),background .15s var(--ease-calm)}.top-search-trigger:hover{border-color:hsl(var(--ring) / .5);background:hsl(var(--card) / .75)}.top-search-trigger:focus-visible{outline:none;border-color:hsl(var(--ring) / .6)}.top-search-placeholder{color:hsl(var(--muted-foreground) / .6);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-search>svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:hsl(var(--muted-foreground) / .6)}.top-search .kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--font-mono, "Fira Code", ui-monospace, monospace);font-size:10.5px;color:hsl(var(--muted-foreground) / .6);padding:1px 6px;border-radius:6px;background:hsl(var(--muted) / .5);border:1px solid hsl(var(--border) / .6)}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-head h1{font-size:30px;font-weight:600;letter-spacing:var(--tracking-tight);margin:8px 0 4px;line-height:1.1}.page-head .sub{font-size:13.5px;color:hsl(var(--muted-foreground));max-width:560px;line-height:1.55;margin:0}.page-actions{display:flex;gap:8px;flex-shrink:0}.status{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-full);font-size:11px;font-weight:500;background:hsl(var(--muted));color:hsl(var(--muted-foreground));white-space:nowrap}.status.live{background:hsl(var(--accent-warm) / .16);color:hsl(var(--accent-warm))}.status.live:before{content:"";width:5px;height:5px;border-radius:var(--r-full);background:currentColor}.status.draft{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.status.sched{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.status.warn{background:hsl(var(--accent-warn) / .18);color:hsl(var(--accent-warm))}.status.err{background:hsl(var(--destructive) / .2);color:hsl(var(--destructive) / .9)}.toggle{width:34px;height:19px;background:hsl(var(--muted));border-radius:var(--r-full);position:relative;cursor:pointer;transition:background .15s var(--ease-calm);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:var(--r-full);background:hsl(var(--background));transition:left .15s var(--ease-calm)}.toggle.on{background:hsl(var(--primary))}.toggle.on:after{left:17px}.pillnav{display:inline-flex;gap:2px;padding:3px;border-radius:var(--r-full);background:hsl(var(--background) / .6);border:1px solid hsl(var(--border) / .6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pillnav button{border:0;background:transparent;cursor:pointer;padding:6px 14px;border-radius:var(--r-full);font-size:12.5px;font-weight:500;color:hsl(var(--muted-foreground));font-family:var(--font-sans, "DM Sans", ui-sans-serif, system-ui, sans-serif);transition:all .15s var(--ease-calm)}.pillnav button:hover{color:hsl(var(--foreground))}.pillnav button.active{background:hsl(var(--primary) / .14);color:hsl(var(--foreground))}.accent-hero{position:relative;overflow:hidden}.accent-hero:before{content:"";position:absolute;top:-40%;left:-20%;width:80%;height:160%;background:radial-gradient(ellipse at center,var(--accent-rgba, hsl(var(--accent-warm) / .22)),transparent 60%);filter:blur(40px);pointer-events:none;z-index:0}.accent-hero>*{position:relative;z-index:1}.scroll-area::-webkit-scrollbar{width:10px}.scroll-area::-webkit-scrollbar-track{background:transparent}.scroll-area::-webkit-scrollbar-thumb{background:hsl(var(--border) / .7);border-radius:6px;border:2px solid transparent;background-clip:content-box}.scroll-area::-webkit-scrollbar-thumb:hover{background:hsl(var(--border));background-clip:content-box}.divider{height:1px;background:hsl(var(--border) / .5);margin:24px 0 16px}.muted{color:hsl(var(--muted-foreground))}.faint{color:hsl(var(--muted-foreground) / .6)}.trunc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mono-num{font-variant-numeric:tabular-nums}@keyframes shellFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.shell-fade-in{animation:shellFadeIn .2s var(--ease-calm)}