:root{--background:oklch(100% 0 0);--foreground:oklch(14.8% .004 228.8);--card:oklch(100% 0 0);--card-foreground:oklch(14.8% .004 228.8);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.8% .004 228.8);--primary:var(--color-indigo-500);--primary-foreground:oklch(96.9% .016 293.756);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.3% .002 197.1);--muted-foreground:oklch(56% .021 213.5);--accent:oklch(96.3% .002 197.1);--accent-foreground:oklch(21.8% .008 223.9);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.5% .005 214.3);--input:oklch(92.5% .005 214.3);--ring:oklch(72.3% .014 214.4);--chart-1:oklch(81.1% .111 293.571);--chart-2:oklch(60.6% .25 292.717);--chart-3:oklch(54.1% .281 293.009);--chart-4:oklch(49.1% .27 292.581);--chart-5:oklch(43.2% .232 292.759);--radius:.45rem;--sidebar:oklch(98.7% .002 197.1);--sidebar-foreground:oklch(14.8% .004 228.8);--sidebar-primary:oklch(54.1% .281 293.009);--sidebar-primary-foreground:oklch(96.9% .016 293.756);--sidebar-accent:oklch(96.3% .002 197.1);--sidebar-accent-foreground:oklch(21.8% .008 223.9);--sidebar-border:oklch(92.5% .005 214.3);--sidebar-ring:oklch(72.3% .014 214.4)}html[data-theme=dark]{--background:oklch(14.8% .004 228.8);--foreground:oklch(98.7% .002 197.1);--card:oklch(21.8% .008 223.9);--card-foreground:oklch(98.7% .002 197.1);--popover:oklch(21.8% .008 223.9);--popover-foreground:oklch(98.7% .002 197.1);--primary:oklch(43.2% .232 292.759);--primary-foreground:oklch(96.9% .016 293.756);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.5% .011 216.9);--muted-foreground:oklch(72.3% .014 214.4);--accent:oklch(27.5% .011 216.9);--accent-foreground:oklch(98.7% .002 197.1);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(56% .021 213.5);--chart-1:oklch(81.1% .111 293.571);--chart-2:oklch(60.6% .25 292.717);--chart-3:oklch(54.1% .281 293.009);--chart-4:oklch(49.1% .27 292.581);--chart-5:oklch(43.2% .232 292.759);--sidebar:oklch(21.8% .008 223.9);--sidebar-foreground:oklch(98.7% .002 197.1);--sidebar-primary:oklch(60.6% .25 292.717);--sidebar-primary-foreground:oklch(96.9% .016 293.756);--sidebar-accent:oklch(27.5% .011 216.9);--sidebar-accent-foreground:oklch(98.7% .002 197.1);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(56% .021 213.5)}:root{--color-gray-50:oklch(98.5% .002 230.55);--color-gray-100:oklch(96.587% .0012 247.25);--color-gray-200:oklch(92.575% .0024 247.24);--color-gray-300:oklch(86.862% .0046 241.05);--color-gray-400:oklch(70.25% .0148 244.04);--color-gray-500:oklch(54.537% .018 247.08);--color-gray-600:oklch(43.925% .0192 239.51);--color-gray-700:oklch(36.794% .0259 242.44);--color-gray-800:oklch(27.462% .0276 239.56);--color-gray-900:oklch(20.831% .0313 247.38);--color-gray-950:oklch(13% .028 244.4);--color-red-50:oklch(97.1% .013 18.376);--color-red-100:oklch(93.134% .02866 18.713);--color-red-200:oklch(87.568% .05533 19.33);--color-red-300:oklch(79.402% .10399 20.567);--color-red-400:oklch(68.537% .17766 23.212);--color-red-500:oklch(61.371% .22032 26.327);--color-red-600:oklch(54.905% .22499 28.321);--color-red-700:oklch(47.239% .18965 28.514);--color-red-800:oklch(42.226% .16143 27.895);--color-red-900:oklch(38.513% .13322 26.719);--color-red-950:oklch(25.8% .092 27.038);--color-amber-50:oklch(98.671% .02189 91.712);--color-amber-100:oklch(96.268% .05596 90.904);--color-amber-200:oklch(92.536% .11392 91.033);--color-amber-300:oklch(88.104% .15988 86.892);--color-amber-400:oklch(83.072% .17684 79.716);--color-amber-500:oklch(77.241% .1728 65.367);--color-amber-600:oklch(66.872% .16684 53.605);--color-amber-700:oklch(55.704% .15388 44.285);--color-amber-800:oklch(47.436% .13092 41.488);--color-amber-900:oklch(41.468% .10896 41.191);--color-amber-950:oklch(27.9% .077 40.922);--color-yellow-50:oklch(98.7% .026 102.21);--color-yellow-100:oklch(97.701% .06805 102.14);--color-yellow-200:oklch(95.35% .12313 101.45);--color-yellow-300:oklch(91.774% .17319 101.07);--color-yellow-400:oklch(86.899% .18725 100.69);--color-yellow-500:oklch(81.624% .16932 100.3);--color-yellow-600:oklch(70.649% .14438 99.922);--color-yellow-700:oklch(58.373% .11444 99.541);--color-yellow-800:oklch(49.582% .1003 95.006);--color-yellow-900:oklch(43.091% .08815 90.807);--color-yellow-950:oklch(28.6% .066 86.912);--color-lime-50:oklch(98.6% .031 131.15);--color-lime-100:oklch(96.763% .06867 132.72);--color-lime-200:oklch(93.926% .13034 134.72);--color-lime-300:oklch(89.889% .20101 137.06);--color-lime-400:oklch(84.351% .24468 139.25);--color-lime-500:oklch(77.114% .24135 141.25);--color-lime-600:oklch(65.177% .21002 142.08);--color-lime-700:oklch(53.64% .16869 141.98);--color-lime-800:oklch(45.803% .13736 141.33);--color-lime-900:oklch(40.751% .10768 141.46);--color-lime-950:oklch(27.4% .072 142.5);--color-emerald-50:oklch(97.9% .021 165.37);--color-emerald-100:oklch(95.518% .05038 162.31);--color-emerald-200:oklch(91.537% .08976 163.41);--color-emerald-300:oklch(86.055% .13815 164.24);--color-emerald-400:oklch(78.574% .17053 162.48);--color-emerald-500:oklch(71.328% .16461 161.74);--color-emerald-600:oklch(60.982% .14069 162.49);--color-emerald-700:oklch(51.837% .11476 164.87);--color-emerald-800:oklch(43.891% .09284 166.17);--color-emerald-900:oklch(38.146% .07592 168.2);--color-emerald-950:oklch(26.2% .051 171.81);--color-blue-50:oklch(97% .014 251.56);--color-blue-100:oklch(91.281% .03418 252.54);--color-blue-200:oklch(84.363% .06336 251.09);--color-blue-300:oklch(75.144% .11154 248.77);--color-blue-400:oklch(65.766% .1706 251.58);--color-blue-500:oklch(58.189% .21867 256.77);--color-blue-600:oklch(51.311% .24874 259.84);--color-blue-700:oklch(46.333% .2458 261.33);--color-blue-800:oklch(40.755% .20087 262.6);--color-blue-900:oklch(37.078% .14693 262.48);--color-blue-950:oklch(28.2% .091 264.89);--color-indigo-50:oklch(96.2% .018 272.47);--color-indigo-100:oklch(92.321% .03042 272.95);--color-indigo-200:oklch(85.642% .05785 274.2);--color-indigo-300:oklch(76.463% .10427 274.87);--color-indigo-400:oklch(64.584% .1677 277.09);--color-indigo-500:oklch(55.105% .21512 277.27);--color-indigo-600:oklch(48.384% .2477 277.12);--color-indigo-700:oklch(43.663% .22927 277.18);--color-indigo-800:oklch(38.442% .18785 277.52);--color-indigo-900:oklch(35.221% .14042 278.85);--color-indigo-950:oklch(25.7% .09 281.45);--color-purple-50:oklch(97.7% .014 308.8);--color-purple-100:oklch(93.804% .0276 307.68);--color-purple-200:oklch(88.608% .05219 307.21);--color-purple-300:oklch(80.312% .10279 306.89);--color-purple-400:oklch(68.216% .18139 306.01);--color-purple-500:oklch(60.047% .24699 304.4);--color-purple-600:oklch(53.678% .27359 302.82);--color-purple-700:oklch(48.008% .25419 302.43);--color-purple-800:oklch(42.739% .2108 304.23);--color-purple-900:oklch(37.569% .1724 305.49);--color-purple-950:oklch(29.1% .149 303.22);--color-rose-50:oklch(96.9% .015 14.181);--color-rose-100:oklch(94.39% .02774 14.339);--color-rose-200:oklch(89.779% .05348 11.76);--color-rose-300:oklch(81.869% .11021 13.397);--color-rose-400:oklch(72.358% .18495 15.187);--color-rose-500:oklch(65.948% .23469 18.198);--color-rose-600:oklch(60.338% .23943 19.344);--color-rose-700:oklch(53.427% .20617 18.694);--color-rose-800:oklch(47.817% .1699 15.456);--color-rose-900:oklch(42.158% .14995 12.031);--color-rose-950:oklch(27.1% .105 13.853);--new-radius:.45rem;--new-background:var(--color-gray-50);--new-foreground:var(--color-gray-950);--new-card:var(--color-gray-50);--new-card-foreground:var(--color-gray-950);--new-popover:var(--color-gray-50);--new-popover-foreground:var(--color-gray-950);--new-primary:var(--color-indigo-500);--new-primary-foreground:var(--color-indigo-50);--new-secondary:var(--color-gray-100);--new-secondary-foreground:var(--color-gray-950);--new-muted:var(--color-gray-100);--new-muted-foreground:var(--color-gray-500);--new-accent:var(--color-gray-100);--new-accent-foreground:var(--color-gray-950);--new-destructive:var(--color-red-600);--new-border:var(--color-gray-200);--new-input:var(--color-gray-200);--new-ring:var(--color-indigo-200);--new-chart-1:var(--color-purple-300);--new-chart-2:var(--color-purple-500);--new-chart-3:var(--color-purple-600);--new-chart-4:var(--color-purple-700);--new-chart-5:var(--color-purple-800);--new-sidebar:var(--color-gray-50);--new-sidebar-foreground:var(--color-gray-950);--new-sidebar-primary:var(--color-indigo-600);--new-sidebar-primary-foreground:var(--color-indigo-50);--new-sidebar-accent:var(--color-gray-100);--new-sidebar-accent-foreground:var(--color-gray-950);--new-sidebar-border:var(--color-gray-200);--new-sidebar-ring:var(--color-indigo-200)}html[data-theme=dark]{--new-background:var(--color-gray-950);--new-foreground:var(--color-gray-50);--new-card:var(--color-gray-950);--new-card-foreground:var(--color-gray-50);--new-popover:var(--color-gray-950);--new-popover-foreground:var(--color-gray-50);--new-primary:var(--color-indigo-700);--new-primary-foreground:var(--color-indigo-50);--new-secondary:var(--color-gray-800);--new-secondary-foreground:var(--color-gray-50);--new-muted:var(--color-gray-800);--new-muted-foreground:var(--color-gray-400);--new-accent:var(--color-gray-800);--new-accent-foreground:var(--color-gray-50);--new-destructive:var(--color-red-400);--new-border:oklch(from var(--color-gray-50) l c h / 10%);--new-input:oklch(from var(--color-gray-50) l c h / 15%);--new-ring:var(--color-indigo-400);--new-chart-1:var(--color-purple-300);--new-chart-2:var(--color-purple-500);--new-chart-3:var(--color-purple-600);--new-chart-4:var(--color-purple-700);--new-chart-5:var(--color-purple-800);--new-sidebar:var(--color-gray-950);--new-sidebar-foreground:var(--color-gray-50);--new-sidebar-primary:var(--color-indigo-500);--new-sidebar-primary-foreground:var(--color-indigo-50);--new-sidebar-accent:var(--color-gray-800);--new-sidebar-accent-foreground:var(--color-gray-50);--new-sidebar-border:oklch(from var(--color-gray-50) l c h / 10%);--new-sidebar-ring:var(--color-indigo-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}.swatch-tags{flex-wrap:wrap;gap:.25rem;padding:.25rem .6rem 0;display:flex}.swatch-tag{letter-spacing:.02em;white-space:nowrap;border-radius:3px;align-items:center;padding:.05rem .35rem;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.55rem;font-weight:600;display:inline-flex}.tag-forced{color:#93c5fd;background:#93c5fd1f}.tag-alpha{color:#c4b5fd;background:#c4b5fd1f}.tag-resolved{color:#6ee7b7;background:#6ee7b71f}html[data-theme=light] .tag-forced{color:#2563eb;background:#3b82f61f}html[data-theme=light] .tag-alpha{color:#7c3aed;background:#8b5cf61f}html[data-theme=light] .tag-resolved{color:#047857;background:#10b9811f}.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}