:root{--paper:#fbfbfa;--surface:#fff;--sunken:#f1f1ee;--ink-block:#16181c;--ink:#16181c;--ink-2:#565a61;--ink-3:#6a6e75;--ink-mark:#878b91;--line:#e9e8e4;--line-2:#d8d7d2;--accent:#117bf6;--pass:#0f6b33;--warn:#7a4e00;--fail:#b3261e;--r-1:4px;--r-2:8px;--r-3:14px;--r-4:24px;--r-pill:999px;--ctl-h:38px;--measure:46em;--w-normal:400;--w-medium:600;--w-bold:700;--t-1:11px;--t-2:12px;--t-3:13px;--t-4:14px;--t-5:16px;--t-6:20px;--t-7:27px;--t-8:34px;--ls-display:-.03em;--ls-body:-.025em;--ls-flat:0;--s-0:2px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:40px;--s-8:48px;--s-9:64px;--shadow-sm:0 1px 2px #14161a12;--shadow:0 2px 8px #14161a0f;--shadow-lg:0 12px 34px #14161a24;--sans:"Pretendard Variable", Pretendard, ui-sans-serif, system-ui, -apple-system, "Apple SD Gothic Neo", "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;font-family:var(--sans);letter-spacing:var(--ls-body);font-synthesis-weight:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-size:var(--t-4);font-weight:var(--w-normal);letter-spacing:var(--ls-body);margin:0;line-height:1.6}code,pre,.mono{font-family:var(--mono);font-variant-ligatures:none;letter-spacing:var(--ls-flat)}.tnum{font-variant-numeric:tabular-nums;letter-spacing:var(--ls-flat)}button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer}input,select{font:inherit;letter-spacing:inherit}::selection{background:color-mix(in oklab, var(--accent) 24%, transparent)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.wrap{max-width:1240px;padding:0 var(--s-6);margin:0 auto}.spacer{flex:1}.topbar{z-index:30;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0}.topbar-row{align-items:center;gap:var(--s-3);padding-top:var(--s-3);padding-bottom:var(--s-3);flex-wrap:wrap;display:flex}.wordmark{background:var(--ink);flex:none;width:55px;height:18px;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='55'%20height='18'%20viewBox='0%200%2055%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.62001%205.95999H2.20001V7.91999H10.32V9.89999H1.46925e-05V3.97999H9.62001V5.95999ZM9.62001%200.699989V2.65999H1.46925e-05V0.699989H9.62001ZM16.88%2011.72V17.98H1.06001V11.72H16.88ZM14.68%2016.02V13.68H3.26001V16.02H14.68ZM13.92%2012.14L13.9%20-1.19209e-05H16.14V12.14H13.92ZM27.26%207.01999H29.66V13.52H27.26V7.01999ZM32.64%203.33999H25.96V9.87999H23.76V3.33999H19.8V1.29999H34.84V9.87999H32.64V3.33999ZM17.7%2012.76H36.98V14.82H17.7V12.76ZM47.82%203.33999H40.6V10.92H48.68V12.96H38.4V1.29999H47.82V3.33999ZM52.28%2015.16V-1.19209e-05H54.52V15.16H52.28Z'%20fill='%2316181C'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20width='55'%20height='18'%20viewBox='0%200%2055%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.62001%205.95999H2.20001V7.91999H10.32V9.89999H1.46925e-05V3.97999H9.62001V5.95999ZM9.62001%200.699989V2.65999H1.46925e-05V0.699989H9.62001ZM16.88%2011.72V17.98H1.06001V11.72H16.88ZM14.68%2016.02V13.68H3.26001V16.02H14.68ZM13.92%2012.14L13.9%20-1.19209e-05H16.14V12.14H13.92ZM27.26%207.01999H29.66V13.52H27.26V7.01999ZM32.64%203.33999H25.96V9.87999H23.76V3.33999H19.8V1.29999H34.84V9.87999H32.64V3.33999ZM17.7%2012.76H36.98V14.82H17.7V12.76ZM47.82%203.33999H40.6V10.92H48.68V12.96H38.4V1.29999H47.82V3.33999ZM52.28%2015.16V-1.19209e-05H54.52V15.16H52.28Z'%20fill='%2316181C'/%3e%3c/svg%3e") 50%/contain no-repeat}.pulse{height:var(--s-1);grid-template-columns:repeat(11,1fr);display:grid}.pulse span{display:block}.chips{align-items:center;gap:var(--s-1);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);align-items:center;display:inline-flex;overflow:hidden}.chip[data-active=true]{border-color:var(--ink);box-shadow:var(--shadow-sm)}.chip-main{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-3);font-size:var(--t-3);color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:16ch;display:inline-flex;overflow:hidden}.chip[data-active=true] .chip-main{color:var(--ink);font-weight:var(--w-medium)}.chip-dot{border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000029}.chip-del{padding:var(--s-1) var(--s-2) var(--s-1) 0;font-size:var(--t-4);color:var(--ink-3);background:0 0;border:0;line-height:1}.chip-del:hover{color:var(--fail)}.chip-add{border:1px dashed var(--line-2);width:28px;height:28px;color:var(--ink-2);font-size:var(--t-5);background:0 0;border-radius:50%;place-items:center;line-height:1;display:grid}.chip-add:hover{border-style:solid;border-color:var(--ink-3);color:var(--ink)}.field{align-items:center;gap:var(--s-2);padding:var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--surface);height:var(--ctl-h);flex:none;display:inline-flex}.field:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px var(--sunken)}.swatch-btn{width:calc(var(--ctl-h) - var(--s-4) - 2px);height:calc(var(--ctl-h) - var(--s-4) - 2px);cursor:pointer;border:0;border-radius:50%;flex:none;padding:0;box-shadow:inset 0 0 0 1px #00000029}.field-hex{width:5.5em;padding:0 var(--s-1) 0 0;color:var(--ink);letter-spacing:var(--ls-flat);font-size:var(--t-3);text-transform:uppercase;font-variant-numeric:tabular-nums;background:0 0;border:0}.field-hex:focus{outline:none}.field-hex[aria-invalid=true]{color:var(--fail)}.picker-wrap{flex:none;position:relative}.picker{top:calc(100% + var(--s-2));z-index:40;gap:var(--s-3);width:248px;padding:var(--s-3);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute;left:0}.picker-plane{border-radius:var(--r-2);cursor:crosshair;touch-action:none;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), hsl(var(--picker-hue) 100% 50%);height:148px;position:relative;box-shadow:inset 0 0 0 1px #0000001f}.picker-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.picker-hue{appearance:none;border-radius:var(--r-pill);cursor:pointer;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:100%;height:12px;margin:0}.picker-hue::-webkit-slider-thumb{appearance:none;background:var(--surface);border:2px solid var(--ink);cursor:grab;border-radius:50%;width:16px;height:16px}.picker-hue::-moz-range-thumb{background:var(--surface);border:2px solid var(--ink);cursor:grab;border-radius:50%;width:16px;height:16px}.picker-row{align-items:center;gap:var(--s-2);display:flex}.picker-hex{min-width:0;height:var(--ctl-h);padding:0 var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--surface);color:var(--ink);font-size:var(--t-4);letter-spacing:var(--ls-flat);text-transform:uppercase;font-variant-numeric:tabular-nums;flex:1}.picker-hex:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--sunken);outline:none}.picker-hex[aria-invalid=true]{color:var(--fail);border-color:var(--fail)}.btn--icon{width:var(--ctl-h);font-size:var(--t-5);flex:none;padding:0}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled:hover{background:var(--surface);border-color:var(--line-2)}.roll{align-items:center;gap:var(--s-1);flex:none;display:inline-flex}.topbar-row .btn,.topbar-row .field,.topbar-row .segmented,.topbar-row .segmented button{border-radius:var(--r-pill)}.family{flex:none;position:relative}.family .btn[data-active=true]{border-color:var(--family-ink,var(--ink));color:var(--family-ink,var(--ink));box-shadow:var(--shadow-sm)}.family-row{top:calc(100% + var(--s-2));z-index:40;gap:var(--s-2);padding:var(--s-3);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:var(--shadow-lg);display:flex;position:absolute;left:0}.family-swatch{cursor:pointer;border:0;border-radius:50%;flex:none;width:26px;height:26px;padding:0;transition:transform .11s;box-shadow:inset 0 0 0 1px #00000024}.family-swatch:hover{transform:scale(1.12)}.family-swatch[data-all=true]{background:conic-gradient(#ee2b2b,#eeee2b,#2bee2b,#2beeee,#2b2bee,#ee2bee,#ee2b2b)}.family-swatch[data-selected=true]{box-shadow:inset 0 0 0 1px #00000024, 0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.picker-readout{font-size:var(--t-2);letter-spacing:var(--ls-flat);color:var(--ink-3);font-variant-numeric:tabular-nums}.picker-readout b{color:var(--ink-2);font-weight:var(--w-medium)}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-2);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-size:var(--t-3);white-space:nowrap;height:var(--ctl-h);padding:0 var(--s-3);transition:background .11s,border-color .11s;display:inline-flex}.btn:hover{background:var(--sunken);border-color:var(--ink-mark)}.btn--solid{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:var(--w-medium)}.btn--solid:hover{background:#000;border-color:#000}.btn--quiet{color:var(--ink-2);background:0 0;border-color:#0000}.btn--quiet:hover{background:var(--sunken);color:var(--ink);border-color:#0000}kbd{font-size:var(--t-1);padding:var(--s-1) var(--s-2);border-radius:var(--r-pill);background:var(--sunken);color:var(--ink-3);letter-spacing:var(--ls-flat);line-height:1;font-weight:var(--w-medium);border:0}.segmented{padding:var(--s-1);background:var(--sunken);border-radius:var(--r-3);height:var(--ctl-h);flex:none;gap:2px;display:inline-flex}.segmented button{padding:0 var(--s-4);border-radius:var(--r-2);color:var(--ink-2);font-size:var(--t-4);letter-spacing:var(--ls-body);white-space:nowrap;background:0 0;border:0;align-items:center;transition:background .11s,color .11s;display:inline-flex}.segmented button:hover{color:var(--ink)}.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{background:var(--surface);color:var(--ink);font-weight:var(--w-medium);box-shadow:var(--shadow-sm)}.segmented--sm button{padding:0 var(--s-3);font-size:var(--t-3)}.palette-block{padding-top:var(--s-8)}.palette-head{align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.palette-name{color:var(--ink);font-size:var(--t-7);font-weight:var(--w-bold);letter-spacing:var(--ls-display);background:0 0;border:0;min-width:4ch;max-width:22ch;padding:0;line-height:1.2}.palette-name::placeholder{color:var(--ink-3)}.palette-name:focus{box-shadow:0 2px 0 var(--ink);outline:none}.chip-anchor{align-items:center;gap:var(--s-2);font-size:var(--t-3);color:var(--ink-2);background:var(--sunken);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3);font-variant-numeric:tabular-nums;display:inline-flex}.chip-anchor i{background:var(--ink-2);border-radius:50%;flex:none;width:7px;height:7px}.chip-primary{font-size:var(--t-3);font-weight:var(--w-medium);color:var(--ink-2);background:var(--sunken);border-radius:var(--r-pill);padding:var(--s-1) var(--s-3)}.palette-links{align-items:center;gap:var(--s-1);display:flex}.palette-links button{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);font-size:var(--t-4);color:var(--ink-2);background:0 0;border:0}.palette-links button:hover{background:var(--sunken);color:var(--ink)}.block{padding-top:var(--s-8)}main{padding-bottom:110px}.prose{margin:var(--s-2) 0 0;max-width:var(--measure);font-size:var(--t-4);color:var(--ink-2);line-height:1.65}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);padding:var(--s-5);box-shadow:var(--shadow-sm)}.stack{gap:var(--s-5);flex-direction:column;display:flex}.bar{align-items:center;gap:var(--s-3);flex-wrap:wrap;display:flex}.bar-label{font-size:var(--t-3);color:var(--ink-3)}.bar-text{font-size:var(--t-3);color:var(--ink-2)}.tiles{gap:var(--s-2);grid-template-columns:repeat(11,minmax(0,1fr));display:grid}.tile{height:148px;padding:var(--s-3);border-radius:var(--r-3);border:0;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1px;transition:transform .13s,box-shadow .13s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #0000000d}.tile:hover{box-shadow:inset 0 0 0 1px #0000000d, var(--shadow-lg);z-index:2;transform:translateY(-3px)}.tile-step{font-size:var(--t-4);font-weight:var(--w-bold);letter-spacing:var(--ls-body)}.tile-hex{letter-spacing:var(--ls-flat);font-size:var(--t-2);opacity:.78;font-variant-numeric:tabular-nums}.tile-dot{top:var(--s-3);left:var(--s-3);background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute}.tabs-row{align-items:center;gap:var(--s-4);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.tabs{align-items:baseline;gap:var(--s-1);flex-wrap:wrap;display:flex}.tabs button{padding:var(--s-1) var(--s-3);border-radius:var(--r-2);font-size:var(--t-6);font-weight:var(--w-medium);color:var(--ink-3);letter-spacing:var(--ls-display);background:0 0;border:0;transition:color .11s}.tabs button:first-child{padding-left:0}.tabs button:hover{color:var(--ink-2)}.tabs button[aria-selected=true]{color:var(--ink);font-weight:var(--w-bold)}.tabs-row .segmented{margin-left:auto}.tabs-note{font-size:var(--t-2);letter-spacing:var(--ls-flat);color:var(--ink-3)}.import{display:inline-flex;position:relative}.import>button{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);font-size:var(--t-4);color:var(--ink-2);cursor:pointer;background:0 0;border:0}.import>button:hover{background:var(--sunken);color:var(--ink)}.import-panel{top:calc(100% + var(--s-2));z-index:40;width:min(520px, calc(100vw - var(--s-8)));gap:var(--s-3);padding:var(--s-4);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-3);box-shadow:var(--shadow-lg);text-align:left;flex-direction:column;display:flex;position:absolute;right:0}.import-input{resize:vertical;width:100%;min-height:108px;padding:var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-2);background:var(--surface);color:var(--ink);font-family:var(--mono);letter-spacing:var(--ls-flat);font-size:var(--t-3);line-height:1.6}.import-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px var(--sunken);outline:none}.import-status{font-size:var(--t-3);color:var(--ink-2)}.import-preview{gap:var(--s-1);grid-template-columns:repeat(11,minmax(0,1fr));display:grid}.import-cell{align-items:center;gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.import-chip{width:100%;height:var(--s-6);border-radius:var(--r-1);font-size:var(--t-2);font-weight:var(--w-bold);place-items:center;display:grid;box-shadow:inset 0 0 0 1px #0000001f}.import-cell[data-filled=true] .import-chip{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--warn)}.import-step{font-size:var(--t-1);letter-spacing:var(--ls-flat);color:var(--ink-3);font-variant-numeric:tabular-nums}.import-actions{align-items:center;gap:var(--s-2);display:flex}.import-note{min-width:0;font-size:var(--t-2);color:var(--ink-3);flex:1;line-height:1.5}.subhead{margin:0 0 var(--s-3);font-size:var(--t-5);font-weight:var(--w-medium);letter-spacing:var(--ls-body);color:var(--ink)}.cvd-pair{align-items:center;gap:var(--s-3);display:inline-flex}.cvd-chip{border-radius:var(--r-1);flex:none;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000024}.cvd-chip+.cvd-chip{margin-left:calc(var(--s-2) * -1)}.stage{border:1px solid var(--line);border-radius:var(--r-4);box-shadow:var(--shadow);background:var(--surface);overflow:hidden}.stage-surface{background:var(--color-bg-canvas);color:var(--color-text-primary);padding:var(--s-6);min-height:540px;container-type:inline-size}.disclosure{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-3);margin-bottom:var(--s-3);box-shadow:var(--shadow-sm)}.disclosure>summary{align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);cursor:pointer;border-radius:var(--r-3);list-style:none;display:flex}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary:hover{background:var(--sunken)}.disclosure-caret{border-left:5px solid var(--ink-3);border-top:var(--s-1) solid transparent;border-bottom:var(--s-1) solid transparent;flex:none;width:0;height:0;transition:transform .13s}.disclosure[open]>summary .disclosure-caret{transform:rotate(90deg)}.disclosure-title{font-size:var(--t-5);font-weight:var(--w-medium)}.disclosure-summary{font-size:var(--t-3);font-variant-numeric:tabular-nums;margin-left:auto}.disclosure-body{padding:var(--s-4) var(--s-5) var(--s-6)}.disclosure-body>:first-child{margin-top:0}.panel-intro{margin-bottom:var(--s-5)}.bar--above{margin-bottom:var(--s-4)}.matrix-panel{margin-top:var(--s-4)}.tone-pass{color:var(--pass)}.tone-fail{color:var(--fail)}.tone-warn{color:var(--warn)}.tone-dim{color:var(--ink-3)}.audit-wrap{overflow-x:auto}.audit{border-collapse:collapse;width:100%;font-size:var(--t-3)}.audit th{text-align:left;padding:0 var(--s-3) var(--s-2) 0;font-size:var(--t-2);font-weight:var(--w-medium);letter-spacing:var(--ls-flat);color:var(--ink-3);border-bottom:1px solid var(--line-2);white-space:nowrap}.audit td{padding:var(--s-3) var(--s-3) var(--s-3) 0;border-bottom:1px solid var(--line);vertical-align:top}.audit tr[data-fail=true] td{background:color-mix(in oklab, var(--fail) 4%, transparent)}.pair{width:var(--s-8);height:var(--s-6);border-radius:var(--r-2);font-size:var(--t-3);font-weight:var(--w-medium);flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #0000001a}.pair-bar{border-radius:var(--s-0);width:22px;height:10px;display:block}.combo{font-weight:var(--w-medium)}.combo-why{margin-left:var(--s-1);color:var(--ink-3);font-size:var(--t-1);cursor:help}.token-path{font-family:var(--mono);letter-spacing:var(--ls-flat);font-size:var(--t-2);color:var(--ink-2);white-space:nowrap}.token-path--sub{color:var(--ink-3)}.ratio{font-variant-numeric:tabular-nums;font-weight:var(--w-bold);font-size:var(--t-4)}.ratio-unit{font-size:var(--t-1);color:var(--ink-3)}.tag{font-size:var(--t-1);letter-spacing:var(--ls-flat);font-weight:var(--w-bold);text-transform:uppercase;padding:var(--s-0) var(--s-1);border-radius:var(--r-1);display:inline-block;box-shadow:inset 0 0 0 1px}.tag--pass{color:var(--pass)}.tag--fail{color:var(--fail);background:color-mix(in oklab, var(--fail) 8%, transparent)}.tag--advisory{color:var(--ink-3)}.req{margin-top:var(--s-1);font-size:var(--t-1);letter-spacing:var(--ls-flat);color:var(--ink-3);display:block}.fixes{gap:var(--s-1);flex-direction:column;align-items:flex-start;display:flex}.fix{align-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-2);border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);font-size:var(--t-2);letter-spacing:var(--ls-flat);white-space:nowrap;display:inline-flex}.fix:hover{background:var(--sunken);border-color:var(--ink-3)}.fix-side{color:var(--ink-3)}.fix-chip{border-radius:var(--r-1);flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000029}.fix-token{letter-spacing:var(--ls-flat);font-weight:var(--w-medium);font-variant-numeric:tabular-nums}.fix-ratio{color:var(--ink-2);font-variant-numeric:tabular-nums}.dash{color:var(--ink-3)}.no-fix{font-size:var(--t-2);color:var(--warn);max-width:22ch;line-height:1.45;display:block}.matrix-wrap{padding-bottom:var(--s-1);overflow-x:auto}.matrix{border-collapse:separate;border-spacing:2px}.matrix th{letter-spacing:var(--ls-flat);font-size:var(--t-1);font-weight:var(--w-normal);color:var(--ink-3);padding:var(--s-0) var(--s-1);white-space:nowrap;font-variant-numeric:tabular-nums}.matrix td{padding:0}.cell{width:var(--s-8);height:var(--s-6);border-radius:var(--r-1);letter-spacing:var(--ls-flat);font-variant-numeric:tabular-nums;font-weight:var(--w-medium);font-size:var(--t-1);justify-content:center;align-items:center;display:flex}.cell[data-state=fail]{opacity:.22}.cell[data-state=large]{opacity:.68}.cell[data-state=aaa]{box-shadow:inset 0 0 0 1px #0000004d}.legend{gap:var(--s-5);margin-top:var(--s-4);padding-top:var(--s-4);border-top:1px solid var(--line);font-size:var(--t-2);color:var(--ink-2);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--s-2);display:inline-flex}.legend-item .cell{width:var(--s-5);height:var(--s-4);background:var(--sunken);flex:none}.code{padding:var(--s-4);background:var(--ink-block);border-radius:var(--r-3);max-height:58vh;font-size:var(--t-2);color:#e7e7e3;tab-size:2;margin:0;line-height:1.66;overflow:auto}.code-note{margin:0 0 var(--s-3);font-size:var(--t-3);color:var(--ink-2);max-width:var(--measure);line-height:1.6}.code-note code,.prose code{font-size:var(--t-2);padding:1px var(--s-1);border-radius:var(--r-1);background:var(--sunken);border:1px solid var(--line)}.toast{left:50%;bottom:var(--s-6);background:var(--ink-block);color:#f5f5f1;padding:var(--s-3) var(--s-4);border-radius:var(--r-pill);font-size:var(--t-3);box-shadow:var(--shadow-lg);z-index:50;animation:.15s rise;position:fixed;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translate(-50%, var(--s-2))}}@media (width<=1100px){.wrap{padding:0 var(--s-4)}.tiles{grid-template-columns:repeat(auto-fit,minmax(88px,1fr))}.tile{height:112px}.stage-surface{padding:var(--s-4);min-height:440px}}@media (width<=640px){.palette-block{padding-top:var(--s-6)}.palette-name{font-size:var(--t-6)}.tiles{grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.tile{height:92px;padding:var(--s-2)}.tile-step{font-size:var(--t-3)}.tile-hex{font-size:var(--t-1)}.tile-dot{top:var(--s-2);left:var(--s-2)}.tabs button{font-size:var(--t-5)}.tabs-note{display:none}.stage-surface{padding:var(--s-3)}.disclosure-body{padding:0 var(--s-3) var(--s-4)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pv{gap:var(--s-5);font-size:var(--t-4);--pv-shadow:0 1px 2px #1012160f, 0 4px 12px #1012160a;flex-direction:column;display:flex}.pv :focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pv-row{gap:var(--s-3);flex-wrap:wrap;align-items:center;display:flex}.pv-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;display:grid}.pv-spacer{flex:1}.pv-alerts{gap:var(--s-3);display:grid}.pv-label{font-size:var(--t-2);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--w-medium);color:var(--color-text-muted);margin-bottom:var(--s-3)}.pv-meta{font-size:var(--t-2);color:var(--color-text-muted)}.pv-btn{align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-2);font-size:var(--t-3);font-weight:var(--w-medium);border:1px solid #0000;transition:background .12s,border-color .12s;display:inline-flex}.pv-btn--primary{background:var(--color-primary-default);color:var(--color-text-on-primary)}.pv-btn--primary:hover{background:var(--color-primary-hover)}.pv-btn--primary:active{background:var(--color-primary-active)}.pv-btn--secondary{background:var(--color-bg-surface);border-color:var(--color-border-field);color:var(--color-text-primary)}.pv-btn--secondary:hover{background:var(--color-bg-subtle)}.pv-btn--subtle{background:var(--color-primary-subtle);border-color:var(--color-primary-border);color:var(--color-primary-text)}.pv-btn--ghost{color:var(--color-primary-text);background:0 0}.pv-btn--ghost:hover{background:var(--color-primary-subtle)}.pv-btn--danger{background:var(--color-danger-default);color:var(--color-text-on-primary)}.pv-btn--on-brand{border-color:var(--color-text-on-primary);color:var(--color-text-on-primary);background:0 0}.pv-btn[disabled]{opacity:.45;cursor:not-allowed}.pv-card{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--r-3);padding:var(--s-5);gap:var(--s-3);box-shadow:var(--pv-shadow);flex-direction:column;display:flex}.pv-h1,.pv-h2,.pv-h3,.pv-h4{color:var(--color-text-primary);line-height:1.25;font-weight:var(--w-bold);letter-spacing:var(--ls-display);margin:0}.pv-h1{font-size:var(--t-8);margin-bottom:var(--s-3);line-height:1.18}.pv-h2{font-size:var(--t-7);margin-bottom:var(--s-2)}.pv-h3{font-size:var(--t-6);margin-bottom:var(--s-1)}.pv-h4{font-size:var(--t-5);font-weight:var(--w-medium);letter-spacing:var(--ls-body)}.pv-lead{margin:0 0 var(--s-3);font-size:var(--t-5);color:var(--color-text-secondary);max-width:var(--measure);line-height:1.65}.pv-body{margin:0 0 var(--s-3);font-size:var(--t-4);color:var(--color-text-primary);max-width:var(--measure);line-height:1.7}.pv-muted{color:var(--color-text-muted)}.pv-quote{padding:var(--s-3) 0 var(--s-3) var(--s-4);border-left:3px solid var(--color-primary-border);color:var(--color-text-secondary);font-size:var(--t-4);max-width:var(--measure);margin:0;line-height:1.6}.pv-code{font-family:var(--mono);font-size:var(--t-2);letter-spacing:var(--ls-flat);padding:1px var(--s-1);border-radius:var(--r-1);background:var(--color-bg-subtle);border:1px solid var(--color-border-default);color:var(--color-text-secondary)}.pv-type{gap:var(--s-6)}.pv-link{color:var(--color-primary-text);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.pv-brand-panel{background:var(--color-primary-default);color:var(--color-text-on-primary);border-radius:var(--r-3);padding:var(--s-5);gap:var(--s-2);flex-direction:column;align-items:stretch;display:flex}.pv-brand-panel>.pv-btn{align-self:flex-start}.pv-brand-panel .pv-h4,.pv-brand-panel p{color:var(--color-text-on-primary);font-size:var(--t-3);max-width:var(--measure);margin:0;line-height:1.6}.pv-field{gap:var(--s-1);flex-direction:column;display:flex}.pv-field label{font-size:var(--t-3);font-weight:var(--w-medium);color:var(--color-text-secondary)}.pv-input{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);border:1px solid var(--color-border-field);background:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--t-4);width:100%}.pv-input::placeholder{color:var(--color-text-muted)}.pv-input:focus{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.pv-hint{font-size:var(--t-2);color:var(--color-text-muted)}.pv-hint--error{color:var(--color-danger-text)}.pv-badge{align-items:center;gap:var(--s-1);padding:var(--s-0) var(--s-2);border-radius:var(--r-pill);font-size:var(--t-2);font-weight:var(--w-medium);border:1px solid #0000;display:inline-flex}.pv-badge--brand{background:var(--color-primary-subtle);color:var(--color-primary-text);border-color:var(--color-primary-border)}.pv-badge--success{background:var(--color-success-subtle);color:var(--color-success-text)}.pv-badge--warning{background:var(--color-warning-subtle);color:var(--color-warning-text)}.pv-badge--danger{background:var(--color-danger-subtle);color:var(--color-danger-text)}.pv-badge--neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary);border-color:var(--color-border-default)}.pv-alert{gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-3);font-size:var(--t-3);border:1px solid #0000;line-height:1.5;display:flex}.pv-alert strong{font-weight:var(--w-medium);margin-bottom:2px;display:block}.pv-alert--info{background:var(--color-primary-subtle);color:var(--color-primary-text);border-color:var(--color-primary-border)}.pv-alert--success{background:var(--color-success-subtle);color:var(--color-success-text)}.pv-alert--warning{background:var(--color-warning-subtle);color:var(--color-warning-text)}.pv-alert--danger{background:var(--color-danger-subtle);color:var(--color-danger-text)}.pv-dot{width:var(--s-2);height:var(--s-2);margin-top:var(--s-1);border-radius:50%;flex:none}.pv-table{border-collapse:collapse;background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--r-3);width:100%;font-size:var(--t-3);box-shadow:var(--pv-shadow);overflow:hidden}.pv-table th{text-align:left;padding:var(--s-3) var(--s-4);background:var(--color-bg-subtle);color:var(--color-text-secondary);font-size:var(--t-2);font-weight:var(--w-medium);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-default)}.pv-table td{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary)}.pv-table tr:last-child td{border-bottom:0}.pv-nav{align-items:center;gap:var(--s-1);padding:var(--s-1);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--r-3);box-shadow:var(--pv-shadow);flex-wrap:wrap;display:flex}.pv-nav a{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);font-size:var(--t-3);color:var(--color-text-secondary);cursor:pointer;text-decoration:none}.pv-nav a:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.pv-nav a[aria-current=page]{background:var(--color-primary-subtle);color:var(--color-primary-text);font-weight:var(--w-medium)}.pv-avatar{width:var(--s-6);height:var(--s-6);background:var(--color-primary-default);color:var(--color-text-on-primary);font-size:var(--t-2);font-weight:var(--w-bold);border-radius:50%;flex:none;place-items:center;display:grid}.pv-avatar--sm{width:var(--s-5);height:var(--s-5);font-size:var(--t-1);border-radius:var(--r-2)}.pv-progress{height:var(--s-2);border-radius:var(--r-pill);background:var(--color-bg-muted);overflow:hidden}.pv-progress>div{background:var(--color-primary-default);border-radius:var(--r-pill);height:100%}.pv-inverse{background:var(--color-bg-inverse);color:var(--color-text-inverse);padding:var(--s-3) var(--s-4);border-radius:var(--r-3);font-size:var(--t-3)}.pv-inverse--inline{display:inline-block}.pv-tooltip{background:var(--color-bg-inverse);color:var(--color-text-inverse);padding:var(--s-2) var(--s-3);border-radius:var(--r-2);font-size:var(--t-2);display:inline-block}.pv-switch{align-items:center;gap:var(--s-2);font-size:var(--t-3);color:var(--color-text-primary);cursor:pointer;display:flex}.pv-switch-track{width:var(--s-7);border-radius:var(--r-pill);background:var(--color-bg-muted);border:1px solid var(--color-border-field);flex:none;height:20px;padding:2px;transition:background .12s;display:flex}.pv-switch-track[data-on=true]{background:var(--color-primary-default);border-color:var(--color-primary-default);justify-content:flex-end}.pv-switch-knob{width:var(--s-4);height:var(--s-4);background:var(--color-bg-surface);border-radius:50%}.pv-switch-track[data-on=true] .pv-switch-knob{background:var(--color-text-on-primary)}.pv-list{gap:var(--s-2);font-size:var(--t-3);color:var(--color-text-primary);margin:0;padding:0;list-style:none;display:grid}.pv-list li{align-items:center;gap:var(--s-2);display:flex}.pv-check{width:var(--s-4);height:var(--s-4);border-radius:var(--r-1);border:1.5px solid var(--color-border-field);flex:none}.pv-check--done{background:var(--color-primary-default);border-color:var(--color-primary-default)}.pv-avatars{align-items:center;gap:var(--s-1);display:flex}.pv-av{width:var(--s-5);height:var(--s-5);background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-bg-surface);font-size:var(--t-1);font-weight:var(--w-medium);border-radius:50%;flex:none;place-items:center;display:grid}.pv-shell{border:1px solid var(--color-border-default);border-radius:var(--r-3);background:var(--color-bg-surface);box-shadow:var(--pv-shadow);grid-template-columns:176px minmax(0,1fr);display:grid;overflow:hidden}.pv-side{background:var(--color-bg-subtle);border-right:1px solid var(--color-border-default);padding:var(--s-4);gap:var(--s-4);flex-direction:column;display:flex}.pv-side-brand{align-items:center;gap:var(--s-2);font-size:var(--t-3);font-weight:var(--w-bold);color:var(--color-text-primary);display:flex}.pv-side-nav{flex-direction:column;gap:2px;display:flex}.pv-side-nav a{padding:var(--s-2) var(--s-3);border-radius:var(--r-2);font-size:var(--t-3);color:var(--color-text-secondary);cursor:pointer;text-decoration:none}.pv-side-nav a:hover{background:var(--color-bg-muted);color:var(--color-text-primary)}.pv-side-nav a[aria-current=page]{background:var(--color-primary-default);color:var(--color-text-on-primary);font-weight:var(--w-medium)}.pv-side-foot{gap:var(--s-2);margin-top:auto;display:grid}.pv-shell-main{padding:var(--s-5);gap:var(--s-4);flex-direction:column;min-width:0;display:flex}.pv-shell-top{align-items:center;gap:var(--s-3);padding-bottom:var(--s-4);border-bottom:1px solid var(--color-border-default);flex-wrap:wrap;display:flex}.pv-stats{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(128px,1fr));display:grid}.pv-stat{border:1px solid var(--color-border-default);border-radius:var(--r-3);padding:var(--s-4);gap:var(--s-1);background:var(--color-bg-surface);box-shadow:var(--pv-shadow);flex-direction:column;align-items:flex-start;display:flex}.pv-stat-label{font-size:var(--t-2);color:var(--color-text-muted)}.pv-stat-value{font-size:var(--t-6);font-weight:var(--w-bold);letter-spacing:var(--ls-display);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.pv-figure-label{font-size:var(--t-2);color:var(--color-text-muted)}.pv-figure{font-size:var(--t-8);font-weight:var(--w-bold);letter-spacing:var(--ls-display);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1.15}.pv-figure--sm{font-size:var(--t-6)}.pv-chart{border:1px solid var(--color-border-default);border-radius:var(--r-3);padding:var(--s-5);background:var(--color-bg-surface);box-shadow:var(--pv-shadow)}.pv-chart-head{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);display:flex}.pv-charts{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;display:grid}.pv-stack-chart{--pv-plot-h:148px;gap:var(--s-3);grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;display:grid;position:relative}.pv-stack-chart:after{content:"";left:0;right:0;bottom:calc(var(--t-1) * 1.5 + var(--s-2));background:var(--color-border-default);height:1px;position:absolute}.pv-stack-col{justify-content:flex-end;gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.pv-stack-value{font-size:var(--t-1);letter-spacing:var(--ls-flat);font-weight:var(--w-medium);color:var(--color-text-secondary);text-align:center;font-variant-numeric:tabular-nums}.pv-stack{height:var(--pv-plot-h);width:100%;max-width:var(--s-8);justify-content:flex-end;gap:var(--s-1);flex-direction:column;margin-inline:auto;display:flex;position:relative}.pv-stack-seg{background:var(--color-primary-default);border-radius:var(--r-1);min-height:var(--s-1);display:block}.pv-stack-seg[data-tone=mid]{opacity:.62}.pv-stack-seg[data-tone=soft]{opacity:.34}.pv-axis-label{font-size:var(--t-1);letter-spacing:var(--ls-flat);color:var(--color-text-muted);text-align:center;font-variant-numeric:tabular-nums;line-height:1.5}.pv-line{width:100%;height:96px;display:block}.pv-line-area{fill:var(--color-primary-subtle)}.pv-line-stroke{fill:none;stroke:var(--color-primary-default);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pv-hbars{gap:var(--s-3);display:grid}.pv-hbar-row{grid-template-columns:var(--s-8) minmax(0, 1fr) var(--s-7);align-items:center;gap:var(--s-3);display:grid}.pv-hbar-label{font-size:var(--t-3);color:var(--color-text-secondary)}.pv-hbar-track{height:var(--s-3);border-radius:var(--r-pill);background:var(--color-bg-muted);display:block;overflow:hidden}.pv-hbar-fill{border-radius:var(--r-pill);background:var(--color-primary-default);height:100%;display:block}.pv-hbar-value{font-size:var(--t-2);color:var(--color-text-muted);text-align:right;font-variant-numeric:tabular-nums}.pv-ring-row{align-items:center;gap:var(--s-4);display:flex}.pv-ring{background:conic-gradient(var(--color-primary-default) var(--pv-pct), var(--color-bg-muted) 0);border-radius:50%;flex:none;place-items:center;width:88px;height:88px;display:grid;position:relative}.pv-ring:before{content:"";inset:var(--s-3);background:var(--color-bg-surface);border-radius:50%;position:absolute}.pv-ring span{font-size:var(--t-5);font-weight:var(--w-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;position:relative}.pv-mkt{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(272px,1fr));align-items:start;display:grid}.pv-mkt-card{border-radius:var(--r-4);padding:var(--s-5);align-items:stretch;gap:var(--s-3);flex-direction:column;display:flex;position:relative;overflow:hidden}.pv-mkt-card>.pv-btn,.pv-mkt-card>.pv-badge{align-self:flex-start}.pv-mkt-card>:not(.pv-arcs){z-index:1;position:relative}.pv-mkt-card--tint{background:var(--color-primary-subtle);color:var(--color-text-primary)}.pv-mkt-card--solid{background:var(--color-primary-default);color:var(--color-text-on-primary)}.pv-mkt-card--plain{background:var(--color-bg-surface);border:1px solid var(--color-border-default);color:var(--color-text-primary);box-shadow:var(--pv-shadow)}.pv-mkt-media{aspect-ratio:4/3;border-radius:var(--r-3);background:var(--color-bg-surface);width:100%;box-shadow:inset 0 0 0 1px var(--color-border-subtle)}.pv-mkt-media--onbrand{background:var(--color-bg-subtle);box-shadow:none}.pv-mkt-media--short{aspect-ratio:16/6}.pv-mkt-title{font-size:var(--t-7);font-weight:var(--w-bold);letter-spacing:var(--ls-display);color:inherit;margin:0;line-height:1.14}.pv-mkt-title--sm{font-size:var(--t-6)}.pv-mkt-body{font-size:var(--t-3);color:inherit;margin:0;line-height:1.6}.pv-mkt-card--plain .pv-mkt-body,.pv-mkt-card--tint .pv-mkt-body{color:var(--color-text-secondary)}.pv-arcs{pointer-events:none;width:232px;height:232px;color:inherit;position:absolute;bottom:-72px;right:-48px}.pv-arcs i{opacity:.17;border:1px solid;border-radius:50%;position:absolute;inset:0}.pv-arcs i:nth-child(2){inset:var(--s-6)}.pv-arcs i:nth-child(3){inset:56px}@container (width<=720px){.pv-shell{grid-template-columns:minmax(0,1fr)}.pv-side{border-right:0;border-bottom:1px solid var(--color-border-default)}.pv-side-nav{flex-flow:wrap}.pv-side-foot{display:none}}@container (width<=560px){.pv-grid,.pv-mkt,.pv-charts{grid-template-columns:1fr}.pv-h1,.pv-figure{font-size:var(--t-7)}.pv-stack-chart{--pv-plot-h:112px}}