:root{--font-sans: "Inter", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-deva: "Noto Sans Devanagari", "Inter", system-ui, sans-serif;--fs-xs: .8125rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--fs-display: clamp(2.25rem, 1.6rem + 2.6vw, 3.5rem);--lh-tight: 1.2;--lh-body: 1.6;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 30px;--radius-pill: 999px;--shadow-1: 0 1px 2px rgb(76 29 149 / .05), 0 4px 12px -6px rgb(76 29 149 / .12);--shadow-2: 0 10px 28px -12px rgb(76 29 149 / .22), 0 2px 6px rgb(76 29 149 / .06);--shadow-3: 0 24px 50px -16px rgb(76 29 149 / .3), 0 6px 14px rgb(76 29 149 / .08);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--sidebar-w: 272px;--content-max: 1200px;--touch-min: 44px}:root,[data-theme=light]{--c-bg: #FFF8F4;--c-surface: #FFFFFF;--c-surface-2: #F5EFFF;--c-border: #EBDDF3;--c-border-strong: #8A7BA3;--c-text: #1F1640;--c-text-muted: #5A5373;--c-primary: #6D28D9;--c-primary-hover: #5B21B6;--c-on-primary: #FFFFFF;--c-primary-soft: #EFE6FF;--c-on-primary-soft: #4C1D95;--c-accent: #BE185D;--c-accent-hover: #9F1260;--c-on-accent: #FFFFFF;--c-accent-soft: #FFE4F1;--c-on-accent-soft: #831843;--c-success: #15803D;--c-success-soft: #DCFCE7;--c-on-success-soft: #14532D;--c-warning: #B45309;--c-warning-soft: #FFF1D6;--c-on-warning-soft: #78350F;--c-critical: #B91C1C;--c-critical-soft: #FEE2E2;--c-on-critical-soft: #7F1D1D;--c-neutral-soft: #EEEAF6;--c-on-neutral-soft: #2A2245;--c-focus: #6D28D9;--c-stage: #1F1640;--c-on-stage: #F5F0FF;--grad-brand: linear-gradient(120deg, #6D28D9 0%, #A21CAF 45%, #BE185D 75%, #C2410C 100%);--grad-brand-hover: linear-gradient(120deg, #5B21B6 0%, #86198F 45%, #9D174D 75%, #9A3412 100%);--grad-soft: linear-gradient(135deg, #F3E8FF 0%, #FFE4F1 55%, #FFEDD5 100%);--grad-text: linear-gradient(100deg, #5B21B6 0%, #A21CAF 50%, #BE185D 100%);--glass: rgb(255 255 255 / .78);--glass-strong: rgb(255 255 255 / .9);--glass-line: rgb(255 255 255 / .95);--glow-1: #FFC9A3;--glow-2: #FFB3D6;--glow-3: #CDB8FF;--glow-4: #A7F3D0;--tint-violet: #EFE6FF;--tint-pink: #FFE4F1;--tint-peach: #FFEDD5;--tint-mint: #D1FAE5;--tint-sky: #E0F2FE;--ink-violet: #5B21B6;--ink-pink: #9D174D;--ink-peach: #9A3412;--ink-mint: #065F46;--ink-sky: #075985;--shadow-glow: 0 18px 40px -18px rgb(109 40 217 / .45), 0 6px 14px -8px rgb(190 24 93 / .25);color-scheme:light}[data-theme=dark]{--c-bg: #130E26;--c-surface: #1C1636;--c-surface-2: #261E47;--c-border: #3A3063;--c-border-strong: #9B8FC2;--c-text: #F3F0FF;--c-text-muted: #BDB5DA;--c-primary: #C4B5FD;--c-primary-hover: #DDD6FE;--c-on-primary: #1F1640;--c-primary-soft: #2E2358;--c-on-primary-soft: #DDD6FE;--c-accent: #F9A8D4;--c-accent-hover: #FBCFE8;--c-on-accent: #3B0A24;--c-accent-soft: #3A1830;--c-on-accent-soft: #FBCFE8;--c-success: #4ADE80;--c-success-soft: #0F2E1C;--c-on-success-soft: #BBF7D0;--c-warning: #FBBF24;--c-warning-soft: #3A2A0A;--c-on-warning-soft: #FDE68A;--c-critical: #F87171;--c-critical-soft: #3F1414;--c-on-critical-soft: #FECACA;--c-neutral-soft: #2A2245;--c-on-neutral-soft: #E9E5F5;--c-focus: #C4B5FD;--c-stage: #0B0818;--c-on-stage: #F3F0FF;--grad-brand: linear-gradient(120deg, #C4B5FD 0%, #F0ABFC 50%, #FDBA74 100%);--grad-brand-hover: linear-gradient(120deg, #DDD6FE 0%, #F5D0FE 50%, #FED7AA 100%);--grad-soft: linear-gradient(135deg, #241A45 0%, #2E1532 100%);--grad-text: linear-gradient(100deg, #DDD6FE 0%, #F5D0FE 100%);--glass: rgb(26 20 52 / .78);--glass-strong: rgb(26 20 52 / .92);--glass-line: rgb(255 255 255 / .08);--glow-1: #3B1E5E;--glow-2: #4A1838;--glow-3: #23305E;--glow-4: #10372E;--tint-violet: #2B2150;--tint-pink: #3A1830;--tint-peach: #3A2414;--tint-mint: #0F3328;--tint-sky: #0E2A3D;--ink-violet: #DDD6FE;--ink-pink: #FBCFE8;--ink-peach: #FED7AA;--ink-mint: #A7F3D0;--ink-sky: #BAE6FD;--shadow-glow: 0 18px 40px -18px rgb(0 0 0 / .6);color-scheme:dark}[data-theme=contrast]{--c-bg: #000000;--c-surface: #000000;--c-surface-2: #121212;--c-border: #FFFFFF;--c-border-strong: #FFFFFF;--c-text: #FFFFFF;--c-text-muted: #F0F0F0;--c-primary: #8CCBFF;--c-primary-hover: #B8DEFF;--c-on-primary: #000000;--c-primary-soft: #000000;--c-on-primary-soft: #8CCBFF;--c-accent: #5EEAD4;--c-accent-hover: #99F6E4;--c-on-accent: #000000;--c-accent-soft: #000000;--c-on-accent-soft: #5EEAD4;--c-success: #7CFC9A;--c-success-soft: #000000;--c-on-success-soft: #7CFC9A;--c-warning: #FFD54A;--c-warning-soft: #000000;--c-on-warning-soft: #FFD54A;--c-critical: #FF9B9B;--c-critical-soft: #000000;--c-on-critical-soft: #FF9B9B;--c-neutral-soft: #000000;--c-on-neutral-soft: #FFFFFF;--c-focus: #FFD400;--c-stage: #000000;--c-on-stage: #FFFFFF;color-scheme:dark;--grad-brand: linear-gradient(#8CCBFF, #8CCBFF);--grad-brand-hover: linear-gradient(#B8DEFF, #B8DEFF);--grad-soft: linear-gradient(#000000, #000000);--grad-text: linear-gradient(#FFFFFF, #FFFFFF);--glass: #000000;--glass-strong: #000000;--glass-line: #FFFFFF;--glow-1: transparent;--glow-2: transparent;--glow-3: transparent;--glow-4: transparent;--tint-violet: #000000;--tint-pink: #000000;--tint-peach: #000000;--tint-mint: #000000;--tint-sky: #000000;--ink-violet: #FFFFFF;--ink-pink: #FFFFFF;--ink-peach: #FFFFFF;--ink-mint: #FFFFFF;--ink-sky: #FFFFFF;--shadow-glow: none}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}}[data-motion=reduce]{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms}@font-face{font-family:Inter;src:url(../fonts/inter-var.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Noto Sans Devanagari;src:url(../fonts/noto-deva-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Noto Sans Devanagari;src:url(../fonts/noto-deva-600.woff2) format("woff2");font-weight:600 700;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-md);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg)}:lang(hi) body,[lang=hi]{font-family:var(--font-deva)}h1,h2,h3,h4{line-height:var(--lh-tight);margin:0 0 var(--sp-3);font-weight:var(--fw-bold);letter-spacing:-.01em}h1{font-size:var(--fs-3xl)}h2{font-size:var(--fs-2xl)}h3{font-size:var(--fs-xl)}h4{font-size:var(--fs-lg)}p{margin:0 0 var(--sp-3)}a{color:var(--c-primary);text-underline-offset:3px}a:hover{color:var(--c-primary-hover)}img,video,canvas,svg{max-width:100%}:focus-visible{outline:3px solid var(--c-focus);outline-offset:2px;border-radius:4px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.muted{color:var(--c-text-muted)}.small{font-size:var(--fs-sm)}.stack{display:flex;flex-direction:column;gap:var(--sp-4)}.row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}.grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-2{display:grid;gap:var(--sp-6);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:100;background:var(--c-primary);color:var(--c-on-primary);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-md);font-weight:var(--fw-semibold)}.skip-link:focus{top:var(--sp-3);color:var(--c-on-primary)}.shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"side top" "side main"}.topbar{grid-area:top;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-6);background:color-mix(in srgb,var(--c-bg) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--c-border)}.topbar .spacer{flex:1}.sidebar{grid-area:side;position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--c-surface);border-right:1px solid var(--c-border);padding:var(--sp-5) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-4)}.brand{display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-3);text-decoration:none;color:var(--c-text);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.brand:hover{color:var(--c-text)}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--c-primary),var(--c-accent));color:var(--c-on-primary);flex:none}.brand small{display:block;font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--c-text-muted)}.nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.nav-group-label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);padding:var(--sp-2) var(--sp-3) var(--sp-1);font-weight:var(--fw-semibold)}.nav-link{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--touch-min);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-md);color:var(--c-text);text-decoration:none;font-weight:var(--fw-medium);transition:background var(--dur-fast) var(--ease-standard)}.nav-link:hover{background:var(--c-surface-2);color:var(--c-text)}.nav-link[aria-current=page]{background:var(--c-primary-soft);color:var(--c-on-primary-soft);font-weight:var(--fw-semibold);box-shadow:inset 3px 0 0 var(--c-primary)}.nav-link .nav-tag{margin-left:auto}.nav-link .nav-tag .badge{padding:0 8px 0 6px}.main{grid-area:main;padding:var(--sp-8) var(--sp-6) var(--sp-16);min-width:0}.main:focus{outline:none}.container{max-width:var(--content-max);margin:0 auto}.btn.menu-btn{display:none}.footer{margin-top:var(--sp-16);padding-top:var(--sp-6);border-top:1px solid var(--c-border);color:var(--c-text-muted);font-size:var(--fs-sm)}@media (max-width: 1023px){.shell{grid-template-columns:1fr;grid-template-areas:"top" "main"}.sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);z-index:50;transform:translate(-105%);transition:transform var(--dur-base) var(--ease-standard);box-shadow:var(--shadow-3)}.sidebar[data-open=true]{transform:none}.scrim{position:fixed;inset:0;background:#02061780;z-index:40}.btn.menu-btn{display:inline-flex}.topbar{padding:var(--sp-2) var(--sp-4)}.main{padding:var(--sp-6) var(--sp-4) var(--sp-12)}}@media (min-width: 1024px){.topbar .brand,.sidebar .close-btn{display:none}}.btn{--_bg: var(--c-surface);--_fg: var(--c-text);--_bd: var(--c-border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--touch-min);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-md);border:1.5px solid var(--_bd);background:var(--_bg);color:var(--_fg);font:inherit;font-weight:var(--fw-semibold);cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.btn:hover{background:var(--c-surface-2);color:var(--_fg)}.btn:active{transform:translateY(1px)}.btn-primary{--_bg: var(--c-primary);--_fg: var(--c-on-primary);--_bd: var(--c-primary)}.btn-primary:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.btn-accent{--_bg: var(--c-accent);--_fg: var(--c-on-accent);--_bd: var(--c-accent)}.btn-accent:hover{background:var(--c-accent-hover);border-color:var(--c-accent-hover)}.btn-ghost{--_bd: transparent;--_bg: transparent}.btn-danger{--_fg: var(--c-critical);--_bd: var(--c-critical)}.btn-sm{min-height:36px;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-sm)}.btn-lg{min-height:52px;padding:var(--sp-3) var(--sp-6);font-size:var(--fs-lg)}.btn-icon{padding:0;width:var(--touch-min)}.btn[disabled],.btn[aria-disabled=true]{opacity:1;cursor:not-allowed;background:var(--c-surface-2);color:var(--c-text-muted);border-color:var(--c-border);border-style:dashed}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-6);box-shadow:var(--shadow-1)}.card h3{margin-bottom:var(--sp-2)}.card-link{display:flex;flex-direction:column;gap:var(--sp-3);text-decoration:none;color:var(--c-text);transition:box-shadow var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard)}.card-link:hover{color:var(--c-text);box-shadow:var(--shadow-2);transform:translateY(-2px)}.card-icon{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--c-primary-soft);color:var(--c-on-primary-soft)}.card-icon.teal{background:var(--c-accent-soft);color:var(--c-on-accent-soft)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px 2px 8px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);line-height:1.6;border:1px solid transparent;white-space:nowrap}.badge svg{width:14px;height:14px;flex:none}.badge-success{background:var(--c-success-soft);color:var(--c-on-success-soft);border-color:color-mix(in srgb,var(--c-success) 40%,transparent)}.badge-warning{background:var(--c-warning-soft);color:var(--c-on-warning-soft);border-color:color-mix(in srgb,var(--c-warning) 40%,transparent)}.badge-critical{background:var(--c-critical-soft);color:var(--c-on-critical-soft);border-color:color-mix(in srgb,var(--c-critical) 40%,transparent)}.badge-info{background:var(--c-primary-soft);color:var(--c-on-primary-soft);border-color:color-mix(in srgb,var(--c-primary) 40%,transparent)}.badge-teal{background:var(--c-accent-soft);color:var(--c-on-accent-soft);border-color:color-mix(in srgb,var(--c-accent) 40%,transparent)}.badge-neutral{background:var(--c-neutral-soft);color:var(--c-on-neutral-soft);border-color:var(--c-border)}[data-theme=contrast] .badge{border-color:currentColor}.banner{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--sp-4);border-radius:var(--radius-md);border:1px solid;border-left-width:5px}.banner>svg{flex:none;margin-top:2px}.banner-title{font-weight:var(--fw-bold);margin-bottom:2px}.banner p:last-child{margin-bottom:0}.banner-info{background:var(--c-primary-soft);color:var(--c-on-primary-soft);border-color:var(--c-primary)}.banner-success{background:var(--c-success-soft);color:var(--c-on-success-soft);border-color:var(--c-success)}.banner-warning{background:var(--c-warning-soft);color:var(--c-on-warning-soft);border-color:var(--c-warning)}.banner-critical{background:var(--c-critical-soft);color:var(--c-on-critical-soft);border-color:var(--c-critical)}.banner-mock{background:repeating-linear-gradient(45deg,var(--c-warning-soft),var(--c-warning-soft) 12px,var(--c-surface) 12px,var(--c-surface) 24px);color:var(--c-text);border-color:var(--c-warning)}.banner .actions{margin-top:var(--sp-3)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field label,.label{font-weight:var(--fw-semibold)}.hint{font-size:var(--fs-sm);color:var(--c-text-muted)}.input,.select,.textarea{font:inherit;color:var(--c-text);background:var(--c-surface);border:1.5px solid var(--c-border-strong);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-3);min-height:var(--touch-min);width:100%}.textarea{min-height:120px;resize:vertical}.input::placeholder,.textarea::placeholder{color:var(--c-text-muted)}.input[aria-invalid=true]{border-color:var(--c-critical)}.segmented{display:inline-flex;border:1.5px solid var(--c-border-strong);border-radius:var(--radius-md);overflow:hidden}.segmented button{font:inherit;font-weight:var(--fw-semibold);background:var(--c-surface);color:var(--c-text);border:0;padding:var(--sp-1) var(--sp-3);min-height:36px;cursor:pointer}.segmented button+button{border-left:1.5px solid var(--c-border-strong)}.segmented button[aria-pressed=true]{background:var(--c-primary);color:var(--c-on-primary)}.switch{display:inline-flex;align-items:center;gap:var(--sp-3);cursor:pointer;font-weight:var(--fw-semibold)}.switch input{appearance:none;width:46px;height:26px;border-radius:999px;background:var(--c-surface-2);border:1.5px solid var(--c-border-strong);position:relative;cursor:pointer;margin:0;flex:none}.switch input:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:var(--c-border-strong);transition:transform var(--dur-fast) var(--ease-standard)}.switch input:checked{background:var(--c-primary);border-color:var(--c-primary)}.switch input:checked:after{transform:translate(20px);background:var(--c-on-primary)}.progress{height:10px;border-radius:999px;background:var(--c-surface-2);border:1px solid var(--c-border);overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--c-primary),var(--c-accent));transition:width var(--dur-base) var(--ease-standard)}.ring{transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:6}.ring .track{stroke:var(--c-surface-2)}.ring .value{stroke:var(--c-accent);stroke-linecap:round;transition:stroke-dashoffset var(--dur-base) var(--ease-standard)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--c-surface-2);border-top-color:var(--c-primary);animation:spin .9s linear infinite}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}}[data-motion=reduce] .spinner{animation-duration:3s}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--c-surface-2),var(--c-border),var(--c-surface-2));background-size:200% 100%;border-radius:var(--radius-sm);min-height:1em}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-6);border:1.5px dashed var(--c-border);border-radius:var(--radius-lg);background:var(--c-surface)}.state-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--c-surface-2);color:var(--c-text)}.state[data-tone=critical] .state-icon{background:var(--c-critical-soft);color:var(--c-on-critical-soft)}.state[data-tone=warning] .state-icon{background:var(--c-warning-soft);color:var(--c-on-warning-soft)}.state[data-tone=info] .state-icon{background:var(--c-primary-soft);color:var(--c-on-primary-soft)}.state h3{margin:0}.state p{max-width:52ch;margin:0;color:var(--c-text-muted)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-6)}.page-head p{color:var(--c-text-muted);margin:0;max-width:70ch}.eyebrow{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--c-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-2)}[data-theme=light] .eyebrow,:root:not([data-theme]) .eyebrow{color:var(--c-accent)}.translator{display:grid;gap:var(--sp-6);grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:start}@media (max-width: 1100px){.translator{grid-template-columns:1fr}}.stage{position:relative;aspect-ratio:4 / 3;background:var(--c-stage);color:var(--c-on-stage);border-radius:var(--radius-xl);overflow:hidden;display:grid;place-items:center;box-shadow:var(--shadow-2)}.stage video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.stage-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);padding:var(--sp-6);text-align:center}.stage-overlay p{max-width:46ch;color:var(--c-on-stage)}.stage-frame{position:absolute;inset:12% 18%;border:2px dashed rgb(230 236 245 / .55);border-radius:var(--radius-xl);pointer-events:none}.stage-status{position:absolute;left:var(--sp-4);top:var(--sp-4);display:flex;gap:var(--sp-2);flex-wrap:wrap}.stage-status .badge{box-shadow:var(--shadow-1)}.panel{display:flex;flex-direction:column;gap:var(--sp-4)}.readout{font-size:var(--fs-3xl);font-weight:var(--fw-bold);min-height:1.4em;letter-spacing:.04em}.meter{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-3);align-items:center}.controls{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.table-wrap{overflow-x:auto;border:1px solid var(--c-border);border-radius:var(--radius-md)}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm);background:var(--c-surface)}th,td{text-align:left;padding:var(--sp-3);border-bottom:1px solid var(--c-border);vertical-align:top}th{background:var(--c-surface-2);font-weight:var(--fw-semibold)}tr:last-child td{border-bottom:0}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);list-style:none;padding:0;margin:0}.chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-2) var(--sp-1) var(--sp-3);border-radius:var(--radius-pill);border:1.5px solid var(--c-border-strong);background:var(--c-surface);font-weight:var(--fw-medium)}.chip button{border:0;background:transparent;color:inherit;cursor:pointer;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.chip button:hover{background:var(--c-surface-2)}.hero{display:grid;gap:var(--sp-8);grid-template-columns:1.2fr 1fr;align-items:center;padding:var(--sp-6) 0 var(--sp-10)}@media (max-width: 900px){.hero{grid-template-columns:1fr}}.hero h1{font-size:var(--fs-display);letter-spacing:-.02em}.hero .lead{font-size:var(--fs-lg);color:var(--c-text-muted);max-width:56ch}.hero-art{aspect-ratio:1;border-radius:var(--radius-xl);background:radial-gradient(circle at 30% 30%,var(--c-primary-soft),transparent 60%),radial-gradient(circle at 70% 70%,var(--c-accent-soft),transparent 60%),var(--c-surface);border:1px solid var(--c-border);display:grid;place-items:center}.section{margin-top:var(--sp-12)}.swatch{border-radius:var(--radius-md);border:1px solid var(--c-border);overflow:hidden;background:var(--c-surface)}.swatch-color{height:64px;display:flex;align-items:flex-end;padding:var(--sp-2);font-weight:var(--fw-bold)}.swatch-meta{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs)}.kbd{font-family:ui-monospace,monospace;font-size:var(--fs-xs);border:1px solid var(--c-border-strong);border-bottom-width:2px;border-radius:4px;padding:0 5px;background:var(--c-surface-2)}.toast{position:fixed;right:var(--sp-4);bottom:var(--sp-4);z-index:60;max-width:420px;box-shadow:var(--shadow-3)}dl.kv{display:grid;grid-template-columns:max-content 1fr;gap:var(--sp-2) var(--sp-4);margin:0}dl.kv dt{font-weight:var(--fw-semibold)}dl.kv dd{margin:0;color:var(--c-text-muted);overflow-wrap:anywhere}pre.log{max-height:260px;overflow:auto;background:var(--c-surface-2);padding:var(--sp-3);border-radius:var(--radius-md);font-size:var(--fs-xs)}@media (forced-colors: active){.badge,.btn,.banner,.card{border:1px solid CanvasText}}.stack>.segmented,.field>.segmented{align-self:flex-start}body{background:var(--c-bg)}body:before{content:"";position:fixed;inset:-10vmax;z-index:-1;pointer-events:none;background:radial-gradient(38vmax 38vmax at 8% 6%,var(--glow-1),transparent 62%),radial-gradient(40vmax 40vmax at 96% 18%,var(--glow-2),transparent 60%),radial-gradient(44vmax 44vmax at 70% 104%,var(--glow-3),transparent 62%),radial-gradient(30vmax 30vmax at 2% 92%,var(--glow-4),transparent 60%);opacity:.55}html,body{overflow-x:clip}.shell{position:relative;isolation:isolate}h1,h2{letter-spacing:-.02em}h1,.hero h1,.page-head h1{font-weight:800}.gradient-text,.hero h1,.page-head h1{color:var(--c-primary);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section>h2{display:flex;align-items:center;gap:var(--sp-3)}.section>h2:before{content:"";width:10px;height:26px;border-radius:999px;background:var(--grad-brand);flex:none}.topbar{background:var(--glass);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-bottom:1px solid var(--glass-line);box-shadow:0 6px 24px -18px #4c1d9559}.sidebar{background:var(--glass-strong);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-right:1px solid var(--c-border)}.brand-mark{border-radius:12px;background:var(--grad-brand);box-shadow:var(--shadow-glow)}.brand span{font-weight:800;letter-spacing:-.01em}.nav-group-label{letter-spacing:.08em}.nav-link{border-radius:var(--radius-pill)}.nav-link:hover{background:var(--c-primary-soft);color:var(--c-on-primary-soft)}.nav-link[aria-current=page]{background:var(--grad-soft);color:var(--c-on-primary-soft);box-shadow:inset 0 0 0 1px var(--c-border),0 6px 16px -10px #6d28d980}.nav-link[aria-current=page] svg{color:var(--c-accent)}.btn{border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),background var(--dur-fast)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-1)}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--c-primary);background-image:var(--grad-brand);border-color:transparent;box-shadow:var(--shadow-glow)}.btn-primary:hover{background-color:var(--c-primary-hover);background-image:var(--grad-brand-hover);border-color:transparent;box-shadow:var(--shadow-glow)}.btn-ghost:hover{background:var(--c-primary-soft)}.btn[disabled],.btn[aria-disabled=true]{transform:none;box-shadow:none;background-image:none}.card{background:var(--glass);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--glass-line);box-shadow:var(--shadow-2);border-radius:var(--radius-lg)}.card-link{transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard)}.card-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-3)}.card-icon{width:52px;height:52px;border-radius:16px;background:var(--tint-violet);color:var(--ink-violet);box-shadow:inset 0 0 0 1px var(--glass-line),0 8px 18px -12px #6d28d999}.card-icon.teal,.grid>:nth-child(4n+2) .card-icon{background:var(--tint-pink);color:var(--ink-pink)}.grid>:nth-child(4n+3) .card-icon{background:var(--tint-peach);color:var(--ink-peach)}.grid>:nth-child(4n+4) .card-icon{background:var(--tint-mint);color:var(--ink-mint)}.panel.card,.stack>.card{border-radius:var(--radius-lg)}.badge{border-radius:var(--radius-pill)}.chip{background:var(--glass-strong);border-color:var(--c-border);box-shadow:var(--shadow-1)}.chips .btn-sm{background:var(--glass-strong);border-color:var(--c-border)}.banner{border-radius:var(--radius-lg);border-left-width:6px;box-shadow:var(--shadow-1)}.input,.select,.textarea{border-radius:var(--radius-md);background:var(--glass-strong);border-color:var(--c-border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 4px var(--c-primary-soft);outline:none}.segmented{border-radius:var(--radius-pill);border-color:var(--c-border);background:var(--glass-strong);padding:3px;gap:2px}.segmented button{border-radius:var(--radius-pill);background:transparent}.segmented button+button{border-left:0}.segmented button[aria-pressed=true]{background-color:var(--c-primary);background-image:var(--grad-brand);color:var(--c-on-primary);box-shadow:0 6px 14px -8px #6d28d9b3}.progress{background:var(--c-primary-soft);border-color:transparent;height:12px}.progress>span{background:var(--grad-brand);border-radius:999px}.readout{color:var(--c-primary);background:var(--grad-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.table-wrap{border-radius:var(--radius-lg);background:var(--glass-strong);box-shadow:var(--shadow-1)}th{background:var(--c-surface-2)}.stage{border:3px solid transparent;background:linear-gradient(var(--c-stage),var(--c-stage)) padding-box,var(--grad-brand) border-box;box-shadow:var(--shadow-glow)}.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:none;letter-spacing:.01em;background:var(--glass-strong);color:var(--c-on-accent-soft);border:1px solid var(--c-border);padding:6px 14px;border-radius:var(--radius-pill);box-shadow:var(--shadow-1)}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--grad-brand)}.hero{padding-top:var(--sp-4)}.hero-art.v2{position:relative;aspect-ratio:1;max-width:440px;width:100%;justify-self:center;border:0;border-radius:42% 58% 55% 45%/48% 42% 58% 52%;background:var(--grad-soft);box-shadow:var(--shadow-3),inset 0 0 0 1px var(--glass-line);display:grid;place-items:center;overflow:visible}.hero-art.v2 .orb{width:58%;aspect-ratio:1;border-radius:50%;background:var(--grad-brand);display:grid;place-items:center;font-size:clamp(64px,11vw,120px);line-height:1;box-shadow:var(--shadow-glow),inset 0 -18px 30px #0000001f,inset 0 14px 24px #ffffff40;animation:ss-float 6s ease-in-out infinite}.hero-art.v2 .float{position:absolute;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;font-size:32px;background:var(--glass-strong);box-shadow:var(--shadow-2),inset 0 0 0 1px var(--glass-line);animation:ss-float 7s ease-in-out infinite}.hero-art.v2 .f1{top:6%;left:4%;animation-delay:-1s}.hero-art.v2 .f2{top:10%;right:2%;animation-delay:-3s}.hero-art.v2 .f3{bottom:8%;left:10%;animation-delay:-5s}.hero-art.v2 .f4{bottom:4%;right:12%;animation-delay:-2s}.hero-art.v2 .tag{position:absolute;bottom:-14px;left:50%;transform:translate(-50%);white-space:nowrap;background:var(--c-surface);color:var(--c-on-primary-soft);font-weight:700;font-size:var(--fs-sm);padding:8px 16px;border-radius:var(--radius-pill);box-shadow:var(--shadow-2)}@keyframes ss-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion: reduce){.hero-art.v2 .orb,.hero-art.v2 .float{animation:none}}[data-motion=reduce] .hero-art.v2 .orb,[data-motion=reduce] .hero-art.v2 .float{animation:none}@media (max-width: 900px){.hero-art.v2{max-width:300px}.hero-art.v2 .float{width:52px;height:52px;font-size:26px;border-radius:16px}}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-5);padding:0;list-style:none}.hero-stats li{background:var(--glass-strong);border:1px solid var(--c-border);border-radius:var(--radius-pill);padding:6px 14px;font-weight:600;font-size:var(--fs-sm);box-shadow:var(--shadow-1)}.hero-stats li b{color:var(--c-primary)}.footer{border-top:1px solid var(--c-border)}[data-theme=contrast] body:before{display:none}[data-theme=contrast] .card,[data-theme=contrast] .topbar,[data-theme=contrast] .sidebar{backdrop-filter:none;-webkit-backdrop-filter:none}[data-theme=contrast] .gradient-text,[data-theme=contrast] .hero h1,[data-theme=contrast] .page-head h1,[data-theme=contrast] .readout{-webkit-text-fill-color:currentColor;background:none;color:var(--c-text)}@media (forced-colors: active){body:before{display:none}.gradient-text,.hero h1,.page-head h1,.readout{-webkit-text-fill-color:currentColor;background:none}.btn-primary,.segmented button[aria-pressed=true]{background-image:none}}.shell{min-width:0}.main,.container,.topbar{min-width:0;max-width:100%}@media (max-width: 1023px){.shell{grid-template-columns:minmax(0,1fr)}.topbar{gap:var(--sp-2);padding-inline:var(--sp-3)}.topbar .brand{min-width:0}.topbar .brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 520px){.topbar [role=status] .badge{font-size:0;gap:0;padding:6px}.topbar [role=status] .badge svg{width:16px;height:16px}.hero h1{font-size:clamp(1.9rem,1.2rem + 4vw,2.4rem);overflow-wrap:anywhere}}@media (max-width: 520px){.topbar .brand span{font-size:1rem}.topbar .brand-mark{width:32px;height:32px}.topbar .segmented button{padding:0 10px}.stage-overlay{padding:var(--sp-3);gap:var(--sp-2);overflow-y:auto;justify-content:safe center}.stage-overlay h2,.stage-overlay h3{font-size:1.15rem;margin:0}.stage-overlay p{font-size:.85rem;line-height:1.45;margin:0}}.stage{max-height:72vh}.stage-bar{display:flex;align-items:center;gap:var(--sp-3);margin-top:calc(-1 * var(--sp-2));padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-lg);background:var(--c-stage);color:var(--c-on-stage);box-shadow:var(--shadow-2)}.stage-bar-readout{font-size:var(--fs-2xl);font-weight:700;min-width:2ch}.stage-bar-status{margin-left:auto;text-align:right;color:var(--c-on-stage)}@media (max-width: 520px){.stage-bar{flex-wrap:wrap}.stage-bar-status{flex-basis:100%;text-align:left;margin-left:0}}