:root{--blue-0:#d3eafc;--blue-10:#b2d9f9;--blue-20:#92c7f6;--blue-30:#74b4f2;--blue-40:#428ee3;--blue-50:#1c6cd3;--blue-60:#0051c3;--blue-70:#003a9d;--blue-80:#002776;--blue-90:#001850;--blue-100:#000b29;--green-0:#ddf3d0;--green-10:#c5e6b2;--green-20:#adda97;--green-30:#95cd7e;--green-40:#6cb455;--green-50:#4a9b37;--green-60:#318222;--green-70:#1f6914;--green-80:#13500b;--green-90:#0a3705;--green-100:#051e02;--grey-0:#fff;--grey-10:#f8f9f9;--grey-20:#e9ebed;--grey-30:#d8dcde;--grey-40:#c2c8cc;--grey-50:#87929d;--grey-60:#68737d;--grey-70:#49545c;--grey-80:#2f3941;--grey-90:#1a2127;--grey-100:#0a0d0f;--iris-0:#efeffd;--iris-10:#ced1ff;--iris-20:#b8bbff;--iris-30:#a1a4ff;--iris-40:#797af6;--iris-50:#5a58eb;--iris-60:#4945c7;--iris-70:#3c36a3;--iris-80:#2f2a7e;--iris-90:#231f5a;--iris-100:#161436;--magenta-0:#fff2f7;--magenta-10:#f8d3df;--magenta-20:#f1b4c7;--magenta-30:#e998b0;--magenta-40:#e27d9a;--magenta-50:#ce5674;--magenta-60:#bb3755;--magenta-70:#a71f3c;--magenta-80:#871d2e;--magenta-90:#661a22;--magenta-100:#461518;--orange-0:#ffecd8;--orange-10:#ffdbb3;--orange-20:#ffcc8c;--orange-30:#ffbe65;--orange-40:#ffaa2f;--orange-50:#fe9a00;--orange-60:#d88300;--orange-70:#a97911;--orange-80:#7f6116;--orange-90:#554415;--orange-100:#2a230e;--oxford-0:#dfeff5;--oxford-10:#c5e0eb;--oxford-20:#add0e1;--oxford-30:#97bfd6;--oxford-40:#73a2c1;--oxford-50:#5686ab;--oxford-60:#406d96;--oxford-70:#2f5780;--oxford-80:#21446a;--oxford-90:#173255;--oxford-100:#0d1e36;--purple-0:#fff;--purple-10:#d6bcff;--purple-20:#c8a3fe;--purple-30:#b576f0;--purple-40:#a558ed;--purple-50:#943ee5;--purple-60:#7f2ec0;--purple-70:#6a239b;--purple-80:#531a76;--purple-90:#3b1351;--purple-100:#210b2d;--red-0:#ffe7ed;--red-10:#fecfda;--red-20:#fdb7c6;--red-30:#fd9fb1;--red-40:#fb7688;--red-50:#f75363;--red-60:#f23744;--red-70:#e9222b;--red-80:#d71318;--red-90:#ad080a;--red-100:#6b0202;--teal-0:#f2fff9;--teal-10:#c1fae0;--teal-20:#92f5cb;--teal-30:#65f0b9;--teal-40:#39ebab;--teal-50:#05da98;--teal-60:#04bc8c;--teal-70:#069f7c;--teal-80:#098169;--teal-90:#0c463c;--teal-100:#092823;--yellow-0:#fffef2;--yellow-10:#fcfbbb;--yellow-20:#fafaa0;--yellow-30:#f7f985;--yellow-40:#e9eb58;--yellow-50:#cbc539;--yellow-60:#ab9f23;--yellow-70:#8c7c16;--yellow-80:#6c5c0d;--yellow-90:#4c3e08;--yellow-100:#2d2304;--new-oxford-50:oklch(97% .014 236.36);--new-oxford-100:oklch(92.351% .01495 237.34);--new-oxford-200:oklch(86.502% .02491 235.89);--new-oxford-300:oklch(78.353% .05386 233.57);--new-oxford-400:oklch(68.517% .12117 236.38);--new-oxford-500:oklch(60.481% .17747 241.57);--new-oxford-600:oklch(53.87% .19253 249.09);--new-oxford-700:oklch(48.426% .18127 250.95);--new-oxford-800:oklch(42.385% .16666 252.75);--new-oxford-900:oklch(37.762% .13557 249.28);--new-oxford-950:oklch(28.2% .091 249.69);--new-grey-50:oklch(98.5% .002 230.55);--new-grey-100:oklch(96.587% .0012 247.25);--new-grey-200:oklch(92.575% .0024 247.24);--new-grey-300:oklch(86.862% .0046 241.05);--new-grey-400:oklch(70.25% .0148 244.04);--new-grey-500:oklch(54.537% .018 247.08);--new-grey-600:oklch(43.925% .0192 239.51);--new-grey-700:oklch(36.794% .0259 242.44);--new-grey-800:oklch(27.462% .0276 239.56);--new-grey-900:oklch(20.831% .0313 247.38);--new-grey-950:oklch(13% .028 244.4);--new-red-50:oklch(97.1% .013 18.376);--new-red-100:oklch(93.134% .02866 18.713);--new-red-200:oklch(87.568% .05533 19.33);--new-red-300:oklch(79.402% .10399 20.567);--new-red-400:oklch(68.537% .17766 23.212);--new-red-500:oklch(61.371% .22032 26.327);--new-red-600:oklch(54.905% .22499 28.321);--new-red-700:oklch(47.239% .18965 28.514);--new-red-800:oklch(42.226% .16143 27.895);--new-red-900:oklch(38.513% .13322 26.719);--new-red-950:oklch(25.8% .092 27.038);--new-orange-50:oklch(98.671% .02189 91.712);--new-orange-100:oklch(96.268% .05596 90.904);--new-orange-200:oklch(92.536% .11392 91.033);--new-orange-300:oklch(88.104% .15988 86.892);--new-orange-400:oklch(83.072% .17684 79.716);--new-orange-500:oklch(77.241% .1728 65.367);--new-orange-600:oklch(66.872% .16684 53.605);--new-orange-700:oklch(55.704% .15388 44.285);--new-orange-800:oklch(47.436% .13092 41.488);--new-orange-900:oklch(41.468% .10896 41.191);--new-orange-950:oklch(27.9% .077 40.922);--new-yellow-50:oklch(98.7% .026 102.21);--new-yellow-100:oklch(97.701% .06805 102.14);--new-yellow-200:oklch(95.35% .12313 101.45);--new-yellow-300:oklch(91.774% .17319 101.07);--new-yellow-400:oklch(86.899% .18725 100.69);--new-yellow-500:oklch(81.624% .16932 100.3);--new-yellow-600:oklch(70.649% .14438 99.922);--new-yellow-700:oklch(58.373% .11444 99.541);--new-yellow-800:oklch(49.582% .1003 95.006);--new-yellow-900:oklch(43.091% .08815 90.807);--new-yellow-950:oklch(28.6% .066 86.912);--new-green-50:oklch(98.6% .031 131.15);--new-green-100:oklch(96.763% .06867 132.72);--new-green-200:oklch(93.926% .13034 134.72);--new-green-300:oklch(89.889% .20101 137.06);--new-green-400:oklch(84.351% .24468 139.25);--new-green-500:oklch(77.114% .24135 141.25);--new-green-600:oklch(65.177% .21002 142.08);--new-green-700:oklch(53.64% .16869 141.98);--new-green-800:oklch(45.803% .13736 141.33);--new-green-900:oklch(40.751% .10768 141.46);--new-green-950:oklch(27.4% .072 142.5);--new-teal-50:oklch(97.9% .021 165.37);--new-teal-100:oklch(95.518% .05038 162.31);--new-teal-200:oklch(91.537% .08976 163.41);--new-teal-300:oklch(86.055% .13815 164.24);--new-teal-400:oklch(78.574% .17053 162.48);--new-teal-500:oklch(71.328% .16461 161.74);--new-teal-600:oklch(60.982% .14069 162.49);--new-teal-700:oklch(51.837% .11476 164.87);--new-teal-800:oklch(43.891% .09284 166.17);--new-teal-900:oklch(38.146% .07592 168.2);--new-teal-950:oklch(26.2% .051 171.81);--new-blue-50:oklch(97% .014 251.56);--new-blue-100:oklch(91.281% .03418 252.54);--new-blue-200:oklch(84.363% .06336 251.09);--new-blue-300:oklch(75.144% .11154 248.77);--new-blue-400:oklch(65.766% .1706 251.58);--new-blue-500:oklch(58.189% .21867 256.77);--new-blue-600:oklch(51.311% .24874 259.84);--new-blue-700:oklch(46.333% .2458 261.33);--new-blue-800:oklch(40.755% .20087 262.6);--new-blue-900:oklch(37.078% .14693 262.48);--new-blue-950:oklch(28.2% .091 264.89);--new-iris-50:oklch(96.2% .018 272.47);--new-iris-100:oklch(92.321% .03042 272.95);--new-iris-200:oklch(85.642% .05785 274.2);--new-iris-300:oklch(76.463% .10427 274.87);--new-iris-400:oklch(64.584% .1677 277.09);--new-iris-500:oklch(55.105% .21512 277.27);--new-iris-600:oklch(48.384% .2477 277.12);--new-iris-700:oklch(43.663% .22927 277.18);--new-iris-800:oklch(38.442% .18785 277.52);--new-iris-900:oklch(35.221% .14042 278.85);--new-iris-950:oklch(25.7% .09 281.45);--new-purple-50:oklch(97.7% .014 308.8);--new-purple-100:oklch(93.804% .0276 307.68);--new-purple-200:oklch(88.608% .05219 307.21);--new-purple-300:oklch(80.312% .10279 306.89);--new-purple-400:oklch(68.216% .18139 306.01);--new-purple-500:oklch(60.047% .24699 304.4);--new-purple-600:oklch(53.678% .27359 302.82);--new-purple-700:oklch(48.008% .25419 302.43);--new-purple-800:oklch(42.739% .2108 304.23);--new-purple-900:oklch(37.569% .1724 305.49);--new-purple-950:oklch(29.1% .149 303.22);--new-magenta-50:oklch(96.9% .015 14.181);--new-magenta-100:oklch(94.39% .02774 14.339);--new-magenta-200:oklch(89.779% .05348 11.76);--new-magenta-300:oklch(81.869% .11021 13.397);--new-magenta-400:oklch(72.358% .18495 15.187);--new-magenta-500:oklch(65.948% .23469 18.198);--new-magenta-600:oklch(60.338% .23943 19.344);--new-magenta-700:oklch(53.427% .20617 18.694);--new-magenta-800:oklch(47.817% .1699 15.456);--new-magenta-900:oklch(42.158% .14995 12.031);--new-magenta-950:oklch(27.1% .105 13.853);--swatch-1:var(--iris-50);--swatch-2:var(--magenta-50);--swatch-3:var(--teal-90);--swatch-4:var(--orange-60);--swatch-5:var(--oxford-60);--swatch-6:var(--blue-40);--swatch-7:var(--magenta-70);--swatch-8:var(--teal-80);--swatch-9:var(--purple-30);--swatch-10:var(--oxford-100);--swatch-11:var(--yellow-70);--swatch-12:var(--red-50);--swatch-13:var(--green-70);--swatch-14:var(--blue-70);--border-divider:var(--grey-30);--border-error:var(--red-100);--border-info:var(--blue-70);--border-success:var(--teal-50);--border-warning:var(--orange-50);--disabled:var(--grey-50);--error:var(--red-90);--info:var(--blue-60);--primary:var(--iris-50);--success:var(--teal-50);--warning:var(--orange-50);--primary-1:var(--iris-60);--secondary:var(--oxford-100);--tertiary:var(--teal-50);--background-disabled:var(--grey-20);--background-error:var(--red-0);--background-hover:var(--grey-10);--background-info:var(--blue-0);--background-inverted:var(--grey-90);--background-overlay:var(--oxford-100,40%);--background:var(--grey-0);--background-1:var(--grey-10);--background-selected:var(--iris-0);--background-success:var(--teal-0);--background-warning:var(--orange-0);--foreground:var(--iris-100);--text-disabled:var(--grey-50);--text-error:var(--red-100);--text-info:var(--blue-70);--foreground-inverted:var(--grey-10);--text-lightmediumtext:var(--grey-70);--foreground-2:var(--grey-50);--foreground-1:var(--grey-70);--text-success:var(--teal-90);--text-warning:var(--orange-100);--nav-item-hover:color-mix(in srgb, var(--iris-30), transparent 80%);--row-selected:color-mix(in srgb, var(--iris-30), white 80%);--primary-gradient:var(--primary-light-gradient);--primary-gradient-hover:var(--primary-mid-gradient)}html[data-theme=dark]{--border-divider:var(--grey-70);--border-error:var(--red-10);--border-info:var(--blue-20);--border-success:var(--teal-50);--border-warning:var(--orange-50);--disabled:var(--grey-50);--error:var(--magenta-20);--info:var(--blue-30);--primary:var(--iris-30);--success:var(--teal-50);--warning:var(--orange-50);--primary-1:var(--iris-40);--secondary:var(--oxford-30);--tertiary:var(--teal-50);--background-disabled:var(--grey-80);--background-error:var(--magenta-100);--background-hover:var(--grey-100);--background-info:var(--blue-100);--background-inverted:var(--grey-10);--background-overlay:var(--oxford-0,40%);--background-1:var(--grey-90);--background:#13181d;--background-selected:var(--iris-90);--background-success:var(--teal-100);--background-warning:var(--orange-100);--foreground:var(--grey-10);--text-disabled:var(--grey-50);--text-error:var(--magenta-10);--text-info:var(--blue-20);--foreground-inverted:var(--iris-100);--text-lightmediumtext:var(--grey-40);--foreground-2:var(--grey-50);--foreground-1:var(--grey-40);--text-success:var(--teal-40);--text-warning:var(--orange-40);--primary-gradient:initial;--primary-gradient-hover:initial;--box-shadow-1:0px .4px .8px #0f233fc4, 0px 2px 4px #040d19;--box-shadow-4:0px 4px 14px #0009, 0px 20px 50px #0009;--row-selected:color-mix(in srgb, var(--iris-30), black 80%)}:root{--battery-track-color:var(--grey-30)}html[data-theme=dark]{--battery-track-color:var(--grey-50)}:root{--new-swatch-1:var(--new-iris-500);--new-swatch-2:var(--new-magenta-500);--new-swatch-3:var(--new-teal-900);--new-swatch-4:var(--new-orange-600);--new-swatch-5:var(--new-oxford-600);--new-swatch-6:var(--new-blue-400);--new-swatch-7:var(--new-magenta-800);--new-swatch-8:var(--new-teal-700);--new-swatch-9:var(--new-purple-400);--new-swatch-10:var(--new-grey-900);--new-swatch-11:var(--new-yellow-700);--new-swatch-12:var(--new-magenta-500);--new-swatch-13:var(--new-green-800);--new-swatch-14:var(--new-blue-900);--new-border-divider:var(--new-grey-300);--new-border-error:var(--new-red-900);--new-border-info:var(--new-blue-900);--new-border-success:var(--new-teal-400);--new-border-warning:var(--new-orange-500);--new-disabled:var(--new-grey-400);--new-error:var(--new-red-700);--new-info:var(--new-blue-600);--new-primary:var(--new-iris-500);--new-success:var(--new-teal-400);--new-warning:var(--new-orange-500);--new-primary-1:var(--new-iris-600);--new-secondary:var(--new-grey-900);--new-tertiary:var(--new-teal-400);--new-background-disabled:var(--new-grey-200);--new-background-error:var(--new-magenta-100);--new-background-hover:var(--new-grey-50);--new-background-info:var(--new-blue-100);--new-background-inverted:var(--new-grey-800);--new-background:var(--new-grey-50);--new-background-1:var(--new-grey-50);--new-background-selected:var(--new-iris-50);--new-background-success:var(--new-teal-50);--new-background-warning:var(--new-orange-50);--new-foreground:var(--new-iris-950);--new-text-disabled:var(--new-grey-400);--new-text-error:var(--new-red-900);--new-text-info:var(--new-blue-900);--new-foreground-inverted:var(--new-grey-50);--new-text-lightmediumtext:var(--new-grey-600);--new-foreground-2:var(--new-grey-400);--new-foreground-1:var(--new-grey-600);--new-text-success:var(--new-teal-900);--new-text-warning:var(--new-yellow-950)}html[data-theme=dark]{--new-border-divider:var(--new-grey-600);--new-border-error:var(--new-magenta-200);--new-border-info:var(--new-blue-200);--new-border-success:var(--new-teal-400);--new-border-warning:var(--new-orange-500);--new-disabled:var(--new-grey-400);--new-error:var(--new-magenta-200);--new-info:var(--new-blue-300);--new-primary:var(--new-iris-300);--new-success:var(--new-teal-400);--new-warning:var(--new-orange-500);--new-primary-1:var(--new-iris-400);--new-secondary:var(--new-oxford-300);--new-tertiary:var(--new-teal-400);--new-background-disabled:var(--new-grey-700);--new-background-error:var(--new-red-950);--new-background-hover:var(--new-grey-950);--new-background-info:var(--new-iris-950);--new-background-inverted:var(--new-grey-50);--new-background-1:var(--new-grey-800);--new-background-selected:var(--new-iris-950);--new-background-success:var(--new-teal-950);--new-background-warning:var(--new-yellow-950);--new-foreground:var(--new-grey-50);--new-text-disabled:var(--new-grey-400);--new-text-error:var(--new-magenta-200);--new-text-info:var(--new-blue-200);--new-foreground-inverted:var(--new-iris-950);--new-text-lightmediumtext:var(--new-grey-300);--new-foreground-2:var(--new-grey-400);--new-foreground-1:var(--new-grey-300);--new-text-success:var(--new-teal-300);--new-text-warning:var(--new-orange-500);--box-shadow-1:0px .4px .8px #0f233fc4, 0px 2px 4px #040d19;--box-shadow-4:0px 4px 14px #0009, 0px 20px 50px #0009}:root{--new-battery-track-color:var(--new-grey-300)}html[data-theme=dark]{--new-battery-track-color:var(--new-grey-400)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0a;min-height:100dvh;font-family:system-ui,-apple-system,sans-serif}.page-header{text-align:center;padding:2rem 2rem .75rem}.page-header h1{letter-spacing:-.02em;color:#f0f0f0;font-size:1.75rem;font-weight:600}.page-header .subtitle{color:#777;margin-top:.4rem;font-size:.8rem}.stats-bar{color:#666;flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;padding:.75rem 2rem;font-size:.75rem;display:flex}.stat{align-items:center;gap:.3rem;display:inline-flex}.stat strong{font-variant-numeric:tabular-nums;color:#bbb}.stat.delta-good strong{color:#34d399}.stat.delta-ok strong{color:#fbbf24}.stat.delta-bad strong{color:#f87171}.legend{color:#888;flex-wrap:wrap;justify-content:center;gap:.75rem 1.5rem;padding:.5rem 2rem 1.25rem;font-size:.72rem;display:flex}.legend-item{align-items:center;gap:.4rem;display:inline-flex}.legend-desc{color:#777}.token-comparison{--divider-width:3px;--handle-size:44px;background:#111;border:1px solid #2a2a2a;border-top:none;border-radius:0 0 12px 12px;width:100%;display:block;overflow:hidden}.comparison-panel{background:#111;width:100%;min-height:600px}.comparison-wrap{width:calc(100% - 3rem);margin:0 auto 3rem}.comparison-header{background:#151515;border:1px solid #2a2a2a;border-bottom:none;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:.55rem 1.25rem;display:flex}.comparison-label{letter-spacing:.01em;font-size:.8rem;font-weight:600}.old-label{color:#e8a0a0}.new-label{color:#8fd4b0}.token-section{padding:0}.category-title{letter-spacing:.01em;color:#666;background:#0f0f0f;border-top:1px solid #1e1e1e;padding:.55rem 1.25rem .4rem;font-size:.7rem;font-weight:500}.swatch-grid{background:#1e1e1e;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1px;padding:1px;display:grid}.swatch-card{background:#141414;flex-direction:column;display:flex;overflow:hidden}.swatch-color{border-bottom:1px solid #222;width:100%;height:80px;position:relative}.swatch-color-value{color:#ffffff8c;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;background:#00000073;border-radius:3px;max-width:calc(100% - 12px);padding:.1rem .3rem;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.55rem;position:absolute;bottom:4px;right:6px;overflow:hidden}.swatch-name{color:#ccc;word-break:break-all;padding:.45rem .6rem 0;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.675rem;line-height:1.35}.swatch-ref{color:#555;padding:.15rem .6rem 0;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.58rem;line-height:1.3}.delta-badge{white-space:nowrap;border-radius:4px;align-items:center;gap:.2rem;width:fit-content;margin:.3rem .6rem .5rem;padding:.12rem .4rem;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.6rem;font-weight:600;display:inline-flex}.delta-good{color:#34d399;background:#34d3991f}.delta-ok{color:#fbbf24;background:#fbbf241f}.delta-bad{color:#f87171;background:#f871711f}.badge{border-radius:3px;padding:.05rem .3rem;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.65rem;font-weight:700;display:inline-block}.badge--green{color:#34d399;background:#34d39926}.badge--yellow{color:#fbbf24;background:#fbbf2426}.badge--red{color:#f87171;background:#f8717126}@media (width<=640px){.comparison-wrap{width:calc(100% - 1rem)}.comparison-header{border-radius:8px 8px 0 0}.token-comparison{border-radius:0 0 8px 8px}.swatch-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.page-header{padding:1.25rem 1rem .5rem}.page-header h1{font-size:1.25rem}.stats-bar{padding:.5rem 1rem}.legend{gap:.5rem 1rem;padding:.4rem 1rem 1rem}}.page-header__row{justify-content:center;align-items:center;gap:1rem;display:flex}.theme-toggle{color:#ccc;cursor:pointer;background:#151515;border:1px solid #2a2a2a;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;padding:0;transition:border-color .15s,background .15s,color .15s,transform .2s;display:grid}.theme-toggle:hover{background:#1a1a1a;border-color:#444;transform:rotate(15deg)}.theme-toggle__icon{grid-area:1/1;transition:opacity .2s,transform .3s}.theme-toggle__sun{opacity:0;transform:rotate(-45deg)scale(.5)}.theme-toggle__moon,html[data-theme=light] .theme-toggle__sun{opacity:1;transform:rotate(0)scale(1)}html[data-theme=light] .theme-toggle__moon{opacity:0;transform:rotate(45deg)scale(.5)}html[data-theme=light] body{color:#1a1a1a;background:#f5f5f5}html[data-theme=light] .theme-toggle{color:#444;background:#fff;border-color:#d0d0d0}html[data-theme=light] .theme-toggle:hover{background:#fafafa;border-color:#aaa}html[data-theme=light] .page-header h1{color:#1a1a1a}html[data-theme=light] .page-header .subtitle,html[data-theme=light] .stats-bar{color:#555}html[data-theme=light] .stat strong{color:#333}html[data-theme=light] .legend{color:#666}html[data-theme=light] .token-comparison{background:#fff;border-color:#e0e0e0}html[data-theme=light] .comparison-panel{background:#fff}html[data-theme=light] .comparison-header{background:#fafafa;border-color:#e0e0e0}html[data-theme=light] .comparison-label.old-label{color:#c0605f}html[data-theme=light] .comparison-label.new-label{color:#3e9067}html[data-theme=light] .category-title{color:#555;background:#f0f0f0;border-top-color:#e0e0e0}html[data-theme=light] .swatch-grid{background:#e0e0e0}html[data-theme=light] .swatch-card{background:#fff}html[data-theme=light] .swatch-color{border-bottom-color:#e0e0e0}html[data-theme=light] .swatch-name{color:#222}html[data-theme=light] .swatch-ref{color:#777}html[data-theme=light] .swatch-color-value{color:#0009;background:#ffffff80}