:root{--mint:#77EA78;--coral:#FC7B7B;--iris:#B5A6FA;--azure:#36D4FF;--mint-hot:#8BFF92;--coral-hot:#FF8C8C;--iris-hot:#C4B6FF;--azure-hot:#5FE0FF;--accent-1:var(--azure);--accent-2:var(--iris);--accent-3:var(--mint);--accent-4:var(--coral);--void:#050609;--ink-900:#08090E;--ink-800:#0C0E16;--ink-700:#11141F;--ink-600:#171B29;--text-0:#F6F8FF;--text-1:#C7CCDC;--text-2:#8B92A8;--text-3:#5C6379;--glass-fill:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.022));--glass-fill-soft:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));--glass-stroke:rgba(255,255,255,.10);--glass-stroke-strong:rgba(255,255,255,.18);--glass-hi:inset 0 1px 0 rgba(255,255,255,.16);--r-xs:10px;--r-sm:14px;--r-md:20px;--r-lg:28px;--r-xl:36px;--r-2xl:48px;--r-pill:999px;--r-btn:14px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--shadow-1:0 4px 16px -6px rgba(0,0,0,.6);--shadow-2:0 18px 50px -18px rgba(0,0,0,.7);--shadow-3:0 40px 90px -30px rgba(0,0,0,.8);--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-soft:cubic-bezier(.4,0,.2,1);--dur-1:.18s;--dur-2:.32s;--dur-3:.6s;--font-display:"Fraunces",Georgia,serif;--font-sans:"Hanken Grotesk",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--maxw:1180px;--ctrl-h:46px;--ctrl-h-sm:36px;--ctrl-h-lg:54px;--pill-h:28px;--pill-h-sm:22px;--z-bg:-2;--z-grain:-1;--z-base:1;--z-sticky:20;--z-drawer:80;--z-backdrop:70;--z-control:90;--z-toast:120;--line:rgba(255,255,255,.06);--hover:rgba(255,255,255,.05);--well:rgba(0,0,0,.32);--track:rgba(255,255,255,.07);--field:rgba(255,255,255,.04);--txc:255,255,255;--orb-op:.48;--grain-op:.05;--grid-ink:rgba(255,255,255,.022);--grid-mask:radial-gradient(ellipse 90% 70% at 50% 0%,#000 30%,transparent 80%)}[data-theme=light]{--mint:#16A34A;--coral:#E5484D;--iris:#7C5CFC;--azure:#0AA0D6;--mint-hot:#22C55E;--coral-hot:#FF6166;--iris-hot:#9A7DFF;--azure-hot:#2BC0EE;--void:#EEF0F8;--ink-900:#F5F6FC;--ink-800:#FFFFFF;--ink-700:#FFFFFF;--ink-600:#EAECF5;--text-0:#0C1020;--text-1:#353B4E;--text-2:#5C6478;--text-3:#8A92A6;--glass-fill:linear-gradient(160deg,rgba(255,255,255,.72),rgba(255,255,255,.40));--glass-fill-soft:linear-gradient(160deg,rgba(255,255,255,.55),rgba(255,255,255,.28));--glass-stroke:rgba(18,22,40,.10);--glass-stroke-strong:rgba(18,22,40,.16);--glass-hi:inset 0 1px 0 rgba(255,255,255,.9);--shadow-1:0 4px 16px -6px rgba(40,50,90,.18);--shadow-2:0 18px 50px -18px rgba(40,50,90,.26);--shadow-3:0 40px 90px -30px rgba(40,50,90,.34);--line:rgba(18,22,40,.10);--hover:rgba(18,22,40,.045);--well:rgba(18,22,40,.06);--track:rgba(18,22,40,.10);--field:rgba(18,22,40,.04);--txc:18,22,38;--orb-op:.28;--grain-op:.035;--grid-ink:rgba(18,22,40,.04)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--void);color:var(--text-1);line-height:1.6;font-weight:400;letter-spacing:.005em;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}::selection{background:var(--accent-1);color:var(--void)}.atmosphere{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:var(--orb-op);animation:drift 24s var(--ease-soft) infinite alternate;will-change:transform;transition:opacity var(--dur-3)}.orb.a{width:520px;height:520px;background:var(--accent-1);top:-160px;left:-120px;animation-delay:-2s}.orb.b{width:460px;height:460px;background:var(--accent-2);top:30%;right:-160px;animation-delay:-8s}.orb.c{width:420px;height:420px;background:var(--accent-3);bottom:-160px;left:18%;animation-delay:-14s}.orb.d{width:380px;height:380px;background:var(--accent-4);top:62%;left:-120px;animation-delay:-5s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(70px,-50px) scale(1.18)}}.grid-bg{z-index:-2;background-image:linear-gradient(var(--grid-ink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-ink) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:var(--grid-mask);mask-image:var(--grid-mask)}.grain,.grid-bg{position:fixed;inset:0;pointer-events:none}.grain{z-index:-1;opacity:var(--grain-op);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glass{position:relative;background:var(--glass-fill);border:1px solid var(--glass-stroke);border-radius:var(--r-lg);box-shadow:var(--shadow-2),var(--glass-hi);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 38%);opacity:.7}.wrap{max-width:var(--maxw)}.shell,.wrap{margin:0 auto;padding:0 var(--s-5)}.shell{display:grid;grid-template-columns:248px 1fr;grid-gap:var(--s-7);gap:var(--s-7);max-width:1320px}.sidenav{position:-webkit-sticky;position:sticky;top:0;height:100vh;z-index:var(--z-sticky);padding:var(--s-7) 0;display:flex;flex-direction:column;gap:var(--s-5)}.brandmark{display:flex;align-items:center;gap:var(--s-3);padding-left:var(--s-2)}.brandmark .prism-ico{width:34px;height:34px;flex:none}.brandmark .name{font-family:var(--font-mono);font-weight:600;letter-spacing:.32em;font-size:.78rem;color:var(--text-0)}.nav-links{display:flex;flex-direction:column;gap:2px;margin-top:var(--s-3)}.nav-links a,.nav-links button{display:flex;align-items:center;gap:var(--s-3);padding:9px 14px;border-radius:var(--r-sm);font-size:.82rem;color:var(--text-2);font-weight:500;transition:color var(--dur-1) var(--ease-soft),background var(--dur-1) var(--ease-soft);position:relative;text-align:left;width:100%}.nav-links a .dot{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4;transition:opacity var(--dur-1);flex:none}.nav-links a.active,.nav-links a:hover,.nav-links button:hover{color:var(--text-0);background:var(--hover)}.nav-links a.active .dot{opacity:1;background:var(--accent-1);box-shadow:0 0 10px var(--accent-1)}.nav-foot{margin-top:auto;padding-left:var(--s-4);font-size:.7rem;color:var(--text-3);font-family:var(--font-mono);line-height:1.7}.content{min-width:0;padding:var(--s-7) 0 var(--s-9)}section{padding:var(--s-8) 0;scroll-margin-top:24px}.sec-head{margin-bottom:var(--s-7);max-width:760px}.kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;color:var(--text-3);display:inline-flex;align-items:center;gap:10px;margin-bottom:var(--s-4)}.kicker:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--accent-1),transparent)}h2.sec-title{font-family:var(--font-display);font-optical-sizing:auto;font-weight:var(--w-display,340);font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.04;letter-spacing:var(--ls-display,-.02em);color:var(--text-0)}h2.sec-title em{font-style:italic;font-weight:400;color:transparent;background:linear-gradient(120deg,var(--accent-1),var(--accent-2) 55%,var(--accent-3));-webkit-background-clip:text;background-clip:text}.sec-lede{margin-top:var(--s-4);font-size:1.06rem;color:var(--text-2);line-height:1.65;max-width:62ch}.hero{min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:var(--s-9) 0 var(--s-8);position:relative;isolation:isolate}.hero .eyebrow{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.34em;text-transform:uppercase;color:var(--text-2);margin-bottom:var(--s-5);display:inline-flex;align-items:center;gap:14px}.hero .eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--accent-3);box-shadow:0 0 0 0 var(--accent-3);animation:ping 2.4s var(--ease-soft) infinite}@keyframes ping{0%{box-shadow:0 0 0 0 rgba(119,234,120,.55)}70%{box-shadow:0 0 0 12px rgba(119,234,120,0)}to{box-shadow:0 0 0 0 rgba(119,234,120,0)}}.hero h1{font-family:var(--font-display);font-optical-sizing:auto;font-weight:var(--w-display,320);font-size:clamp(2.8rem,8vw,6.4rem);line-height:.98;letter-spacing:var(--ls-display,-.035em);color:var(--text-0);max-width:14ch}.hero h1 .glow-word{font-style:italic;font-weight:380;color:transparent;background:linear-gradient(110deg,var(--accent-1),var(--accent-2) 35%,var(--accent-4) 65%,var(--accent-3) 90%,var(--accent-1));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 30px rgba(54,212,255,.4));animation:shimmer 9s var(--ease-soft) infinite alternate}@keyframes shimmer{to{background-position:100% 0}}.hero p.sub{margin-top:var(--s-6);font-size:clamp(1.05rem,2vw,1.3rem);color:var(--text-2);max-width:54ch;line-height:1.6}.hero-cta{display:flex;gap:var(--s-4);margin-top:var(--s-7);flex-wrap:wrap;align-items:center}.spectrum{margin-top:var(--s-8);height:8px;border-radius:var(--r-pill);overflow:hidden;display:flex;box-shadow:0 0 50px -6px rgba(54,212,255,.4);max-width:560px}.spectrum span{flex:1 1;transition:flex var(--dur-3) var(--ease-spring)}.spectrum span:hover{flex:2.2 1}.spectrum .s1{background:var(--accent-1)}.spectrum .s2{background:var(--accent-2)}.spectrum .s3{background:var(--accent-4)}.spectrum .s4{background:var(--accent-3)}.hero-stats{display:flex;gap:var(--s-7);margin-top:var(--s-7);flex-wrap:wrap}.hero-stats .hs-num{font-family:var(--font-display);font-size:2rem;font-weight:var(--w-display,400);color:var(--text-0);line-height:1}.hero-stats .hs-lab{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-3);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:.92rem;letter-spacing:.005em;line-height:1;height:var(--ctrl-h);padding:0 22px;border:1px solid transparent;border-radius:var(--r-btn);cursor:pointer;overflow:hidden;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-soft),background var(--dur-2),filter var(--dur-1);white-space:nowrap;vertical-align:middle;isolation:isolate;-webkit-tap-highlight-color:transparent}.btn,.btn svg{position:relative}.btn svg{transition:transform var(--dur-2) var(--ease-spring)}.btn-primary{background:var(--accent-1);color:#04222e;font-weight:700;box-shadow:0 6px 26px -6px color-mix(in srgb,var(--accent-1) 85%,transparent),0 0 48px -10px color-mix(in srgb,var(--accent-1) 80%,transparent)}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 38px -6px var(--accent-1),0 0 70px -8px color-mix(in srgb,var(--accent-1) 95%,transparent)}.btn-primary:hover svg{transform:translateX(3px)}.btn-primary:active{transform:scale(.97)}.btn-glass{background:var(--field);border:1px solid var(--glass-stroke-strong);color:var(--text-0);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);box-shadow:0 4px 18px -10px rgba(0,0,0,.6)}.btn-glass:hover{transform:translateY(-2px);border-color:var(--accent-1);box-shadow:0 6px 22px -10px rgba(0,0,0,.6),0 0 26px -8px color-mix(in srgb,var(--accent-1) 45%,transparent)}.btn-glass:active{transform:scale(.97)}.btn-ghost{color:var(--text-1);padding:0 16px;overflow:visible}.btn-ghost:hover{color:var(--text-0);background:var(--hover);border-color:var(--glass-stroke)}.btn-ghost:active{transform:scale(.97)}.btn-danger{color:var(--coral);border-color:rgba(252,123,123,.3);background:rgba(252,123,123,.06)}.btn-danger:hover{transform:translateY(-2px);border-color:var(--coral);box-shadow:0 0 26px -8px rgba(252,123,123,.5)}.btn-sm{height:var(--ctrl-h-sm);padding:0 16px;font-size:.82rem;border-radius:calc(var(--r-btn) - 3px)}.btn-lg{height:var(--ctrl-h-lg);padding:0 26px;font-size:1rem;border-radius:calc(var(--r-btn) + 3px)}.btn[disabled]{opacity:.4;pointer-events:none;box-shadow:none;filter:saturate(.6)}.brand-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:var(--t-btn-min-width,0);height:var(--t-btn-height,var(--ctrl-h));padding:var(--t-btn-padding,0 22px);background:var(--t-btn-bg,var(--accent-1));color:var(--t-btn-color,#04222e);font-family:var(--font-sans);font-size:var(--t-btn-font-size,.92rem);font-weight:var(--t-btn-weight,700);letter-spacing:var(--t-btn-ls,.005em);line-height:1;white-space:nowrap;cursor:pointer;border:var(--t-btn-border,1px solid transparent);border-radius:var(--t-btn-radius,var(--r-btn));box-shadow:var(--t-btn-shadow,0 6px 26px -6px color-mix(in srgb,var(--accent-1) 85%,transparent),0 0 48px -10px color-mix(in srgb,var(--accent-1) 80%,transparent));transition:var(--t-btn-transition,transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-soft),background var(--dur-2),color var(--dur-2));text-decoration:none}.brand-btn:hover{transform:var(--t-btn-hover-transform,translateY(-2px));background:var(--t-btn-hover-bg,var(--t-btn-bg,var(--accent-1)));color:var(--t-btn-hover-color,var(--t-btn-color,#04222e));filter:var(--t-btn-hover-filter,brightness(1.08))}.brand-btn:active{transform:scale(.97)}.brand-btn-2[disabled],.brand-btn[disabled]{opacity:.4;pointer-events:none;box-shadow:none;filter:saturate(.6)}.brand-btn-2{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:var(--t-btn2-min-width,var(--t-btn-min-width,0));height:var(--t-btn2-height,var(--t-btn-height,var(--ctrl-h)));padding:var(--t-btn2-padding,var(--t-btn-padding,0 22px));background:var(--t-btn2-bg,var(--field));color:var(--t-btn2-color,var(--text-0));font-family:var(--font-sans);font-size:var(--t-btn2-font-size,var(--t-btn-font-size,.92rem));font-weight:var(--t-btn2-weight,var(--t-btn-weight,600));line-height:1;white-space:nowrap;cursor:pointer;border:var(--t-btn2-border,1px solid var(--glass-stroke-strong));border-radius:var(--t-btn2-radius,var(--t-btn-radius,var(--r-btn)));box-shadow:var(--t-btn2-shadow,0 4px 18px -10px rgba(0,0,0,.6));transition:var(--t-btn-transition,transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2) var(--ease-soft),background var(--dur-2),color var(--dur-2));text-decoration:none}.brand-btn-2:hover{transform:var(--t-btn-hover-transform,translateY(-2px));background:var(--t-btn2-hover-bg,var(--t-btn2-bg,var(--field)));color:var(--t-btn2-hover-color,var(--t-btn2-color,var(--text-0)));border-color:var(--t-btn2-hover-border-color,var(--accent-1))}.brand-btn-2:active{transform:scale(.97)}.av-stack,.segment button,.swatch,.switch,.tbl tbody tr,.token,[role=button]{cursor:pointer}.btn:focus-visible,.input:focus-visible,.swatch:focus-visible,.token:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px}.cards{display:grid;grid-gap:var(--s-5);gap:var(--s-5)}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{padding:var(--s-6)}.card h3{font-family:var(--font-sans);font-weight:700;font-size:1.05rem;color:var(--text-0);margin-bottom:var(--s-3)}.card p{color:var(--text-2);font-size:.94rem}.principle{padding:var(--s-6);transition:transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}.principle:hover{transform:translateY(-6px);box-shadow:var(--shadow-3),var(--glass-hi)}.principle .num{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;color:var(--text-3)}.principle .icn{width:48px;height:48px;border-radius:var(--r-md);display:grid;place-items:center;margin:var(--s-4) 0;font-size:1.4rem;border:1px solid var(--glass-stroke)}.principle h3{font-family:var(--font-display);font-weight:var(--w-display,400);font-size:1.45rem;color:var(--text-0);letter-spacing:var(--ls-display,-.01em);line-height:1.1}.principle p{margin-top:var(--s-3);font-size:.92rem;color:var(--text-2)}.swatch{padding:var(--s-5);cursor:pointer;overflow:hidden;position:relative;transition:transform var(--dur-2) var(--ease-out)}.swatch:hover{transform:translateY(-6px)}.swatch .chip{height:120px;border-radius:var(--r-md);margin-bottom:var(--s-4);position:relative;overflow:hidden}.swatch .chip:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.35),transparent 45%)}.swatch .meta{display:flex;justify-content:space-between;align-items:baseline}.swatch .cname{font-weight:700;color:var(--text-0);font-size:1rem}.swatch .hex{font-family:var(--font-mono);font-size:.8rem;color:var(--text-2);letter-spacing:.03em}.swatch .role{font-size:.82rem;color:var(--text-3);margin-top:6px}.swatch .copyhint{position:absolute;top:14px;right:16px;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.7);opacity:0;transition:opacity var(--dur-1);background:rgba(0,0,0,.35);padding:4px 8px;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.swatch:hover .copyhint{opacity:1}.type-display{font-family:var(--font-display);font-weight:var(--w-display,340);font-size:clamp(2.4rem,6vw,4rem);line-height:1;letter-spacing:var(--ls-display,-.025em);color:var(--text-0)}.type-display em{font-style:italic;color:var(--accent-2)}.scale-row{display:flex;align-items:baseline;gap:var(--s-5);padding:var(--s-4) 0;border-bottom:1px solid var(--line)}.scale-row:last-child{border:none}.scale-row .tag{font-family:var(--font-mono);font-size:.68rem;color:var(--text-3);width:120px;flex:none;letter-spacing:.05em}.scale-row .demo{color:var(--text-0);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-card{padding:var(--s-6)}.font-card .big{font-size:3.4rem;line-height:1;color:var(--text-0);margin-bottom:var(--s-4)}.font-card .glyphs{font-size:.95rem;color:var(--text-2);letter-spacing:.04em;word-spacing:.1em}.font-card .fname{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-1);margin-bottom:var(--s-3)}.font-card .frole{color:var(--text-3);font-size:.85rem;margin-top:var(--s-4)}.lab{padding:var(--s-6)}.lab-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-5)}.lab-title h3{font-family:var(--font-sans);font-weight:700;font-size:1.05rem;color:var(--text-0)}.lab-title .tag{font-family:var(--font-mono);font-size:.66rem;color:var(--text-3);letter-spacing:.12em;text-transform:uppercase}.lab-row{display:flex;gap:var(--s-4);flex-wrap:wrap;align-items:center;margin-bottom:var(--s-4)}.usage{font-size:.85rem;color:var(--text-3);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line);line-height:1.55}.usage b{color:var(--text-1)}.pill,.usage b{font-weight:600}.pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:var(--pill-h);padding:0 14px;border-radius:var(--r-pill);font-size:.76rem;line-height:1;border:1px solid transparent;white-space:nowrap;vertical-align:middle}.pill-sm{height:var(--pill-h-sm);padding:0 10px;font-size:.66rem;gap:5px}.pill .pdot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;flex:none}.pill-mint{color:var(--mint);background:rgba(119,234,120,.1);border-color:rgba(119,234,120,.25)}.pill-coral{color:var(--coral);background:rgba(252,123,123,.1);border-color:rgba(252,123,123,.25)}.pill-iris{color:var(--iris);background:rgba(181,166,250,.1);border-color:rgba(181,166,250,.25)}.pill-azure{color:var(--azure);background:rgba(54,212,255,.1);border-color:rgba(54,212,255,.25)}.pill-a1{color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 10%,transparent);border-color:color-mix(in srgb,var(--accent-1) 25%,transparent)}.pill-a2{color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 10%,transparent);border-color:color-mix(in srgb,var(--accent-2) 25%,transparent)}.pill-a3{color:var(--accent-3);background:color-mix(in srgb,var(--accent-3) 10%,transparent);border-color:color-mix(in srgb,var(--accent-3) 25%,transparent)}.pill-a4{color:var(--accent-4);background:color-mix(in srgb,var(--accent-4) 10%,transparent);border-color:color-mix(in srgb,var(--accent-4) 25%,transparent)}.field{display:flex;flex-direction:column;gap:8px;max-width:360px}.field label{font-size:.78rem;color:var(--text-2);font-weight:600;letter-spacing:.02em}.field-wide{max-width:none}.input{background:var(--field);border:1px solid var(--glass-stroke);border-radius:var(--r-sm);padding:12px 16px;color:var(--text-0);font-family:inherit;font-size:.92rem;transition:border var(--dur-1),box-shadow var(--dur-2),background var(--dur-1);width:100%}.input::placeholder{color:var(--text-3)}.input:focus{outline:none;border-color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 5%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-1) 14%,transparent),0 0 30px -6px color-mix(in srgb,var(--accent-1) 50%,transparent)}textarea.input{min-height:96px;resize:vertical;line-height:1.5}select.input{-moz-appearance:none;appearance:none;-webkit-appearance:none}.input-mono{font-family:var(--font-mono);font-size:.84rem}.switch{position:relative;width:54px;height:30px;border-radius:var(--r-pill);background:var(--well);border:1px solid var(--glass-stroke);cursor:pointer;transition:background var(--dur-2);box-shadow:inset 0 2px 5px rgba(0,0,0,.18);flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fff,#c7ccdc);transition:transform var(--dur-2) var(--ease-spring),background var(--dur-2);box-shadow:0 2px 4px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.9)}.switch.on{background:linear-gradient(120deg,var(--accent-1),var(--accent-3));box-shadow:inset 0 1px 2px rgba(0,0,0,.2),0 0 22px -4px color-mix(in srgb,var(--accent-1) 70%,transparent)}.switch.on:after{transform:translateX(24px)}.segment{display:inline-flex;background:var(--well);border:1px solid var(--glass-stroke);padding:4px;box-shadow:inset 0 2px 5px rgba(0,0,0,.16)}.segment,.segment button{border-radius:var(--r-pill)}.segment button{padding:8px 18px;font-size:.82rem;font-weight:600;color:var(--text-2);transition:color var(--dur-1),background var(--dur-2),transform var(--dur-1),box-shadow var(--dur-2)}.segment button:hover:not(.on){color:var(--text-0)}.segment button:active{transform:scale(.94)}.segment button.on{color:#021018;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-1) 90%,#fff),var(--accent-1));box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 2px 0 -1px rgba(0,0,0,.4),0 6px 16px -4px color-mix(in srgb,var(--accent-1) 60%,transparent)}.meter{height:10px;border-radius:var(--r-pill);background:var(--track);overflow:hidden;margin-bottom:6px}.meter i{display:block;height:100%;border-radius:inherit}.meter-lab{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.7rem;color:var(--text-3);margin-bottom:14px}.stat-tile{padding:var(--s-5);position:relative;overflow:hidden}.stat-tile .st-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--s-4)}.stat-tile .st-label{font-size:.8rem;color:var(--text-2);font-weight:600}.stat-tile .st-num{font-family:var(--font-display);font-weight:var(--w-display,400);font-size:2.6rem;line-height:1;color:var(--text-0);letter-spacing:var(--ls-display,-.02em)}.stat-tile .st-delta{font-family:var(--font-mono);font-size:.78rem;margin-top:8px;display:inline-flex;align-items:center;gap:6px}.st-up{color:var(--mint)}.st-down{color:var(--coral)}.spark{position:absolute;right:0;bottom:0;width:60%;height:54px;opacity:.9;z-index:-1}.av{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:.9rem;color:#031018;border:2px solid var(--ink-800);flex:none}.av-stack{display:flex}.av-stack .av:not(:first-child){margin-left:-12px}.tbl{width:100%;border-collapse:collapse;font-size:.88rem}.tbl th{text-align:left;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding:0 14px 14px;font-weight:500}.tbl td{padding:14px;border-top:1px solid var(--line);color:var(--text-1)}.tbl tr{transition:background var(--dur-1)}.tbl tbody tr:hover{background:var(--hover)}.tbl .chan{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-0)}.tbl .cdot{width:9px;height:9px;border-radius:3px}.dodont{padding:var(--s-6)}.dodont .badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:600;margin-bottom:var(--s-4)}.do .badge{color:var(--mint)}.dont .badge{color:var(--coral)}.dodont ul{list-style:none;display:flex;flex-direction:column;gap:var(--s-3)}.dodont li{display:flex;gap:12px;font-size:.92rem;color:var(--text-2);line-height:1.5}.dodont li:before{content:"";width:18px;height:18px;flex:none;border-radius:50%;margin-top:2px;background-size:12px;background-repeat:no-repeat;background-position:50%}.do li:before{background-color:rgba(119,234,120,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2377EA78' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}.dont li:before{background-color:rgba(252,123,123,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FC7B7B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E")}.token-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--s-3);gap:var(--s-3)}.token{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--field);border:1px solid var(--line);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:.78rem;cursor:pointer;transition:background var(--dur-1),transform var(--dur-1)}.token:hover{background:var(--hover);transform:translateY(-2px)}.token:active{transform:translateY(0)}.token .tk-prev{width:34px;height:24px;border-radius:6px;flex:none;border:1px solid rgba(255,255,255,.12)}.token .tk-name{color:var(--text-0)}.token .tk-val{color:var(--text-3);margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--ink-700);border:1px solid var(--glass-stroke-strong);color:var(--text-0);padding:12px 22px;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;box-shadow:var(--shadow-3),var(--glass-hi);opacity:0;pointer-events:none;transition:all var(--dur-2) var(--ease-spring);z-index:var(--z-toast);display:flex;align-items:center;gap:10px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.toast .tdot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}.reveal.in{opacity:1;transform:none}.stagger>*{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.stagger.in>*{opacity:1;transform:none}.stagger.in>:first-child{transition-delay:.05s}.stagger.in>:nth-child(2){transition-delay:.13s}.stagger.in>:nth-child(3){transition-delay:.21s}.stagger.in>:nth-child(4){transition-delay:.29s}.stagger.in>:nth-child(5){transition-delay:.37s}.stagger.in>:nth-child(6){transition-delay:.45s}.menu-btn,.theme-btn{position:fixed;top:18px;z-index:var(--z-control);width:46px;height:46px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;background:var(--glass-fill);border:1px solid var(--glass-stroke);color:var(--text-0);box-shadow:var(--shadow-1),var(--glass-hi);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);cursor:pointer;transition:transform var(--dur-1) var(--ease-spring),box-shadow var(--dur-2),background var(--dur-2)}.menu-btn:hover,.theme-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-2),var(--glass-hi)}.menu-btn:active,.theme-btn:active{transform:translateY(1px) scale(.96)}.theme-btn{right:18px}.theme-btn .ico-sun,[data-theme=light] .theme-btn .ico-moon{display:none}[data-theme=light] .theme-btn .ico-sun{display:block}.backdrop{position:fixed;inset:0;z-index:var(--z-backdrop);background:rgba(3,4,8,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--dur-2)}.backdrop.show{opacity:1;pointer-events:auto}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--s-6)}.form-card{width:100%;max-width:440px;padding:var(--s-7)}.form-card h1{font-family:var(--font-display);font-weight:360;font-size:2.1rem;letter-spacing:-.02em;color:var(--text-0);margin-bottom:var(--s-2)}.form-card .hint{color:var(--text-2);font-size:.92rem;margin-bottom:var(--s-6)}.form-stack{display:flex;flex-direction:column;gap:var(--s-5)}.form-error{color:var(--coral);background:rgba(252,123,123,.08);border:1px solid rgba(252,123,123,.25);border-radius:var(--r-sm)}.form-error,.form-ok{padding:10px 14px;font-size:.85rem}.form-ok{color:var(--mint);background:rgba(119,234,120,.08);border:1px solid rgba(119,234,120,.25);border-radius:var(--r-sm)}.form-foot{margin-top:var(--s-5);font-size:.85rem;color:var(--text-3)}.form-foot a{color:var(--accent-1);font-weight:600}.studio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s-5);flex-wrap:wrap;margin-bottom:var(--s-6)}.studio-head h1{font-family:var(--font-display);font-weight:360;font-size:clamp(1.8rem,4vw,2.6rem);letter-spacing:-.02em;color:var(--text-0);line-height:1.05}.studio-head .crumbs{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.row,.row-between{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap}.row-between{justify-content:space-between}.spacer{height:var(--s-6)}.editor-row{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--field);border:1px solid var(--line);border-radius:var(--r-sm);transition:background var(--dur-1)}.editor-row:hover{background:var(--hover)}.editor-row .er-prev{width:34px;height:24px;border-radius:6px;flex:none;border:1px solid rgba(255,255,255,.12)}.editor-row .er-name{color:var(--text-0);min-width:130px}.editor-row .er-name,.editor-row input{font-family:var(--font-mono);font-size:.8rem}.editor-row input{background:transparent;color:var(--text-1);flex:1 1;min-width:80px;padding:6px 8px;border-radius:8px;border:1px solid transparent}.editor-row input:focus{outline:none;border-color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 6%,transparent)}.icon-btn{width:30px;height:30px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3);border:1px solid transparent;flex:none;transition:all var(--dur-1)}.icon-btn:hover{color:var(--coral);border-color:rgba(252,123,123,.3);background:rgba(252,123,123,.07)}.icon-btn-safe:hover{color:var(--accent-1);border-color:color-mix(in srgb,var(--accent-1) 30%,transparent);background:color-mix(in srgb,var(--accent-1) 7%,transparent)}.cat-head{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--text-3);margin:var(--s-6) 0 var(--s-3);display:flex;align-items:center;gap:10px}.cat-head:after{content:"";flex:1 1;height:1px;background:var(--line)}.empty{padding:var(--s-7);text-align:center;color:var(--text-3);font-size:.92rem;border:1px dashed var(--glass-stroke);border-radius:var(--r-lg)}.matrix-scroll{overflow-x:auto}.matrix{width:100%;border-collapse:collapse;font-size:.84rem}.matrix th{text-align:left;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);padding:0 12px 10px;font-weight:500}.matrix td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top;min-width:130px}.matrix-region{font-weight:600;color:var(--text-0);white-space:nowrap}.matrix-cell{display:flex;flex-direction:column;gap:8px}.file-chip{display:flex;align-items:center;gap:8px;padding:6px 8px;background:var(--field);border:1px solid var(--line);border-radius:var(--r-xs);max-width:220px}.file-chip img{width:30px;height:30px;object-fit:contain;border-radius:6px;background:rgba(255,255,255,.06);flex:none}.file-ext{font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.08em;color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-1) 25%,transparent);border-radius:6px;padding:6px;flex:none}.file-name{font-size:.74rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:1px dashed var(--glass-stroke-strong);border-radius:var(--r-xs);font-size:.74rem;font-weight:600;color:var(--text-3);cursor:pointer;transition:all var(--dur-1);align-self:flex-start}.upload-btn:hover{color:var(--accent-1);border-color:var(--accent-1);background:color-mix(in srgb,var(--accent-1) 6%,transparent)}.upload-btn.busy{opacity:.5;pointer-events:none}.cell-error{color:var(--coral);font-size:.7rem;margin-top:4px;max-width:200px}.region-input{background:transparent;border:none;color:inherit;font:inherit;width:90px;padding:0}.region-input:focus{outline:none;border-bottom:1px solid}.dl-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--line);flex-wrap:wrap}.dl-row:first-of-type{border-top:none}.dl-channel{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-3);width:90px;flex:none}.asset-preview{width:84px;height:84px;border-radius:var(--r-md);background:var(--well);border:1px solid var(--glass-stroke);display:grid;place-items:center;overflow:hidden;flex:none}.asset-preview img{width:100%;height:100%;object-fit:contain;padding:10px}.asset-preview .glyph{font-size:1.8rem;color:var(--accent-2)}.code-block{background:var(--well);border:1px solid var(--glass-stroke);border-radius:var(--r-sm);padding:var(--s-5);overflow-x:auto;font-family:var(--font-mono);font-size:.8rem;line-height:1.7;color:var(--text-1);cursor:pointer;transition:border var(--dur-1)}.code-block:hover{border-color:var(--accent-1)}.code-block code{font-family:inherit}.slider-row{display:grid;grid-template-columns:110px 1fr 110px;align-items:center;grid-gap:14px;gap:14px;margin-bottom:var(--s-4)}.slider-row .pole{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}.slider-row .pole.right{text-align:right}input[type=range].vslider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;border-radius:var(--r-pill);background:var(--track);outline:none}input[type=range].vslider::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fff,#c7ccdc);box-shadow:0 2px 6px rgba(0,0,0,.5),0 0 14px -2px var(--accent-1);cursor:pointer;border:none}input[type=range].vslider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:linear-gradient(180deg,#fff,#c7ccdc);box-shadow:0 2px 6px rgba(0,0,0,.5),0 0 14px -2px var(--accent-1);cursor:pointer;border:none}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip,.chips{align-items:center}.chip{display:inline-flex;gap:6px;height:var(--pill-h);padding:0 12px;border-radius:var(--r-pill);font-size:.78rem;font-weight:600;color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-2) 25%,transparent)}.chip button{color:inherit;opacity:.6;font-size:.7rem}.chip button:hover{opacity:1}.transcript{display:flex;flex-direction:column;gap:var(--s-4);margin-bottom:var(--s-5)}.msg{max-width:80%;padding:14px 18px;border-radius:var(--r-md);font-size:.92rem;line-height:1.55}.msg-user{align-self:flex-end;background:color-mix(in srgb,var(--accent-1) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent-1) 30%,transparent);color:var(--text-0);border-bottom-right-radius:6px}.msg-bot{align-self:flex-start;background:var(--field);border:1px solid var(--glass-stroke);color:var(--text-1);border-bottom-left-radius:6px}.msg-bot .mock-pill{display:inline-flex;align-items:center;gap:6px;height:var(--pill-h-sm);padding:0 10px;border-radius:var(--r-pill);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;color:var(--coral);background:rgba(252,123,123,.1);border:1px solid rgba(252,123,123,.25);margin-bottom:8px}.msg-bot .rule-notes{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.68rem;color:var(--text-3);line-height:1.7}.menu-btn{display:none}@media(max-width:980px){.shell{grid-template-columns:1fr;padding:0 var(--s-4)}.sidenav{position:fixed;inset:0 auto 0 0;width:264px;z-index:var(--z-drawer);background:var(--ink-900);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-right:1px solid var(--glass-stroke);padding:var(--s-6) var(--s-5);transform:translateX(-100%);transition:transform var(--dur-2) var(--ease-out);box-shadow:var(--shadow-3)}.sidenav.open{transform:none}.menu-btn{display:inline-flex;right:18px}.theme-btn{right:74px}.content{padding-top:var(--s-8)}}@media(max-width:760px){.g2,.g3,.g4,.token-grid{grid-template-columns:1fr}section{padding:var(--s-7) 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal,.stagger>*{opacity:1;transform:none}}