@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&family=Plus+Jakarta+Sans:wght@300;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";.pulley-section{position:relative;display:grid;grid-template-columns:minmax(260px,.62fr) minmax(320px,1fr);gap:var(--spacing-8);align-items:center;width:min(1180px,calc(100vw - 48px));margin:0 auto;padding:var(--spacing-8) 0 clamp(64px,8vh,104px)}.pulley-section:before{position:absolute;inset:14% 8% 18%;z-index:-1;content:"";background:var(--shared-color-field);background-attachment:fixed;filter:blur(42px);opacity:.12;pointer-events:none}.pulley-visual{position:relative;display:grid;place-items:center;min-height:290px}.pulley-puppet-frame{position:relative;display:grid;place-items:center;width:276px;min-height:286px}.pulley-puppet-frame:after{position:absolute;right:34px;bottom:28px;left:34px;height:22px;content:"";border-radius:var(--radius-pill);background:color-mix(in oklch,var(--color-core) 22%,transparent);filter:blur(16px);opacity:.42;pointer-events:none}.pulley-puppet-frame .flex{display:flex}.pulley-puppet-frame .flex-col{flex-direction:column}.pulley-puppet-frame .items-center{align-items:center}.pulley-puppet-frame .relative{position:relative}.pulley-console{padding:var(--spacing-6)}.pulley-console h2{max-width:700px;font-size:2rem;line-height:1.08}.pulley-speech{position:relative;block-size:184px;margin-top:var(--spacing-5);padding:var(--spacing-5);overflow:hidden;border:1px solid color-mix(in oklch,var(--color-core) 34%,transparent);border-radius:var(--radius-sm);background:linear-gradient(180deg,color-mix(in oklch,white 5%,transparent),transparent),oklch(from var(--bg-main) l c h / .62);box-shadow:inset 0 1px color-mix(in oklch,white 10%,transparent),0 0 22px color-mix(in oklch,var(--color-core) 12%,transparent)}.pulley-speech-label{display:block;color:var(--color-highlight);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pulley-speech p{margin:var(--spacing-3) 0 0;color:var(--text-primary);font-size:1.08rem;line-height:1.58}.pulley-speech-cursor{display:inline-block;margin-left:2px;color:var(--color-highlight);animation:pulley-cursor-blink .9s steps(2,start) infinite}.pulley-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-5)}@keyframes pulley-cursor-blink{50%{opacity:0}}@media(max-width:900px){.pulley-section{grid-template-columns:1fr;gap:var(--spacing-4)}.pulley-visual{min-height:236px}.pulley-console h2{font-size:1.72rem}.pulley-speech{block-size:204px}}@media(max-width:760px){.pulley-section{width:min(calc(100% - 32px),640px);padding-top:var(--spacing-4)}.pulley-puppet-frame{transform:scale(.92)}.pulley-console{padding:var(--spacing-5)}.pulley-speech{block-size:236px}.pulley-actions{display:grid;grid-template-columns:1fr}.pulley-actions .crt-button{width:100%}}@layer primitives,shell,roles,treatments,controls,utilities;:root{--shared-color-field: linear-gradient( 90deg, var(--color-core) 0%, var(--color-support) 40%, var(--color-flavor) 65% );--card-filament-alpha: .13;--card-edge-bloom-alpha: .07;--card-edge-bloom-radius: 8px;--chart-1: var(--color-core);--chart-2: var(--color-flavor);--chart-3: var(--color-support);--chart-4: var(--color-highlight);--chart-5: var(--text-primary);--signal-cold: var(--color-support);--signal-warm: var(--color-core);--signal-hot: var(--color-flavor);--overlay-dialog-surface-alpha: .46;--overlay-dialog-lift: .015;--overlay-dialog-blur: 12px;--overlay-popover-lift: .06;--overlay-backdrop-dim: .48;--overlay-backdrop-blur: 4px;--overlay-surface-base: var(--bg-main);--input-surface-base: var(--bg-main);--input-surface-border: oklch(1 0 0 / .12)}:root[data-surface-mode=light]{--input-surface-base: var(--bg-contrast);--input-surface-border: var(--stroke)}:root{--card-ambient-glow-alpha: .1;--card-ambient-glow-blur: 40px;--treatment-bg-alpha: .05}:root[data-color-field=diagonal]{--shared-color-field: linear-gradient( 135deg, var(--color-core) 0%, var(--color-support) 50%, var(--color-flavor) 100% )}:root[data-color-field=horizontal]{--shared-color-field: linear-gradient( 90deg, var(--color-core) 0%, var(--color-support) 40%, var(--color-flavor) 65% )}:root[data-color-field=plasma]{--shared-color-field: radial-gradient(ellipse 30% 50% at 68% 10%, oklch(1 0 0 / .4) 0%, transparent 100%), radial-gradient(ellipse 25% 40% at 100% 50%, oklch(1 0 0 / .4) 0%, transparent 100%), radial-gradient(ellipse 25% 40% at 5% 50%, oklch(1 0 0 / .4) 0%, transparent 100%), radial-gradient(ellipse 35% 35% at 10% 10%, var(--color-core) 0%, transparent 65%), radial-gradient(ellipse 26% 26% at 82% 18%, var(--color-flavor) 0%, transparent 60%), radial-gradient(ellipse 50% 50% at 5% 95%, var(--color-support) 0%, transparent 60%), linear-gradient(90deg, var(--color-core) 0%, var(--color-support) 37%, var(--color-flavor) 67%)}@layer shell{html,body{margin:0;padding:0;min-height:100vh;min-height:100dvh;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:-2;background:var(--shared-color-field);opacity:var(--shell-gradient-opacity, 1);pointer-events:none}:root[data-surface-mode=light] body:before{display:none}body:after{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 20% 10%,rgba(255,255,255,.18) 0%,transparent 55%);pointer-events:none}:root[data-surface-mode=light] body:after{display:none}body[data-specular=off]:after{display:none}.app-shell{min-height:100vh;position:relative;padding:var(--spacing-4);padding-top:0;isolation:isolate}.scanline-overlay{pointer-events:none;position:fixed;inset:0;opacity:.04;background-image:repeating-linear-gradient(to bottom,oklch(1 0 0 / .3) 0,oklch(1 0 0 / .3) 1px,transparent 1px,transparent 3px);z-index:var(--z-shell-overlay)}:root[data-surface-mode=light] .scanline-overlay{opacity:.028}:root[data-ambient-scanlines=false] .scanline-overlay{display:none}.topbar{position:relative;display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-2) 0;z-index:var(--z-topbar)}.app-popover-root{position:fixed;inset:0;pointer-events:none;z-index:var(--z-page-popover)}.app-popover-root>*{pointer-events:auto}.app-shell>main{position:relative;z-index:var(--z-content)}.topbar-brand{text-decoration:none;display:inline-flex;align-items:center;flex-shrink:0}.brand-text{display:inline-flex;align-items:center;gap:.38em;font-size:var(--text-body);font-family:"Plus Jakarta Sans",var(--font-body);font-weight:800;letter-spacing:0;line-height:1}.brand-text-lockup{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.06em;line-height:.95}.brand-text-wordmark{display:inline-flex;align-items:baseline;font-family:"Plus Jakarta Sans",var(--font-body);font-weight:800;letter-spacing:0}.brand-text-tagline{color:#fff;font-family:"Plus Jakarta Sans",var(--font-body);font-size:.36em;font-weight:300;letter-spacing:0;line-height:1.05;text-shadow:0 0 14px color-mix(in oklch,white 18%,transparent)}.brand-logo{position:relative;display:inline-block;aspect-ratio:1 / 1;line-height:0;flex-shrink:0}.brand-logo--lockup{width:1.34em;height:1.2em}.brand-logo__layer{position:absolute;inset:0;display:block;transition:opacity .18s ease}.brand-logo__layer svg{width:100%;height:100%;display:block}.brand-logo__layer--trace{opacity:0}:root[data-brand-logo-variant=trace-outline] .brand-logo__layer--default{opacity:0}:root[data-brand-logo-variant=trace-outline] .brand-logo__layer--trace{opacity:1}.brand-text-bike{color:var(--color-core)}.brand-text-crt{color:var(--color-flavor)}.topbar-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-1);flex:1}.topbar-group{display:flex;align-items:center;gap:var(--spacing-1)}.topbar-item{color:var(--text-muted);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-size:var(--text-label);cursor:pointer;transition:color .16s ease,text-shadow .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.topbar-item-label{white-space:nowrap}.topbar-item.is-active{color:var(--text-primary)}.topbar-item>svg,.topbar-item-label{position:relative;z-index:1}.topbar-settings{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;color:var(--text-muted);text-decoration:none;border:none;background:none;border-radius:50%;cursor:pointer;transition:color .16s ease,box-shadow .16s ease}.topbar-settings:hover{color:var(--text-primary);box-shadow:0 0 12px color-mix(in oklch,var(--color-core) 16%,transparent)}.topbar-settings.is-active{color:var(--color-core);box-shadow:0 0 12px color-mix(in oklch,var(--color-core) 16%,transparent)}[data-topbar-variant=signal-bar] .topbar{--topbar-height: 52px;position:sticky;top:0;isolation:isolate;-webkit-backdrop-filter:blur(10px) saturate(1.06);backdrop-filter:blur(10px) saturate(1.06);background:color-mix(in oklch,var(--color-support) 4%,color-mix(in srgb,var(--color-background) 40%,transparent));border:none;border-bottom:1px solid;border-image:linear-gradient(90deg,color-mix(in oklch,var(--color-core) 40%,transparent),color-mix(in oklch,var(--color-support) 30%,transparent) 50%,color-mix(in oklch,var(--color-flavor) 40%,transparent)) 1;border-radius:0;margin-right:calc(-1 * var(--spacing-4));margin-left:calc(-2 * var(--spacing-4));padding-top:var(--spacing-2);padding-right:var(--spacing-4);padding-bottom:var(--spacing-2);padding-left:calc(var(--spacing-4) * 2)}[data-topbar-variant=signal-bar] .topbar-item{padding:var(--spacing-2) var(--spacing-3);border:1px solid transparent;border-radius:8px}[data-topbar-variant=signal-bar] .topbar-item:hover{color:var(--text-primary);text-shadow:0 0 12px color-mix(in oklch,var(--color-core) 14%,transparent);background:color-mix(in oklch,var(--color-core) 4%,transparent)}[data-topbar-variant=signal-bar] .topbar-item.is-active{position:relative;isolation:isolate;overflow:visible;border-color:transparent;background:linear-gradient(180deg,color-mix(in oklch,var(--bg-main) 82%,white 8%),color-mix(in oklch,var(--bg-main) 74%,transparent)) padding-box,var(--shared-color-field) border-box;background-attachment:local,fixed;box-shadow:inset 0 1px color-mix(in oklch,white 10%,transparent),0 0 10px color-mix(in oklch,var(--color-core) 8%,transparent);text-shadow:0 0 12px color-mix(in oklch,var(--color-core) 18%,transparent)}[data-topbar-variant=signal-bar] .topbar-item.is-active:after{content:"";position:absolute;inset:-5px;border-radius:13px;background:var(--shared-color-field);background-attachment:fixed;filter:blur(10px);opacity:.12;z-index:-1;pointer-events:none}@media(max-width:1200px){.topbar-item{min-width:7rem}}[data-topbar-variant=compact-tiles] .topbar{--topbar-height: 48px}[data-topbar-variant=compact-tiles] .topbar-item{padding:6px 12px;min-width:100px;border:1px solid var(--stroke);border-radius:8px;background:var(--bg-elevated);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffff0f}[data-topbar-variant=compact-tiles] .topbar-item:hover{border-color:color-mix(in oklch,var(--color-core) 60%,transparent);transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in oklch,var(--color-core) 14%,transparent),0 0 10px color-mix(in oklch,var(--color-flavor) 8%,transparent)}[data-topbar-variant=compact-tiles] .topbar-item.is-active{position:relative;isolation:isolate;overflow:visible;border-color:transparent;background:linear-gradient(180deg,color-mix(in oklch,var(--bg-main) 82%,white 8%),color-mix(in oklch,var(--bg-main) 76%,transparent)) padding-box,var(--shared-color-field) border-box;background-attachment:local,fixed;box-shadow:inset 0 1px color-mix(in oklch,white 10%,transparent),0 4px 12px color-mix(in oklch,var(--color-core) 9%,transparent)}[data-topbar-variant=compact-tiles] .topbar-item.is-active:after{content:"";position:absolute;inset:-5px;border-radius:13px;background:var(--shared-color-field);background-attachment:fixed;filter:blur(10px);opacity:.1;z-index:-1;pointer-events:none}}@layer roles{[data-role]{position:relative;isolation:isolate;--card-radius: var(--radius-md);border-radius:var(--card-radius);box-sizing:border-box}[data-role=panel]{display:block;padding:var(--role-panel-padding, var(--pad-comfortable));--card-radius: var(--radius-lg)}[data-role=tile]{display:block;padding:var(--role-tile-padding, var(--pad-compact));--card-radius: var(--radius-md)}[data-role=display]{display:flex;flex-direction:column;padding:var(--role-display-padding, var(--pad-compact));--card-radius: var(--radius-md)}[data-role=rail]{display:flex;flex-direction:column;padding:var(--role-rail-padding, var(--pad-comfortable));--card-radius: var(--radius-lg)}[data-role=topbar]{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--role-topbar-padding, var(--pad-comfortable));--card-radius: 0;position:sticky;top:0;z-index:var(--z-topbar)}[data-role=dialog]{display:block;padding:var(--role-dialog-padding, var(--pad-comfortable));--card-radius: var(--radius-xl);max-width:32rem;margin:auto}[data-role=popover]{display:block;padding:var(--role-popover-padding, var(--pad-tight));--card-radius: var(--radius-md);min-width:10rem}}@layer treatments{:root[data-surface-mode=dark] [data-role]{--surface-lift-alpha: 0;background:linear-gradient(oklch(1 0 0 / var(--surface-lift-alpha)),oklch(1 0 0 / var(--surface-lift-alpha))),oklch(from var(--bg-elevated) l c h / var(--treatment-bg-alpha, .03));-webkit-backdrop-filter:blur(var(--treatment-blur, 1px));backdrop-filter:blur(var(--treatment-blur, 1px));box-shadow:none;border:0}:root[data-texture=grid][data-surface-mode=dark] [data-role]{--treatment-bg-alpha: .1}:root[data-texture=grid][data-surface-mode=dark] [data-role=panel],:root[data-texture=grid][data-surface-mode=dark] [data-role=rail],:root[data-texture=grid][data-surface-mode=dark] [data-role=display]{--treatment-bg-alpha: .18}:root[data-surface-mode=dark] [data-role]:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--shared-color-field);background-attachment:fixed;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.85}:root[data-surface-mode=dark] [data-role][data-border=core]:before{background:linear-gradient(135deg,color-mix(in oklch,var(--color-core) 70%,white),var(--color-core),color-mix(in oklch,var(--color-core) 70%,black));background-attachment:local}:root[data-surface-mode=dark] [data-role][data-border=support]:before{background:linear-gradient(135deg,color-mix(in oklch,var(--color-support) 70%,white),var(--color-support),color-mix(in oklch,var(--color-support) 70%,black));background-attachment:local}:root[data-surface-mode=dark] [data-role][data-border=flavor]:before{background:linear-gradient(135deg,color-mix(in oklch,var(--color-flavor) 70%,white),var(--color-flavor),color-mix(in oklch,var(--color-flavor) 70%,black));background-attachment:local}:root[data-surface-mode=dark] [data-role][data-signal=cold]:before{background:linear-gradient(135deg,color-mix(in oklch,var(--signal-cold) 70%,white),var(--signal-cold),color-mix(in oklch,var(--signal-cold) 70%,black));background-attachment:local}:root[data-surface-mode=dark] [data-role][data-signal=warm]:before{background:linear-gradient(135deg,color-mix(in oklch,var(--signal-warm) 70%,white),var(--signal-warm),color-mix(in oklch,var(--signal-warm) 70%,black));background-attachment:local}:root[data-surface-mode=dark] [data-role][data-signal=hot]:before{background:linear-gradient(135deg,color-mix(in oklch,var(--signal-hot) 70%,white),var(--signal-hot),color-mix(in oklch,var(--signal-hot) 70%,black));background-attachment:local}:root[data-surface-mode=dark] [data-role]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--surface-wash-source, var(--card-wash-color, var(--shared-color-field)));background-attachment:fixed;filter:blur(var(--card-ambient-glow-blur, 40px));opacity:var(--card-ambient-glow-alpha, .1);z-index:-1;pointer-events:none}:root[data-self-illum=on][data-surface-mode=dark] [data-role]:not([data-border=none]){background:linear-gradient(180deg,oklch(1 0 0 / .1) 0%,transparent 10%),linear-gradient(0deg,oklch(1 0 0 / .1) 0%,transparent 10%),linear-gradient(90deg,oklch(1 0 0 / .1) 0%,transparent 10%),linear-gradient(270deg,oklch(1 0 0 / .1) 0%,transparent 10%),oklch(from var(--bg-elevated) l c h / var(--treatment-bg-alpha, .03))}:root[data-surface-mode=light] [data-role]{--surface-lift-alpha: .8;background:linear-gradient(oklch(1 0 0 / var(--surface-lift-alpha)),oklch(1 0 0 / var(--surface-lift-alpha))),var(--bg-main);box-shadow:0 1px 2px #0000000a,0 6px 14px #0000000f;border:1px solid oklch(0 0 0 / .06);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-surface-mode=light] [data-role]:before,:root[data-surface-mode=light] [data-role]:after{display:none}:root[data-surface-mode=carbon] [data-role]{--carbon-accent: var(--color-highlight);--carbon-cast: 0 8px 18px oklch(0 0 0 / .18);background:var(--color-background);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:inset 0 1px color-mix(in oklch,var(--carbon-accent) 16%,transparent),0 0 6px color-mix(in oklch,var(--carbon-accent) 28%,transparent),0 0 18px color-mix(in oklch,var(--carbon-accent) 16%,transparent),0 0 40px color-mix(in oklch,var(--carbon-accent) 8%,transparent),var(--carbon-cast)}:root[data-surface-mode=carbon] [data-role]:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:var(--shared-color-field);background-attachment:fixed;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9;z-index:1}:root[data-surface-mode=carbon] [data-role]:after{content:"";position:absolute;inset:-1px;border-radius:calc(var(--card-radius, var(--radius-md)) + 1px);padding:3px;background:var(--surface-wash-source, var(--card-wash-color, var(--shared-color-field)));background-attachment:fixed;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.4;z-index:0}:root[data-surface-mode=carbon] [data-role][data-border=core]:before,:root[data-surface-mode=carbon] [data-role][data-border=core]:after,:root[data-surface-mode=carbon] [data-role][data-border=support]:before,:root[data-surface-mode=carbon] [data-role][data-border=support]:after,:root[data-surface-mode=carbon] [data-role][data-border=flavor]:before,:root[data-surface-mode=carbon] [data-role][data-border=flavor]:after{display:none}:root[data-surface-mode=carbon] [data-role][data-border=core]{--carbon-accent: var(--color-core)}:root[data-surface-mode=carbon] [data-role][data-border=support]{--carbon-accent: var(--color-support)}:root[data-surface-mode=carbon] [data-role][data-border=flavor]{--carbon-accent: var(--color-flavor)}:root[data-surface-mode=carbon] [data-role][data-border=core],:root[data-surface-mode=carbon] [data-role][data-border=support],:root[data-surface-mode=carbon] [data-role][data-border=flavor]{border:1px solid color-mix(in oklch,var(--carbon-accent) 90%,oklch(1 0 0 / .1));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--carbon-accent) 24%,transparent),inset 0 1px color-mix(in oklch,var(--carbon-accent) 18%,transparent),0 0 0 1px color-mix(in oklch,var(--carbon-accent) 22%,transparent),0 0 6px color-mix(in oklch,var(--carbon-accent) 36%,transparent),0 0 18px color-mix(in oklch,var(--carbon-accent) 20%,transparent),0 0 40px color-mix(in oklch,var(--carbon-accent) 10%,transparent),var(--carbon-cast)}:root[data-surface-mode=dark] [data-role]:has([data-role]):after{opacity:calc(var(--card-ambient-glow-alpha, .1) * .5)}:root[data-surface-mode=dark] [data-role][data-ambient=off]:after{display:none}:root[data-surface-mode=carbon] [data-role][data-ambient=off]:after{display:none}:root[data-surface-mode=dark] [data-role][data-wash=off]:after{display:none}:root[data-surface-mode=carbon] [data-role][data-wash=off]:after{display:none}:root[data-surface-mode=dark] [data-role=dialog]{background:linear-gradient(oklch(1 0 0 / var(--overlay-dialog-lift, .015)),oklch(1 0 0 / var(--overlay-dialog-lift, .015))),oklch(from var(--overlay-surface-base) l c h / var(--overlay-dialog-surface-alpha, .4));-webkit-backdrop-filter:blur(var(--overlay-dialog-blur, 10px));backdrop-filter:blur(var(--overlay-dialog-blur, 10px))}:root[data-surface-mode=dark] [data-role=popover]{background:linear-gradient(oklch(1 0 0 / var(--overlay-popover-lift, .06)),oklch(1 0 0 / var(--overlay-popover-lift, .06))),var(--overlay-surface-base);-webkit-backdrop-filter:none;backdrop-filter:none}[data-role=tile]{cursor:pointer;top:0;transition:top .12s cubic-bezier(.22,1,.36,1),box-shadow .14s ease,border-color .18s ease,background .18s ease,opacity .18s ease}[data-role=tile]:before,[data-role=tile]:after{transition:opacity .18s ease}[data-role=tile]:is(:hover,[data-pressed=true],[aria-pressed=true]){top:-1px}[data-role=tile]:active{top:0;transition-duration:80ms}[data-role=tile]:focus-visible{outline:2px solid var(--color-core);outline-offset:2px}:root[data-surface-mode=dark] [data-role=tile]:is(:hover,[data-pressed=true],[aria-pressed=true]){--surface-lift-alpha: .02;--card-ambient-glow-alpha: .15;--card-ambient-glow-blur: 34px;--tile-hover-color: var(--tile-hover-accent, var(--card-wash-color, var(--color-core)));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tile-hover-color) 22%,transparent),0 0 14px color-mix(in oklch,var(--tile-hover-color) 22%,transparent),0 0 30px color-mix(in oklch,var(--color-support) 14%,transparent),0 10px 24px #0000003d}:root[data-surface-mode=dark] [data-role=tile][data-border=shared-color-field]:is(:hover,[data-pressed=true],[aria-pressed=true]),:root[data-surface-mode=dark] [data-role=tile]:not([data-border]):is(:hover,[data-pressed=true],[aria-pressed=true]){--surface-lift-alpha: .025;--card-ambient-glow-alpha: .2;--card-ambient-glow-blur: 34px;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--tile-hover-color) 24%,transparent),0 0 16px color-mix(in oklch,var(--color-core) 22%,transparent),0 0 32px color-mix(in oklch,var(--color-support) 16%,transparent),0 0 50px color-mix(in oklch,var(--color-flavor) 14%,transparent),0 12px 26px #00000042}:root[data-surface-mode=dark] [data-role=tile]:is(:hover,[data-pressed=true],[aria-pressed=true]):before{opacity:1}:root[data-surface-mode=light] [data-role=tile]:is(:hover,[data-pressed=true],[aria-pressed=true]){box-shadow:0 2px 6px #21365e14,0 8px 20px #21365e1f,0 16px 32px #21365e0f}:root[data-surface-mode=carbon] [data-role=tile]:is(:hover,[data-pressed=true],[aria-pressed=true]){--carbon-cast: 0 12px 26px oklch(0 0 0 / .24);box-shadow:inset 0 1px color-mix(in oklch,var(--carbon-accent) 20%,transparent),0 0 8px color-mix(in oklch,var(--carbon-accent) 30%,transparent),0 0 20px color-mix(in oklch,var(--carbon-accent) 18%,transparent),0 0 42px color-mix(in oklch,var(--carbon-accent) 10%,transparent),var(--carbon-cast)}:root[data-surface-mode=carbon] [data-role=tile]:is(:hover,[data-pressed=true],[aria-pressed=true]):before{opacity:1}:root[data-surface-mode=carbon] [data-role=tile][data-border=core]:is(:hover,[data-pressed=true],[aria-pressed=true]),:root[data-surface-mode=carbon] [data-role=tile][data-border=support]:is(:hover,[data-pressed=true],[aria-pressed=true]),:root[data-surface-mode=carbon] [data-role=tile][data-border=flavor]:is(:hover,[data-pressed=true],[aria-pressed=true]){border-color:var(--carbon-accent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--carbon-accent) 40%,transparent),inset 0 1px color-mix(in oklch,var(--carbon-accent) 26%,transparent),0 0 0 1px color-mix(in oklch,var(--carbon-accent) 44%,transparent),0 0 10px color-mix(in oklch,var(--carbon-accent) 44%,transparent),0 0 28px color-mix(in oklch,var(--carbon-accent) 24%,transparent),0 0 50px color-mix(in oklch,var(--carbon-accent) 12%,transparent),0 18px 40px #00000061}:root[data-surface-mode=dark] [data-role][data-elevation="-1"]{background:oklch(from var(--bg-elevated) l c h / calc(var(--treatment-bg-alpha, .05) * .5))}:root[data-surface-mode=dark] [data-role][data-elevation="+1"],:root[data-surface-mode=dark] [data-role][data-elevation="+2"]{--surface-lift-alpha: 0;box-shadow:none}:root[data-surface-mode=light] [data-role][data-elevation="-1"]{--surface-lift-alpha: .72;box-shadow:inset 0 1px 2px #0000000f}:root[data-surface-mode=light] [data-role][data-elevation="0"]{--surface-lift-alpha: .8;box-shadow:none}:root[data-surface-mode=light] [data-role][data-elevation="+1"],:root[data-surface-mode=light] [data-role][data-elevation="+2"]{--surface-lift-alpha: .8;box-shadow:0 1px 2px #0000000a,0 6px 14px #0000000f}:root[data-surface-mode=carbon] [data-role][data-elevation="-1"]{--carbon-cast: 0 0 0 transparent}:root[data-surface-mode=carbon] [data-role][data-elevation="0"]{--carbon-cast: 0 0 0 transparent}:root[data-surface-mode=carbon] [data-role][data-elevation="+1"],:root[data-surface-mode=carbon] [data-role][data-elevation="+2"]{--carbon-cast: 0 8px 18px oklch(0 0 0 / .18)}[data-treatment=holo]{--treatment-bg-alpha: .03;--treatment-blur: 1px;--treatment-filament-alpha: .06;--treatment-scanlines: on}[data-treatment=light]{--treatment-bg-alpha: 1;--treatment-blur: 0;--treatment-filament-alpha: 0;--treatment-scanlines: off}[data-treatment=carbon]{--treatment-bg-alpha: 1;--treatment-blur: 0;--treatment-filament-alpha: .12;--treatment-scanlines: off}}@layer controls{.check-row{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-label);color:var(--text-primary);cursor:pointer}.check-row input[type=checkbox]{accent-color:var(--color-core);width:1rem;height:1rem;cursor:pointer}.check-row .caption{cursor:help}.crt-chip{display:inline-flex;align-items:center;gap:var(--spacing-1);border-radius:var(--radius-pill);font-family:var(--font-display);font-size:var(--text-micro);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.crt-chip svg{flex-shrink:0;width:14px;height:14px}.crt-chip--label{padding:var(--spacing-1) var(--spacing-3);border:1px solid color-mix(in oklch,var(--stroke) 82%,transparent);background:color-mix(in oklch,white 5%,transparent);color:var(--text-primary)}.crt-chip--stamp{padding:var(--spacing-1) var(--spacing-3);border:1px solid color-mix(in oklch,var(--stroke) 78%,transparent);background:transparent;color:var(--text-primary);box-shadow:none;opacity:1}.crt-chip--status{padding:var(--spacing-1) var(--spacing-3);border:1px solid color-mix(in oklch,var(--stroke) 60%,transparent);background:oklch(from var(--bg-contrast) l c h / .72);opacity:.85}.crt-chip--muted{color:var(--text-muted)}.crt-chip--ok{color:var(--status-ok)}.crt-chip--info{color:var(--status-info)}.crt-chip--warn{color:var(--status-warn)}.crt-chip--error{color:var(--status-error)}.crt-chip--active{border-color:var(--color-core);background:color-mix(in oklch,var(--color-core) 14%,transparent);color:var(--color-core);opacity:1}.crt-chip--status.crt-chip--ok,.crt-chip--status.crt-chip--info,.crt-chip--status.crt-chip--warn,.crt-chip--status.crt-chip--error,.crt-chip--status.crt-chip--active{opacity:1}a.crt-chip--status,button.crt-chip--status{cursor:pointer;opacity:1;border-color:var(--stroke);background:var(--bg-contrast);box-shadow:inset 0 1px #ffffff0f;transition:border-color .16s ease,box-shadow .16s ease;text-decoration:none;color:inherit}a.crt-chip--status:hover,button.crt-chip--status:hover,a.crt-chip--status:focus-visible,button.crt-chip--status:focus-visible{border-color:var(--color-core);box-shadow:0 0 10px color-mix(in oklch,var(--color-core) 14%,transparent)}a.crt-chip--status.crt-chip--info,button.crt-chip--status.crt-chip--info{color:var(--status-info)}a.crt-chip--status.crt-chip--ok,button.crt-chip--status.crt-chip--ok{color:var(--status-ok)}a.crt-chip--status.crt-chip--warn,button.crt-chip--status.crt-chip--warn{color:var(--status-warn)}a.crt-chip--status.crt-chip--error,button.crt-chip--status.crt-chip--error{color:var(--status-error)}a.crt-chip--status:focus-visible,button.crt-chip--status:focus-visible{box-shadow:var(--focus-ring),0 0 10px color-mix(in oklch,var(--color-core) 14%,transparent)}@keyframes crt-signal-pulse{0%{left:-40%;opacity:0}20%{opacity:1}to{left:120%;opacity:0}}.crt-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);min-height:2.5rem;border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-label);line-height:1.1;cursor:pointer;white-space:nowrap;text-decoration:none;transition:transform .14s ease,border-color .14s ease,box-shadow .2s ease,background .18s ease}.crt-button.primary{position:relative;background:linear-gradient(180deg,oklch(from var(--color-support) .26 .06 h),oklch(from var(--color-support) .2 .06 h));border:none;color:#fff;box-shadow:0 2px 12px color-mix(in oklch,black 20%,transparent);z-index:0;overflow:hidden;isolation:isolate}.crt-button.primary:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:conic-gradient(from 135deg,var(--color-core),var(--color-support),var(--color-flavor),var(--color-core));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:-1}.crt-button.primary:after{content:"";position:absolute;top:0;left:-40%;width:30%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,color-mix(in oklch,var(--color-core) 22%,transparent) 40%,color-mix(in oklch,white 14%,transparent) 50%,color-mix(in oklch,var(--color-flavor) 22%,transparent) 60%,transparent);opacity:0;z-index:1;pointer-events:none}.crt-button.primary:hover{transform:translateY(-1px);background:linear-gradient(180deg,oklch(from var(--color-support) .3 .07 h),oklch(from var(--color-support) .22 .07 h));box-shadow:0 6px 20px color-mix(in oklch,var(--color-core) 16%,transparent),0 0 14px color-mix(in oklch,var(--color-flavor) 10%,transparent)}.crt-button.primary:hover:before{padding:2px}.crt-button.primary:active{transform:translateY(0);box-shadow:inset 0 1px 4px color-mix(in oklch,black 16%,transparent),0 2px 8px color-mix(in oklch,var(--color-core) 12%,transparent)}.crt-button.primary:active:after{animation:crt-signal-pulse .4s ease-out forwards}.crt-button.primary:focus-visible{outline:none;box-shadow:var(--focus-ring),0 0 16px color-mix(in oklch,var(--color-core) 16%,transparent)}.crt-button.primary:disabled{cursor:not-allowed;opacity:.35;transform:none;pointer-events:none;box-shadow:none}.crt-button.primary:disabled:before{opacity:.4}.crt-button.primary:disabled:after{display:none}.crt-button:is(.secondary,.secondary-field,.secondary-support,.secondary-flavor){--btn-accent: var(--color-core);position:relative;background:radial-gradient(ellipse at center,transparent 0%,color-mix(in oklch,var(--btn-accent) 5%,transparent) 70%,color-mix(in oklch,var(--btn-accent) 10%,transparent) 100%);border:1.5px solid var(--btn-accent);color:color-mix(in oklch,white 92%,var(--btn-accent) 8%);box-shadow:0 2px 12px color-mix(in oklch,black 18%,transparent)}.crt-button:is(.secondary,.secondary-field,.secondary-support,.secondary-flavor):hover{transform:translateY(-1px);background:radial-gradient(ellipse at center,transparent 0%,color-mix(in oklch,var(--btn-accent) 8%,transparent) 65%,color-mix(in oklch,var(--btn-accent) 14%,transparent) 100%);border-color:color-mix(in oklch,var(--btn-accent) 80%,white 20%);box-shadow:0 6px 20px color-mix(in oklch,var(--btn-accent) 14%,transparent),0 0 10px color-mix(in oklch,var(--btn-accent) 10%,transparent)}.crt-button:is(.secondary,.secondary-field,.secondary-support,.secondary-flavor):active{transform:translateY(0);box-shadow:inset 0 1px 4px color-mix(in oklch,black 16%,transparent),0 2px 8px color-mix(in oklch,var(--btn-accent) 10%,transparent)}.crt-button:is(.secondary,.secondary-field,.secondary-support,.secondary-flavor):focus-visible{outline:none;box-shadow:var(--focus-ring),0 0 12px color-mix(in oklch,var(--btn-accent) 14%,transparent)}.crt-button:is(.secondary,.secondary-field,.secondary-support,.secondary-flavor):disabled{cursor:not-allowed;opacity:.35;transform:none;pointer-events:none;box-shadow:none}.crt-button.secondary-field{--btn-field-sheen-top: color-mix(in oklch, white 9%, transparent);--btn-field-sheen-bottom: color-mix(in oklch, black 14%, transparent);--btn-field-glass-alpha: .7;--btn-field-edge-alpha: 14%;top:0;border:0;color:color-mix(in oklch,white 94%,var(--color-core) 6%);background:linear-gradient(180deg,var(--btn-field-sheen-top),var(--btn-field-sheen-bottom));background-attachment:local;background-blend-mode:screen;box-shadow:inset 0 0 0 1px color-mix(in oklch,white var(--btn-field-edge-alpha),transparent),0 0 18px color-mix(in oklch,white 7%,transparent),0 0 24px color-mix(in oklch,black 16%,transparent);overflow:hidden;isolation:isolate;z-index:0;transition:top .14s ease,color .14s ease,text-shadow .16s ease,box-shadow .2s ease,background .18s ease}.crt-button.secondary-field:before{content:"";position:absolute;inset:1px;border-radius:inherit;background:oklch(from var(--bg-main) l c h / var(--btn-field-glass-alpha));z-index:-1;pointer-events:none}.crt-button.secondary-field:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--shared-color-field);background-attachment:fixed;z-index:-2;pointer-events:none}.crt-button.secondary-field:hover{--btn-field-sheen-top: color-mix(in oklch, white 18%, transparent);--btn-field-sheen-bottom: color-mix(in oklch, black 10%, transparent);--btn-field-glass-alpha: .62;--btn-field-edge-alpha: 34%;top:-1px;transform:none;color:var(--text-primary);background:linear-gradient(180deg,var(--btn-field-sheen-top),var(--btn-field-sheen-bottom));background-attachment:local;box-shadow:inset 0 0 0 1px color-mix(in oklch,white var(--btn-field-edge-alpha),transparent),inset 0 0 16px color-mix(in oklch,white 14%,transparent),0 0 22px color-mix(in oklch,white 16%,transparent),0 0 14px color-mix(in oklch,black 18%,transparent);text-shadow:0 0 10px color-mix(in oklch,white 38%,transparent)}.crt-button.secondary-field.is-active,.crt-button.secondary-field[aria-selected=true]{--btn-field-sheen-top: color-mix(in oklch, white 16%, transparent);--btn-field-sheen-bottom: color-mix(in oklch, black 11%, transparent);--btn-field-glass-alpha: .64;--btn-field-edge-alpha: 30%;background:linear-gradient(180deg,var(--btn-field-sheen-top),var(--btn-field-sheen-bottom));background-attachment:local;color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch,white var(--btn-field-edge-alpha),transparent),inset 0 0 14px color-mix(in oklch,white 12%,transparent),0 0 18px color-mix(in oklch,white 14%,transparent),0 0 16px color-mix(in oklch,black 18%,transparent);text-shadow:0 0 8px color-mix(in oklch,white 32%,transparent)}.crt-button.secondary-field:active{top:0;transform:none;--btn-field-sheen-top: color-mix(in oklch, white 8%, transparent);--btn-field-sheen-bottom: color-mix(in oklch, black 18%, transparent);box-shadow:inset 0 1px 8px color-mix(in oklch,black 28%,transparent),inset 0 0 0 1px color-mix(in oklch,white 20%,transparent),0 0 10px color-mix(in oklch,white 8%,transparent);text-shadow:none}.crt-button.secondary-field:focus-visible{outline:none;box-shadow:var(--focus-ring),0 0 12px color-mix(in oklch,white 9%,transparent)}.crt-button.secondary-flavor{--btn-accent: var(--color-flavor)}.crt-button.secondary-support{--btn-accent: var(--color-support)}.crt-button.ghost{position:relative;background:transparent;border:1px solid color-mix(in oklch,white 20%,transparent);color:color-mix(in oklch,white 88%,var(--text-primary) 12%);box-shadow:none}.crt-button.ghost:hover{transform:translateY(-1px);border-color:color-mix(in oklch,white 36%,transparent);color:#fff;box-shadow:0 4px 14px color-mix(in oklch,black 10%,transparent)}.crt-button.ghost:active{transform:translateY(0);background:color-mix(in oklch,white 4%,transparent);box-shadow:inset 0 1px 3px color-mix(in oklch,black 10%,transparent)}.crt-button.ghost:focus-visible{outline:none;box-shadow:var(--focus-ring)}.crt-button.ghost:disabled{cursor:not-allowed;opacity:.35;transform:none;pointer-events:none}.crt-button.text{background:none;border:none;padding:0;min-height:auto;color:var(--color-core);box-shadow:none}.crt-button.text:hover{transform:none;color:color-mix(in oklch,var(--color-core) 80%,white 20%)}.crt-button.text:active{transform:none;color:var(--color-core)}.crt-button.text:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:var(--focus-ring)}.crt-button.text:disabled{cursor:not-allowed;opacity:.35;pointer-events:none}.crt-button.is-active,.crt-button[aria-selected=true]{border-color:color-mix(in oklch,var(--color-core) 58%,transparent);background:radial-gradient(ellipse at center,transparent 0%,color-mix(in oklch,var(--color-core) 12%,transparent) 65%,color-mix(in oklch,var(--color-core) 20%,transparent) 100%);color:var(--text-primary);box-shadow:0 0 14px color-mix(in oklch,var(--color-core) 18%,transparent)}.crt-button.sm{padding:var(--spacing-1) var(--spacing-3);min-height:2rem;font-size:var(--text-label)}.crt-button.lg{padding:var(--spacing-3) var(--spacing-6);min-height:3rem;font-size:var(--text-body)}.crt-button.pill{border-radius:var(--radius-pill)}.crt-button.icon{aspect-ratio:1;width:2.5rem;min-width:2.5rem;padding:0;border-radius:var(--radius-pill);justify-content:center}.crt-button.icon.sm{width:2rem;min-width:2rem;height:2rem}.button-row{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.button-group{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:stretch;gap:0;padding:3px;border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--stroke) 70%,transparent),inset 0 1px color-mix(in oklch,white 8%,transparent);overflow:hidden}.button-group .crt-button{min-height:2rem;border-radius:0;border:0;border-color:transparent;background:transparent;color:var(--text-primary);box-shadow:none}.button-group .crt-button:hover{background:color-mix(in oklch,white 5%,transparent)}.button-group .crt-button:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.button-group .crt-button:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.button-group .crt-button.is-active{background:linear-gradient(180deg,color-mix(in oklch,white 8%,transparent),color-mix(in oklch,var(--color-core) 18%,transparent)),color-mix(in oklch,var(--color-core) 18%,transparent);color:var(--text-primary);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-core) 68%,transparent),0 0 14px color-mix(in oklch,var(--color-core) 18%,transparent)}.button-group.clean{padding:2px;box-shadow:inset 0 0 0 1px color-mix(in oklch,white 20%,transparent),inset 0 1px color-mix(in oklch,white 5%,transparent)}.button-group.clean .crt-button{color:color-mix(in oklch,white 84%,var(--text-primary) 16%)}.button-group.clean .crt-button:hover{background:color-mix(in oklch,white 6%,transparent)}.button-group.clean .crt-button.is-active{background:color-mix(in oklch,white 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,white 28%,transparent),0 4px 14px color-mix(in oklch,black 10%,transparent)}.button-group.shared-field{background:var(--shared-color-field);background-attachment:fixed;box-shadow:inset 0 0 0 1px color-mix(in oklch,white 14%,transparent),0 0 18px color-mix(in oklch,var(--color-core) 10%,transparent),0 0 22px color-mix(in oklch,var(--color-flavor) 8%,transparent)}.button-group.shared-field .crt-button{background:color-mix(in oklch,var(--bg-main) 72%,transparent)}.button-group.shared-field .crt-button:hover{background:linear-gradient(180deg,color-mix(in oklch,white 7%,transparent),color-mix(in oklch,var(--bg-main) 58%,transparent)),color-mix(in oklch,var(--bg-main) 46%,transparent)}.button-group.shared-field .crt-button.is-active{background:linear-gradient(180deg,color-mix(in oklch,white 10%,transparent),color-mix(in oklch,black 12%,transparent)),color-mix(in oklch,var(--bg-main) 38%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,white 18%,transparent),0 0 16px color-mix(in oklch,var(--color-core) 14%,transparent)}.button-group.tone-map .crt-button{--segment-tone: var(--color-support)}.button-group.tone-map .crt-button:first-child{--segment-tone: var(--color-core)}.button-group.tone-map .crt-button:nth-child(2):not(:last-child){--segment-tone: var(--color-support)}.button-group.tone-map .crt-button:last-child{--segment-tone: var(--color-flavor)}.button-group.tone-map .crt-button:hover{background:color-mix(in oklch,var(--segment-tone) 9%,transparent)}.button-group.tone-map .crt-button.is-active{background:linear-gradient(180deg,color-mix(in oklch,white 8%,transparent),color-mix(in oklch,var(--segment-tone) 20%,transparent)),color-mix(in oklch,var(--segment-tone) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--segment-tone) 70%,transparent),0 0 14px color-mix(in oklch,var(--segment-tone) 18%,transparent)}:root[data-surface-mode=light] .crt-button.primary{background:linear-gradient(180deg,oklch(from var(--color-support) .36 .08 h),oklch(from var(--color-support) .28 .08 h))}:root[data-surface-mode=light] .crt-button.primary:hover{background:linear-gradient(180deg,oklch(from var(--color-support) .4 .09 h),oklch(from var(--color-support) .3 .09 h))}:root[data-surface-mode=light] .crt-button:is(.secondary,.secondary-field,.secondary-support,.secondary-flavor){background:radial-gradient(ellipse at center,transparent 0%,color-mix(in oklch,var(--btn-accent) 6%,transparent) 70%,color-mix(in oklch,var(--btn-accent) 12%,transparent) 100%);color:var(--btn-accent)}:root[data-surface-mode=light] .crt-button:is(.secondary,.secondary-field,.secondary-support,.secondary-flavor):hover{background:radial-gradient(ellipse at center,transparent 0%,color-mix(in oklch,var(--btn-accent) 10%,transparent) 65%,color-mix(in oklch,var(--btn-accent) 18%,transparent) 100%)}:root[data-surface-mode=light] .crt-button.secondary-field{--btn-field-sheen-top: color-mix(in oklch, white 13%, transparent);--btn-field-sheen-bottom: color-mix(in oklch, black 8%, transparent);--btn-field-glass-alpha: .48;color:var(--text-primary);background:linear-gradient(180deg,var(--btn-field-sheen-top),var(--btn-field-sheen-bottom));background-attachment:local}:root[data-surface-mode=light] .crt-button.secondary-field:hover{--btn-field-sheen-top: color-mix(in oklch, white 14%, transparent);--btn-field-sheen-bottom: color-mix(in oklch, black 8%, transparent);--btn-field-glass-alpha: .48;background:linear-gradient(180deg,var(--btn-field-sheen-top),var(--btn-field-sheen-bottom));background-attachment:local}:root[data-surface-mode=light] .button-group.clean{box-shadow:inset 0 0 0 1px color-mix(in oklch,black 18%,transparent),inset 0 1px color-mix(in oklch,white 70%,transparent)}:root[data-surface-mode=light] .button-group.clean .crt-button{color:var(--text-primary)}:root[data-surface-mode=light] .button-group.clean .crt-button:hover,:root[data-surface-mode=light] .button-group.clean .crt-button.is-active{background:color-mix(in oklch,black 5%,transparent)}:root[data-surface-mode=light] .crt-button.ghost{border-color:color-mix(in oklch,black 18%,transparent);color:var(--text-primary)}:root[data-surface-mode=light] .crt-button.ghost:hover{border-color:color-mix(in oklch,black 30%,transparent);color:var(--text-primary);box-shadow:0 4px 14px color-mix(in oklch,black 6%,transparent)}:root[data-surface-mode=light] .crt-button.ghost:active{background:color-mix(in oklch,black 4%,transparent)}:root[data-surface-mode=light] .crt-button.text{color:var(--color-core)}:root[data-surface-mode=light] .crt-button.is-active,:root[data-surface-mode=light] .crt-button[aria-selected=true]{border-color:color-mix(in oklch,var(--color-core) 50%,transparent);background:radial-gradient(ellipse at center,transparent 0%,color-mix(in oklch,var(--color-core) 8%,transparent) 65%,color-mix(in oklch,var(--color-core) 14%,transparent) 100%)}[popover][data-role=popover]{inset:auto;margin:0;border:none;padding:0;background:transparent;color:inherit}[popover][data-role=popover]::backdrop{background:transparent}}@layer controls{.field-grid{display:grid;gap:var(--spacing-3)}.field{display:grid;gap:var(--spacing-2);min-width:0}.field input,.field select,.field textarea{width:100%;border-radius:var(--radius-md);border:1px solid var(--input-surface-border);background:var(--input-surface-base);box-shadow:inset 0 1px 2px #00000059;color:var(--text-primary);padding:var(--spacing-3);font:inherit}.field textarea{resize:vertical;min-height:7rem}.label-text{font-size:var(--text-label);color:var(--text-muted);font-weight:500}.crt-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.crt-input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--input-surface-border);border-radius:var(--radius-sm);background:var(--input-surface-base);box-shadow:inset 0 1px 2px #00000059;color:var(--text-primary);font-size:var(--text-label);font-family:var(--font-body);transition:border-color .16s ease}.crt-input::placeholder{color:var(--text-muted)}.crt-input:hover{border-color:var(--color-core)}.crt-input:focus{outline:none;border-color:var(--color-core);box-shadow:var(--focus-ring)}.crt-input:disabled{opacity:.45;cursor:not-allowed}.crt-input[type=number]::-webkit-inner-spin-button,.crt-input[type=number]::-webkit-outer-spin-button{display:none}.crt-input[type=number]{-moz-appearance:textfield}.crt-input.crt-input--has-unit{padding-right:var(--spacing-8)}.crt-input-unit{position:absolute;right:var(--spacing-3);color:var(--text-muted);font-size:var(--text-label);pointer-events:none;-webkit-user-select:none;user-select:none}.crt-select{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--stroke);border-radius:var(--radius-sm);background:var(--bg-contrast);box-shadow:inset 0 1px 2px #00000059;color:var(--text-primary);font-size:var(--text-label);font-family:var(--font-body);transition:border-color .16s ease,box-shadow .16s ease}.crt-select:focus{outline:none;border-color:var(--color-core);box-shadow:inset 0 1px 2px #00000059,0 0 0 2px color-mix(in oklch,var(--color-core) 35%,transparent)}.crt-select::placeholder{color:var(--text-muted)}.crt-select-wrapper{position:relative;width:100%}.crt-select-trigger{--select-trigger-accent: var(--color-core);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--input-surface-border);border-radius:var(--radius-sm);background:var(--input-surface-base);box-shadow:inset 0 1px 2px #00000059;color:var(--text-primary);font-size:var(--text-label);font-family:var(--font-body);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease;text-align:left}.crt-select-trigger.is-placeholder span{color:var(--text-muted)}.crt-select-trigger:hover,.crt-select-trigger.is-open{border-color:var(--select-trigger-accent);box-shadow:inset 0 1px 2px #00000059,0 0 0 1px color-mix(in oklch,var(--select-trigger-accent) 18%,transparent)}.crt-select-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .16s ease}.crt-select-trigger.is-open .crt-select-chevron{transform:rotate(180deg)}:root[data-surface-mode=dark] .crt-select-trigger,:root[data-surface-mode=carbon] .crt-select-trigger{--select-trigger-accent: color-mix(in oklch, white 84%, var(--text-primary) 16%)}:root[data-surface-mode=light] .crt-select-trigger{--select-trigger-accent: var(--color-core)}.crt-select-popover{z-index:var(--z-page-popover);max-height:220px;overflow-y:auto;overscroll-behavior:contain}.crt-select-popover--modal{z-index:var(--z-modal-popover)}.crt-select-options{margin:0;padding:0;list-style:none}.crt-select-option{padding:var(--spacing-2);border-radius:.25rem;font-size:var(--text-label);color:var(--text-primary);cursor:pointer;transition:background .12s ease}.crt-select-option:hover,.crt-select-option.is-focused{background:color-mix(in oklch,var(--text-primary) 10%,transparent)}.crt-select-option.is-selected{color:var(--color-core);font-weight:600}.crt-select-option.is-placeholder{color:var(--text-muted)}.crt-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:oklch(.08 0 0 / var(--overlay-backdrop-dim, .55));-webkit-backdrop-filter:blur(var(--overlay-backdrop-blur, 4px));backdrop-filter:blur(var(--overlay-backdrop-blur, 4px))}.crt-modal{width:92vw;max-width:480px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-5)}.crt-modal__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.crt-modal__title{font-size:var(--text-body)}.crt-modal__close{display:flex;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:color .12s ease}.crt-modal__close:hover{color:var(--text-primary)}textarea{font-family:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.inline-link{color:var(--color-core);text-decoration:none}.inline-link:hover{text-decoration:underline}.error{color:var(--status-error);font-size:var(--text-label);margin:var(--spacing-1) 0}}@layer utilities{[data-fade-edge=top]{-webkit-mask-image:linear-gradient(to top,black 85%,transparent 100%);mask-image:linear-gradient(to top,black 85%,transparent 100%)}[data-fade-edge=bottom]{-webkit-mask-image:linear-gradient(to bottom,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,black 85%,transparent 100%)}[data-fade-edge=left]{-webkit-mask-image:linear-gradient(to left,black 85%,transparent 100%);mask-image:linear-gradient(to left,black 85%,transparent 100%)}[data-fade-edge=right]{-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%);mask-image:linear-gradient(to right,black 85%,transparent 100%)}body[data-backdrop=dim]::backdrop,dialog[open]::backdrop,[popover]:popover-open::backdrop{background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}[data-role][data-density=tight]{padding:var(--pad-tight)}[data-role][data-density=compact]{padding:var(--pad-compact)}[data-role][data-density=comfortable]{padding:var(--pad-comfortable)}[data-role][data-density=spacious]{padding:var(--pad-spacious)}[data-role][data-treatment=holo]{--treatment-bg-alpha: .03;--treatment-blur: 1px;--treatment-filament-alpha: .06;--treatment-scanlines: on;--treatment-elevation-mode: alpha;--treatment-border-mode: sample-field}[data-role][data-treatment=light]{--treatment-bg-alpha: 1;--treatment-blur: 0;--treatment-filament-alpha: 0;--treatment-scanlines: off;--treatment-elevation-mode: shadow;--treatment-border-mode: hairline}[data-role][data-treatment=carbon]{--treatment-bg-alpha: 1;--treatment-blur: 0;--treatment-filament-alpha: .12;--treatment-scanlines: off;--treatment-elevation-mode: alpha+shadow;--treatment-border-mode: sample-field}[data-role][data-border=shared-color-field]:before,[data-role][data-border=spectrum]:before{background:var(--shared-color-field);background-attachment:fixed}[data-role][data-border=core]:not([data-wash]){--card-wash-color: var(--color-core)}[data-role][data-border=core]:before{background:var(--color-core)}[data-role][data-border=support]:not([data-wash]){--card-wash-color: var(--color-support)}[data-role][data-border=support]:before{background:var(--color-support)}[data-role][data-border=flavor]:not([data-wash]){--card-wash-color: var(--color-flavor)}[data-role][data-border=flavor]:before{background:var(--color-flavor)}[data-role][data-border=none]:before{display:none}[data-role][data-signal=cold]:not([data-wash]){--card-wash-color: var(--signal-cold)}[data-role][data-signal=warm]:not([data-wash]){--card-wash-color: var(--signal-warm)}[data-role][data-signal=hot]:not([data-wash]){--card-wash-color: var(--signal-hot)}[data-role][data-wash=shared-color-field]{--surface-wash-source: var(--shared-color-field)}[data-role][data-wash=core]{--surface-wash-source: var(--color-core)}[data-role][data-wash=support]{--surface-wash-source: var(--color-support)}[data-role][data-wash=flavor]{--surface-wash-source: var(--color-flavor)}[data-role][data-wash=cold]{--surface-wash-source: var(--signal-cold)}[data-role][data-wash=warm]{--surface-wash-source: var(--signal-warm)}[data-role][data-wash=hot]{--surface-wash-source: var(--signal-hot)}[data-role][data-border-weight=thin]:before{padding:var(--filament-thickness, 1px)}[data-role][data-border-weight=thick]:before{padding:var(--filament-thickness, 2px)}[data-role][data-surface=transparent]{--treatment-bg-alpha: 0}[data-role][data-surface=translucent]{--treatment-bg-alpha: .12}[data-role][data-surface=opaque]{--treatment-bg-alpha: 1}[data-role][data-ambient=on]:before{opacity:var(--ambient-intensity, .6)}[data-role][data-ambient=off]:before{opacity:.15}[data-role][data-specular=on]{--specular-intensity: 1}[data-role][data-specular=off]{--specular-intensity: 0}[data-role][data-specular=on]:after{box-shadow:inset 0 1px #ffffff0a}[data-role][data-glow=on]{filter:drop-shadow(0 0 var(--glow-radius, 20px) var(--glow-color, oklch(from var(--color-core) l c h / .15)))}[data-role][data-glow=off]{filter:none}[data-role][data-scanlines=on]:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent,transparent 2px,oklch(1 0 0 / .015) 2px,oklch(1 0 0 / .015) 4px);pointer-events:none;opacity:1;display:block}[data-role][data-scanlines=off]:after{display:none}.card-intro,.panel-intro{display:grid;gap:var(--spacing-2)}.card-intro.compact,.panel-intro.compact{gap:var(--spacing-1);max-width:32rem}.card-intro h2,.card-intro h3,.panel-intro h2,.panel-intro h3{margin-bottom:0}.card-intro p:not(.eyebrow):not(.caption),.panel-intro p:not(.eyebrow):not(.caption){margin:0;max-width:42rem;color:var(--text-muted);line-height:1.5}.text-md{font-size:var(--text-md)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-micro{font-size:var(--text-micro)}.text-label{font-size:var(--text-label)}.text-body{font-size:var(--text-body)}.text-title{font-size:var(--text-title)}.text-headline{font-size:var(--text-headline)}.text-display{font-size:var(--text-display)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.eyebrow{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0}.caption{font-size:var(--text-label);color:var(--text-muted);margin:0;line-height:1.4}.settings-section{display:grid;gap:var(--spacing-4)}.module-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}.module-header-main{flex:1 1 auto;min-width:0}.module-header-actions{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-3)}.shortcut-tile{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);border:1px solid oklch(1 0 0 / .06);text-decoration:none;color:var(--text-primary);transition:border-color .16s ease}.shortcut-tile:hover{border-color:var(--color-core)}.shortcut-tile.is-selected{border-color:var(--color-core);box-shadow:inset 0 1px #ffffff0f,0 0 0 1px color-mix(in oklch,var(--color-core) 30%,transparent),0 0 12px color-mix(in oklch,var(--color-core) 15%,transparent)}.shortcut-tile.is-selected .shortcut-meta{color:var(--status-ok);font-weight:600}.shortcut-tile[role=button]{cursor:pointer}.settings-pill-row{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.summary-link{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:var(--spacing-1) var(--spacing-2);margin-left:calc(var(--spacing-2) * -1);border:0;background:transparent;border-radius:var(--radius-sm);color:inherit;font:inherit;cursor:pointer;text-align:left;text-decoration:none;transition:background .12s ease,color .12s ease}.summary-link strong{font-family:var(--font-display);font-size:var(--text-title);font-weight:700;color:var(--text-primary);letter-spacing:.01em;line-height:1.1;transition:color .12s ease}.summary-link:hover strong,.summary-link:focus-visible strong{color:var(--color-core)}.summary-link:focus-visible{outline:none;background:color-mix(in oklch,var(--color-core) 10%,transparent)}.nav-rail{display:flex;flex-direction:column;gap:var(--spacing-1)}.nav-rail-item{display:block;width:100%;padding:var(--spacing-2) var(--spacing-3);border:0 solid transparent;border-left-width:2px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:none;color:var(--text-muted);font:inherit;text-align:left;cursor:pointer;transition:color .12s ease,border-color .12s ease,background .12s ease}.nav-rail-item:hover{color:var(--text-primary);background:color-mix(in oklch,var(--bg-elevated) 50%,transparent)}.nav-rail-item.is-active{color:var(--color-core);border-left-color:var(--color-core);background:color-mix(in oklch,var(--color-core) 8%,transparent)}.nav-rail-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 var(--spacing-3);margin-bottom:var(--spacing-1)}.tool-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-4);align-items:end}.tool-form-grid label{display:flex;flex-direction:column;gap:var(--spacing-1)}.calendar-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.calendar-month-label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-align:center;margin:0}.calendar-summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-2)}.calendar-summary-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.calendar-summary-meta{font-size:var(--text-xs);color:var(--text-muted)}.calendar-grid-scroll{overflow-x:auto}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.calendar-weekday{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;text-align:center;color:var(--text-muted);padding:var(--spacing-2) 0;margin:0}.calendar-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--spacing-2) var(--spacing-1);border-radius:var(--radius-sm);min-height:56px;font-size:var(--text-xs);background:oklch(from var(--bg-elevated) l c h / .4);border:1px solid oklch(1 0 0 / .03);transition:background .12s ease}.calendar-cell.is-outside-month{opacity:.35}.calendar-cell.is-today{border-color:var(--color-core);box-shadow:0 0 8px oklch(from var(--color-core) l c h / .15)}.calendar-day-number{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm)}.calendar-workout-chip{font-size:.55rem;padding:1px 6px;border-radius:var(--radius-pill);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:600}.calendar-workout-count{font-size:.5rem;color:var(--text-muted)}.calendar-workout-empty{font-size:.55rem;color:var(--text-muted)}.calendar-caption{text-align:center;margin-top:var(--spacing-2)}.workout-recovery .calendar-workout-chip{background:oklch(from var(--status-ok) l c h / .2);color:var(--status-ok)}.workout-endurance .calendar-workout-chip{background:oklch(from var(--color-core) l c h / .2);color:var(--color-core)}.workout-threshold .calendar-workout-chip{background:oklch(from var(--signal-warm) l c h / .2);color:var(--signal-warm)}.workout-vo2 .calendar-workout-chip{background:oklch(from var(--signal-hot) l c h / .2);color:var(--signal-hot)}.workout-long-ride .calendar-workout-chip{background:oklch(from var(--color-support) l c h / .2);color:var(--color-support)}.workout-race-prep .calendar-workout-chip{background:oklch(from var(--color-flavor) l c h / .2);color:var(--color-flavor)}.workout-strength .calendar-workout-chip{background:oklch(from var(--status-warn) l c h / .2);color:var(--status-warn)}.workout-flexibility .calendar-workout-chip{background:oklch(from var(--color-highlight) l c h / .2);color:var(--color-highlight)}.training-calendar-panel.compact{padding:var(--spacing-3)}.training-calendar-panel.compact .calendar-cell{min-height:44px;padding:var(--spacing-1)}.training-calendar-panel.compact .panel-intro.compact{justify-items:center;max-width:none;width:100%}.training-calendar-panel.compact .calendar-month-label{width:100%;text-align:center}.training-calendar-panel.compact .calendar-workout-chip{font-size:.5rem;padding:0 4px}.compact-calendar{display:flex;flex-direction:column;gap:var(--spacing-2)}.compact-cal-header{display:flex;align-items:center;justify-content:center;text-align:center}.compact-cal-month{display:block;width:100%;font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;text-align:center}.compact-cal-dow{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.compact-cal-dow-label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:var(--spacing-1) 0}.compact-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.compact-cal-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--spacing-1);min-height:40px;border:1px solid transparent;background:oklch(from var(--bg-elevated) l c h / .4);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;cursor:pointer;transition:background .12s ease,border-color .12s ease}.compact-cal-cell:hover{background:oklch(from var(--bg-elevated) l c h / .6)}.compact-cal-cell.is-outside-month{opacity:.3}.compact-cal-cell.is-today{border-color:var(--color-core);box-shadow:0 0 8px oklch(from var(--color-core) l c h / .15)}.compact-cal-day{font-family:var(--font-display);font-weight:700;font-size:var(--text-sm)}.compact-cal-bars{display:flex;gap:2px}.compact-cal-bar{width:5px;height:5px;border-radius:50%}.compact-cal-bar.workout-recovery{background:var(--status-ok)}.compact-cal-bar.workout-endurance{background:var(--color-core)}.compact-cal-bar.workout-threshold{background:var(--signal-warm)}.compact-cal-bar.workout-vo2{background:var(--signal-hot)}.compact-cal-bar.workout-long-ride{background:var(--color-support)}.compact-cal-bar.workout-race-prep{background:var(--color-flavor)}.compact-cal-bar.workout-strength{background:var(--status-warn)}.compact-cal-bar.workout-flexibility{background:var(--color-highlight)}.loading-text{color:var(--text-muted);padding:var(--spacing-4)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.is-spinning{animation:spin 1s linear infinite}}[data-sidebar-blend=true]{position:sticky;top:calc(var(--topbar-height, 3.5rem) + var(--spacing-3));align-self:start}:root[data-surface-mode=dark] [data-sidebar-blend=true]{border-right:none!important;background-image:linear-gradient(to right,transparent 0%,oklch(1 0 0 / .005) 30%,oklch(1 0 0 / .012) 75%,transparent 100%);-webkit-backdrop-filter:blur(var(--treatment-blur, 1px));backdrop-filter:blur(var(--treatment-blur, 1px));box-shadow:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%),linear-gradient(to right,black 70%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,black 5%,black 95%,transparent 100%),linear-gradient(to right,black 70%,transparent 100%);mask-composite:intersect}:root[data-surface-mode=dark] [data-sidebar-blend=true]:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--shared-color-field);background-attachment:fixed;opacity:.07;z-index:-1}:root[data-surface-mode=dark] [data-sidebar-blend=true][data-scanlines=on]:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 1px,oklch(1 0 0 / .008) 1px,oklch(1 0 0 / .008) 2px);z-index:0}:root[data-surface-mode=carbon] [data-sidebar-blend=true]{box-shadow:inset 0 1px oklch(1 0 0 / calc(var(--card-filament-alpha, .13) + .04)),inset -1px 0 oklch(1 0 0 / calc(var(--card-filament-alpha, .13) + .04)),inset 0 -1px oklch(1 0 0 / calc(var(--card-filament-alpha, .13) + .04)),inset 0 0 16px oklch(1 0 0 / var(--card-edge-bloom-alpha, .07))}[data-role][data-border=none]{border-color:transparent}[data-role][data-border=none]:before{display:none}:root{color-scheme:dark;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.75rem;--radius-pill: 999px;--z-shell-base: 0;--z-shell-overlay: 20;--z-content: 100;--z-component-internal: 200;--z-component-overlay: 280;--z-page-raised: 300;--z-page-control: 320;--z-page-popover: 340;--z-topbar: 400;--z-modal: 500;--z-modal-popover: 560;--z-global: 600;--z-super: 800;--z-cursor: 1000;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-micro: .75rem;--text-label: .875rem;--text-body: 1rem;--text-title: 1.25rem;--text-headline: 1.5rem;--text-display: 2rem;--pad-tight: var(--spacing-2);--pad-compact: var(--spacing-3);--pad-comfortable: var(--spacing-4);--pad-spacious: var(--spacing-6);--marketing-anchor-offset: calc(52px + var(--spacing-6));--text-soft: color-mix(in oklch, var(--text-muted) 70%, var(--bg-main));--font-logo: "Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%;scroll-behavior:smooth;scroll-padding-top:var(--marketing-anchor-offset);background:var(--bg-main)}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:var(--bg-main);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{position:relative;min-height:100vh;padding:0;isolation:isolate}:root[data-topbar-variant=signal-bar] .topbar{margin-right:0;margin-left:0;padding-right:var(--spacing-4);padding-left:var(--spacing-4)}.ambient-layer{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 74% 4%,color-mix(in oklch,var(--color-support) 16%,transparent),transparent 58%),radial-gradient(ellipse 56% 44% at 4% 30%,color-mix(in oklch,var(--color-core) 13%,transparent),transparent 62%),radial-gradient(ellipse 62% 42% at 92% 72%,color-mix(in oklch,var(--color-flavor) 12%,transparent),transparent 56%),linear-gradient(180deg,var(--bg-main) 0%,color-mix(in oklch,var(--bg-elevated) 72%,var(--bg-main)) 52%,var(--bg-main) 100%)}.ambient-nebula{position:absolute;inset:-12%;background:radial-gradient(ellipse 32% 18% at 74% 18%,color-mix(in oklch,var(--color-flavor) 22%,transparent),transparent 70%),radial-gradient(ellipse 28% 18% at 64% 20%,color-mix(in oklch,var(--color-core) 20%,transparent),transparent 74%),radial-gradient(ellipse 45% 30% at 52% 88%,color-mix(in oklch,var(--color-support) 14%,transparent),transparent 66%);filter:blur(8px)}.ambient-starfield{position:absolute;inset:0}.ambient-starfield span{position:absolute;border-radius:999px}.marketing-shell{position:relative;z-index:var(--z-content);width:100%;overflow-x:clip;padding-bottom:max(12vh,96px)}.hero-section{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(620px,1.3fr);gap:clamp(28px,4vw,56px);align-items:center;width:calc(100% - 24px);margin:0 auto;padding:clamp(18px,3vh,32px) 0 clamp(42px,7vh,72px)}.hero-copy{max-width:680px}.eyebrow{margin:0 0 var(--spacing-4);color:var(--color-highlight);font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 12px color-mix(in oklch,var(--color-core) 22%,transparent)}h1,h2{margin:0;color:var(--text-primary);font-weight:700;letter-spacing:0}h1{max-width:680px;font-family:var(--font-display);font-weight:800;font-size:clamp(2.7rem,4.25vw,4.2rem);line-height:1.02}h2{font-family:var(--font-body);text-transform:none;letter-spacing:0}.hero-lede,.section-copy p,.beta-copy p{color:var(--text-muted);font-size:1.12rem;line-height:1.65}.hero-lede{max-width:610px;margin:var(--spacing-6) 0 0}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-top:var(--spacing-8)}.hero-stage{--hero-edge-size: 10px;--hero-edge-blur: 16px;position:relative;align-self:center;width:100%;aspect-ratio:16 / 9;max-height:min(62vh,620px);min-height:0;overflow:visible;border-radius:var(--radius-sm);background:radial-gradient(ellipse 72% 58% at 68% 34%,color-mix(in oklch,var(--color-support) 16%,transparent),transparent 70%),linear-gradient(180deg,oklch(from var(--bg-main) l c h / .92),oklch(from var(--bg-main) l c h / .72));-webkit-backdrop-filter:none;backdrop-filter:none;isolation:isolate}.hero-stage:before{position:absolute;inset:-32px;z-index:0;content:"";border-radius:inherit;background:var(--shared-color-field);background-attachment:fixed;filter:blur(34px);opacity:.2;pointer-events:none}.hero-video{--hero-video-feather: 18px;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:inherit;mix-blend-mode:screen;filter:saturate(1.06) contrast(1.03);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--hero-video-feather),#000 calc(100% - var(--hero-video-feather)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--hero-video-feather),#000 calc(100% - var(--hero-video-feather)),transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 var(--hero-video-feather),#000 calc(100% - var(--hero-video-feather)),transparent 100%),linear-gradient(to bottom,transparent 0,#000 var(--hero-video-feather),#000 calc(100% - var(--hero-video-feather)),transparent 100%);mask-composite:intersect}.hero-stage:after{position:absolute;inset:0;z-index:3;border-radius:inherit;content:"";background:linear-gradient(90deg,oklch(from var(--bg-main) l c h / .54),transparent 10%,transparent 90%,oklch(from var(--bg-main) l c h / .46)),linear-gradient(180deg,oklch(from var(--bg-main) l c h / .52),transparent 12%,transparent 86%,oklch(from var(--bg-main) l c h / .62));box-shadow:inset 0 0 0 1px color-mix(in oklch,white 6%,transparent),inset 0 0 38px 14px oklch(from var(--bg-main) l c h / .62),0 0 30px color-mix(in oklch,white 5%,transparent);pointer-events:none}.hero-sound-toggle{position:absolute;right:clamp(14px,3vw,28px);bottom:clamp(14px,3vw,28px);z-index:4;border:1px solid color-mix(in oklch,white 30%,transparent);background:oklch(from var(--bg-main) l c h / .58);color:color-mix(in oklch,white 92%,var(--color-core) 8%);box-shadow:inset 0 1px color-mix(in oklch,white 12%,transparent),0 0 12px color-mix(in oklch,black 22%,transparent),0 0 18px color-mix(in oklch,var(--color-core) 12%,transparent);-webkit-backdrop-filter:blur(8px) saturate(1.2);backdrop-filter:blur(8px) saturate(1.2)}.hero-sound-toggle:hover{transform:translateY(-1px);border-color:color-mix(in oklch,white 42%,var(--color-core) 22%);background:oklch(from var(--bg-main) l c h / .68);box-shadow:inset 0 1px color-mix(in oklch,white 16%,transparent),0 0 16px color-mix(in oklch,var(--color-core) 14%,transparent),0 0 18px color-mix(in oklch,var(--color-flavor) 10%,transparent)}.hero-sound-toggle[aria-pressed=true]{border-color:color-mix(in oklch,var(--color-flavor) 36%,white 28%);color:var(--text-primary)}.hero-sound-toggle:focus-visible{outline:none;box-shadow:var(--focus-ring),inset 0 1px color-mix(in oklch,white 16%,transparent),0 0 18px color-mix(in oklch,var(--color-core) 16%,transparent)}.proof-card>span,.waitlist-form label{display:block;color:var(--color-highlight);font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.proof-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--spacing-4);width:min(1280px,calc(100% - 48px));margin:0 auto;padding:0 0 clamp(64px,9vh,112px)}.proof-card{grid-column:span 2;min-height:250px;padding:var(--spacing-6)}.proof-card:nth-child(n+4){grid-column:span 3}.proof-card h2{margin-top:var(--spacing-4);font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.15;font-weight:700}.proof-card p{margin:var(--spacing-4) 0 0;color:var(--text-muted);line-height:1.52}.demo-section,.beta-section{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(360px,1fr);gap:var(--spacing-8);align-items:center;width:min(1280px,calc(100% - 48px));margin:0 auto;padding:clamp(72px,10vh,128px) 0}.section-copy,.beta-copy{max-width:680px}.section-copy h2,.beta-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.section-copy p,.beta-copy p{margin:var(--spacing-6) 0 0}.whirled-panel,.waitlist-form{padding:var(--spacing-5)}.whirled-panel{position:relative;overflow:hidden;min-height:0;border-radius:var(--radius-xl)}.whirled-panel:after{position:absolute;inset:0;content:"";background:radial-gradient(ellipse 60% 48% at 66% 34%,transparent 0%,transparent 58%,oklch(from var(--bg-main) l c h / .35) 100%),linear-gradient(180deg,oklch(from var(--bg-main) l c h / .16),transparent 30%,oklch(from var(--bg-main) l c h / .32));pointer-events:none}.whirled-panel img{display:block;width:100%;height:auto;min-height:0;object-fit:contain;border-radius:calc(var(--radius-xl) - 4px);filter:saturate(1.05) contrast(1.02)}.beta-section{padding-bottom:clamp(120px,18vh,200px)}.form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--spacing-3);margin-top:var(--spacing-3)}.waitlist-form input{width:100%;min-height:2.75rem;padding:0 var(--spacing-4);border:1px solid color-mix(in oklch,white 14%,transparent);border-radius:var(--radius-lg);outline:none;background:linear-gradient(180deg,color-mix(in oklch,black 18%,transparent),transparent),oklch(from var(--bg-main) l c h / .68);box-shadow:inset 0 1px 8px #00000047;color:var(--text-primary)}.waitlist-form input:focus{border-color:color-mix(in oklch,var(--color-core) 70%,transparent);box-shadow:var(--focus-ring),inset 0 1px 8px #00000047}.form-status{min-height:22px;margin:var(--spacing-3) 0 0;color:var(--text-muted);font-size:.92rem}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-6);width:min(1280px,calc(100% - 48px));margin:0 auto;padding:var(--spacing-8) 0 0;color:var(--text-soft);font-size:.86rem;line-height:1.5}.site-footer .brand-text{font-size:1.25rem;flex-shrink:0}.brand-text .brand-logo{width:1.34em;height:1.2em}.topbar-brand .brand-text{font-size:1rem}.brand-logo__image{display:block;width:100%;height:100%;object-fit:contain}.site-footer>span{max-width:480px;text-align:right}@media(max-width:1100px){.hero-section,.demo-section,.beta-section{grid-template-columns:1fr}.hero-section{align-items:stretch}.hero-stage{height:auto;max-height:none;min-height:0}.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-card,.proof-card:nth-child(n+4){grid-column:auto}}@media(max-width:760px){.topbar-nav,.marketing-topbar-cta{display:none}.brand-text{font-size:1.1rem}.hero-section,.proof-grid,.demo-section,.beta-section,.site-footer{width:min(calc(100% - 32px),640px)}.hero-section{padding-top:var(--spacing-5)}h1{font-size:clamp(2.15rem,11vw,3.1rem)}.hero-lede,.section-copy p,.beta-copy p{font-size:1rem}.hero-actions,.form-row{display:flex;flex-direction:column}.hero-stage{width:100%;aspect-ratio:16 / 9;height:auto;max-height:none;min-height:0}.whirled-panel,.whirled-panel img{min-height:0}.proof-grid{grid-template-columns:1fr}.proof-card{min-height:0}.site-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.site-footer>span{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}