:root{--palette-paper-50:#faf9f5;--palette-paper-100:#f5f4ef;--palette-paper-200:#ebe9e1;--palette-paper-300:#e7e4db;--palette-paper-400:#d8d4c8;--palette-paper-500:#9a978c;--palette-paper-600:#6c6a62;--palette-paper-700:#4a4842;--palette-paper-800:#2b2a27;--palette-paper-900:#1b1a18;--palette-dawn-50:#fdf7f0;--palette-dawn-100:#f6ebdd;--palette-dawn-200:#f6cf8e;--palette-dawn-300:#e8a75c;--palette-dawn-400:#d18b46;--palette-dawn-500:#b9743a;--palette-dawn-600:#a5652f;--palette-dawn-700:#8a5326;--palette-dawn-800:#6b3f1d;--palette-dawn-900:#4a2b14;--palette-glass-50:#eefafc;--palette-glass-100:#d7f2f6;--palette-glass-200:#8fd8e4;--palette-glass-300:#56b9cb;--palette-glass-400:#3a9fb2;--palette-glass-500:#2e8b9a;--palette-glass-600:#257384;--palette-glass-700:#1e5c6b;--palette-glass-800:#164450;--palette-glass-900:#0f2f38;--palette-violet-100:#ece3f7;--palette-violet-200:#d8bff0;--palette-violet-300:#c58bd8;--palette-violet-400:#9a6bc4;--palette-violet-500:#8257b5;--palette-violet-600:#6d4799;--palette-violet-700:#56387a;--palette-night-900:#080a18;--palette-night-800:#0a0c1c;--palette-night-700:#141232;--palette-night-600:#1a1640;--palette-night-500:#2b2a63;--palette-night-400:#4a4785;--palette-night-300:#8a88b4;--palette-night-200:#c3c1de;--palette-night-100:#ecebf6;--palette-green-50:#eef7ef;--palette-green-400:#5aa96a;--palette-green-500:#3f8b50;--palette-green-700:#2b6338;--palette-green-800:#1f4a29;--palette-yellow-50:#fdf6e6;--palette-yellow-400:#dfa93c;--palette-yellow-500:#c08e28;--palette-yellow-700:#8a651a;--palette-yellow-800:#6b4e14;--palette-red-50:#fbefec;--palette-red-400:#cf6a5a;--palette-red-500:#b44f3e;--palette-red-600:#9c4232;--palette-red-700:#7f3527;--palette-red-800:#632920;--palette-blue-50:#eef4f9;--palette-blue-400:#5b8fb9;--palette-blue-500:#3f739e;--palette-blue-700:#2c5578;--palette-blue-800:#21415d;--color-primary:var(--palette-dawn-500);--color-primary-hover:var(--palette-dawn-600);--color-primary-active:var(--palette-dawn-700);--color-primary-subtle:var(--palette-dawn-100);--color-primary-fg:#fff;--color-secondary:var(--palette-glass-500);--color-secondary-hover:var(--palette-glass-600);--color-secondary-active:var(--palette-glass-700);--color-secondary-subtle:var(--palette-glass-100);--color-secondary-fg:#fff;--color-bg:var(--palette-paper-100);--color-surface:#fff;--color-surface-raised:var(--palette-paper-50);--color-surface-overlay:var(--palette-paper-200);--color-border:var(--palette-paper-300);--color-border-strong:var(--palette-paper-400);--color-border-focus:var(--palette-glass-500);--color-text:var(--palette-paper-800);--color-text-muted:#6a6860;--color-text-subtle:#6a6860;--color-text-inverse:#fff;--color-primary-text:var(--palette-dawn-700);--color-secondary-text:var(--palette-glass-700);--color-success:var(--palette-green-500);--color-success-subtle:var(--palette-green-50);--color-success-fg:var(--palette-green-800);--color-warning:var(--palette-yellow-500);--color-warning-subtle:var(--palette-yellow-50);--color-warning-fg:var(--palette-yellow-800);--color-error:var(--palette-red-500);--color-error-subtle:var(--palette-red-50);--color-error-fg:var(--palette-red-800);--color-info:var(--palette-blue-500);--color-info-subtle:var(--palette-blue-50);--color-info-fg:var(--palette-blue-800);--stage-bg-top:var(--palette-night-900);--stage-bg-mid:#0e0f28;--stage-bg-low:var(--palette-night-600);--stage-bg-base:#241a3f;--stage-border:#8fd8e424;--stage-text:var(--palette-night-100);--stage-text-muted:var(--palette-night-300);--stage-dawn:var(--palette-dawn-300);--stage-dawn-hi:var(--palette-dawn-200);--stage-glass:var(--palette-glass-200);--stage-violet:var(--palette-violet-300);--stage-surface:#14123266;--stage-shadow:0 30px 80px -40px #000000e6;--role-lead:var(--palette-dawn-200);--role-pad:var(--palette-violet-300);--role-bass:#7d6fd0;--role-accent:var(--palette-glass-200);--role-bell:#bfe9f0;--role-harp:#e8c98a;--role-choir:var(--palette-violet-300);--role-mallet:#f0b36a;--role-perc:#d9cfc0;--font-sans:"Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", "SF Mono", "Fira Code", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--tracking-eyebrow:.22em;--font-thin:100;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--space-px:1px;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.125rem;--radius-base:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 #2b2a270d;--shadow-sm:0 1px 3px 0 #2b2a2717, 0 1px 2px -1px #2b2a2717;--shadow:0 4px 6px -1px #2b2a2717, 0 2px 4px -2px #2b2a2717;--shadow-md:0 10px 15px -3px #2b2a271a, 0 4px 6px -4px #2b2a271a;--shadow-lg:0 20px 25px -5px #2b2a271a, 0 8px 10px -6px #2b2a271a;--shadow-xl:0 25px 50px -12px #2b2a2738;--shadow-glow:0 0 40px -6px #b9743a73;--dur-75:75ms;--dur-100:.1s;--dur-150:.15s;--dur-200:.2s;--dur-300:.3s;--dur-500:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--transition-base:all var(--dur-200) var(--ease-in-out);--transition-colors:color var(--dur-150) var(--ease-in-out), background-color var(--dur-150) var(--ease-in-out), border-color var(--dur-150) var(--ease-in-out);--transition-shadow:box-shadow var(--dur-150) var(--ease-in-out);--transition-transform:transform var(--dur-200) var(--ease-in-out);--transition-opacity:opacity var(--dur-150) var(--ease-in-out);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600;--size-xs:1.5rem;--size-sm:2rem;--size-md:2.5rem;--size-lg:3rem;--size-xl:3.5rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}[data-theme=dark]{--color-primary:var(--palette-dawn-300);--color-primary-hover:var(--palette-dawn-200);--color-primary-active:var(--palette-dawn-100);--color-primary-subtle:#2a1c10;--color-primary-fg:#1a0f04;--color-secondary:var(--palette-glass-200);--color-secondary-hover:var(--palette-glass-100);--color-secondary-active:#fff;--color-secondary-subtle:#0f2f38;--color-secondary-fg:var(--palette-night-800);--color-bg:var(--palette-night-800);--color-surface:#1412328c;--color-surface-raised:#1e1c429e;--color-surface-overlay:#2b2a63b3;--color-border:#8fd8e424;--color-border-strong:#8fd8e452;--color-border-focus:var(--palette-glass-200);--color-text:var(--palette-night-100);--color-text-muted:#8f8db6;--color-text-subtle:#8f8db6;--color-text-inverse:var(--palette-night-900);--color-primary-text:var(--palette-dawn-300);--color-secondary-text:var(--palette-glass-200);--color-success:var(--palette-green-400);--color-success-subtle:#102415;--color-success-fg:#b7e3c0;--color-warning:var(--palette-yellow-400);--color-warning-subtle:#241c08;--color-warning-fg:#f2ddab;--color-error:var(--palette-red-400);--color-error-subtle:#2a120e;--color-error-fg:#f0c3ba;--color-info:var(--palette-blue-400);--color-info-subtle:#10202e;--color-info-fg:#bcd4e6;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #0006, 0 1px 2px -1px #0000004d;--shadow:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-md:0 10px 15px -3px #00000080, 0 4px 6px -4px #0006;--shadow-lg:0 20px 25px -5px #00000080, 0 8px 10px -6px #0006;--shadow-xl:0 25px 50px -12px #00000080;--shadow-glow:0 0 48px -6px #e8a75c8c}*,:before,:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page{max-width:900px;padding:var(--space-8) var(--space-6);margin:0 auto}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-2)}.page-description{font-size:var(--text-base);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.section{margin-bottom:var(--space-10)}.section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-widest);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.demo-row{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.demo-row.center{align-items:center}.demo-row.end{align-items:flex-end}.demo-col{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.demo-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.demo-grid-2{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.demo-label{font-size:var(--text-xs);color:var(--color-text-subtle);margin-bottom:var(--space-1);font-weight:var(--font-medium)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-rev{flex-direction:row-reverse}.flex-col-rev{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.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}.justify-evenly{justify-content:space-evenly}.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-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pb-4{padding-bottom:var(--space-4)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-w-0{min-width:0}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-mono{font-family:var(--font-mono)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-bg{background-color:var(--color-bg)}.bg-surface{background-color:var(--color-surface)}.bg-surface-raised{background-color:var(--color-surface-raised)}.bg-overlay{background-color:var(--color-surface-overlay)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-primary-subtle{background-color:var(--color-primary-subtle)}.bg-secondary-subtle{background-color:var(--color-secondary-subtle)}.bg-success-subtle{background-color:var(--color-success-subtle)}.bg-warning-subtle{background-color:var(--color-warning-subtle)}.bg-error-subtle{background-color:var(--color-error-subtle)}.bg-info-subtle{background-color:var(--color-info-subtle)}.border{border:1px solid var(--color-border)}.border-2{border:2px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-strong{border-color:var(--color-border-strong)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.transition{transition:var(--transition-base)}.transition-colors{transition:var(--transition-colors)}.transition-shadow{transition:var(--transition-shadow)}.transition-transform{transition:var(--transition-transform)}.select-none{-webkit-user-select:none;user-select:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{max-width:var(--container-xl);padding:clamp(var(--space-4), 4vw, var(--space-12));gap:var(--space-8);flex-direction:column;margin:0 auto;display:flex}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--color-text-subtle)}.display{font-size:clamp(var(--text-4xl), 7vw, var(--text-5xl));font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-none)}.display-dot{color:var(--color-primary)}.muted{color:var(--color-text-muted)}.mono{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spread{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.grid-auto{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}