@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(./space-grotesk-latin-wght-normal-BhU9QXUp.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display: "Space Grotesk Variable", "Space Grotesk", system-ui, sans-serif;--font-body: "Inter Variable", "Inter", system-ui, sans-serif;--bg-0: #0a0c11;--bg-1: #10131b;--bg-2: #171b26;--text: #edf0f7;--text-dim: #9aa3b7;--text-faint: #6b7385;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--glass-bg: rgba(18, 21, 30, .66);--glass-bg-heavy: rgba(13, 16, 23, .82);--glass-blur: 18px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 24px rgba(0, 0, 0, .35);--shadow-2: 0 2px 6px rgba(0, 0, 0, .45), 0 18px 48px rgba(0, 0, 0, .5);--scrim: rgba(5, 6, 9, .6);--accent: #6ea8fe;--accent-soft: rgba(110, 168, 254, .16);--swatch: #000000;--ok: #4caf50;--bad: #e53935;--radius-s: 8px;--radius-m: 14px;--radius-l: 22px;--gap-xs: 4px;--gap-s: 8px;--gap-m: 14px;--gap-l: 22px;--nav-size: 64px;--ease-out: cubic-bezier(.22, 1, .36, 1);--tween-color: .42s;--tween-ui: .22s;color-scheme:dark}:root[data-theme=light]{--bg-0: #f2f3f7;--bg-1: #ffffff;--bg-2: #e9ebf2;--text: #171a22;--text-dim: #4c5364;--text-faint: #7c8398;--border: rgba(12, 16, 28, .12);--border-strong: rgba(12, 16, 28, .22);--glass-bg: rgba(255, 255, 255, .7);--glass-bg-heavy: rgba(255, 255, 255, .88);--shadow-1: 0 1px 2px rgba(20, 24, 40, .08), 0 8px 24px rgba(20, 24, 40, .1);--shadow-2: 0 2px 6px rgba(20, 24, 40, .1), 0 18px 48px rgba(20, 24, 40, .16);--scrim: rgba(24, 28, 40, .35);--accent: #2f6fed;--accent-soft: rgba(47, 111, 237, .14);color-scheme:light}@media(prefers-reduced-motion:reduce){:root{--tween-color: 0ms;--tween-ui: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden}body{font-family:var(--font-body);font-size:15px;line-height:1.45;color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}h1,h2,h3,p{margin:0}#app,.shell{height:100dvh;width:100%}.shell{display:grid;grid-template-rows:1fr var(--nav-size);position:relative;overflow:hidden}.shell-pages{position:relative;min-height:0;z-index:1}#ambient-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.55}.page{position:absolute;inset:0;display:none;min-height:0}.page.active{display:flex;flex-direction:column}.page-header{padding:max(10px,env(safe-area-inset-top)) 18px 10px;display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-m);flex:0 0 auto;flex-wrap:wrap}.page-title{font-family:var(--font-display);font-weight:600;font-size:22px;letter-spacing:-.01em}.page-sub{color:var(--text-dim);font-size:13px}.page-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 18px calc(16px + env(safe-area-inset-bottom))}.nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:stretch;background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:5}.nav-btn{appearance:none;background:none;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-faint);cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.02em;transition:color var(--tween-ui) var(--ease-out)}.nav-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-btn.active{color:var(--accent)}@media(max-width:420px){.nav-btn{font-size:10px;gap:2px}.nav-btn svg{width:20px;height:20px}}.nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-s)}@media(min-width:900px){.shell{grid-template-rows:1fr;grid-template-columns:var(--nav-size) 1fr}.nav{grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:min-content;align-content:center;gap:6px;border-top:0;border-right:1px solid var(--border);padding-bottom:0}.nav-btn{padding:12px 0}.shell-pages{order:2}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--radius-l);box-shadow:var(--shadow-1)}.btn{appearance:none;border:1px solid var(--border-strong);background:transparent;color:var(--text);border-radius:var(--radius-m);padding:9px 16px;font-weight:600;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:background var(--tween-ui) var(--ease-out),border-color var(--tween-ui) var(--ease-out),transform var(--tween-ui) var(--ease-out);touch-action:manipulation}.btn:hover{background:var(--accent-soft);border-color:var(--accent)}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled{opacity:.45;cursor:default;pointer-events:none}.btn-primary{background:var(--accent);border-color:transparent;color:#fff}.btn-primary:hover{background:var(--accent);filter:brightness(1.1)}.btn-danger:hover{background:#e5393526;border-color:var(--bad);color:var(--bad)}.btn-icon{padding:8px;border-radius:50%;line-height:0}a.btn{text-decoration:none}.page-help{margin-left:auto;align-self:center;flex:0 0 auto}.btn-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.seg{display:inline-flex;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-m);padding:3px;gap:2px}.seg-btn{appearance:none;border:0;background:transparent;color:var(--text-dim);padding:6px 13px;border-radius:calc(var(--radius-m) - 4px);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--tween-ui) var(--ease-out),color var(--tween-ui) var(--ease-out);white-space:nowrap}.seg-btn.active{background:var(--accent);color:#fff}.seg-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:26px;background:transparent;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:3px;background:var(--bg-2);border:1px solid var(--border)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7.5px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px #0006}input[type=range]::-moz-range-track{height:5px;border-radius:3px;background:var(--bg-2);border:1px solid var(--border)}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px #0006}input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.input{appearance:none;width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-m);padding:9px 12px;color:var(--text);font-size:14px}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-label{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--bg-2);border-radius:999px;padding:3px 9px 3px 3px;font-size:12px;cursor:pointer;transition:border-color var(--tween-ui) var(--ease-out);max-width:100%}.chip:hover{border-color:var(--accent)}.chip-swatch{width:18px;height:18px;border-radius:50%;border:1px solid var(--border-strong);flex:0 0 auto}.chip-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-hex{color:var(--text-faint);font-size:11px;font-variant-numeric:tabular-nums}.toast-stack{position:fixed;left:50%;bottom:calc(var(--nav-size) + 14px + env(safe-area-inset-bottom));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:60;pointer-events:none;width:min(92vw,480px)}.toast{background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-strong);border-radius:var(--radius-m);box-shadow:var(--shadow-2);padding:10px 16px;font-size:13.5px;display:flex;align-items:center;gap:12px;pointer-events:auto;animation:toast-in .26s var(--ease-out);max-width:100%}.toast.out{animation:toast-out .22s var(--ease-out) forwards}.toast-action{appearance:none;background:none;border:0;color:var(--accent);font-weight:700;cursor:pointer;padding:2px 4px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}.sheet-scrim{position:fixed;inset:0;background:var(--scrim);z-index:50;display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s var(--ease-out)}.sheet-panel{background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border-strong);border-radius:var(--radius-l) var(--radius-l) 0 0;box-shadow:var(--shadow-2);width:min(100%,560px);max-height:min(78dvh,640px);display:flex;flex-direction:column;animation:sheet-in .28s var(--ease-out);padding-bottom:env(safe-area-inset-bottom)}@media(min-width:900px){.sheet-scrim{align-items:center}.sheet-panel{border-radius:var(--radius-l)}}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-m);padding:16px 18px 8px;flex:0 0 auto}.sheet-title{font-family:var(--font-display);font-size:17px;font-weight:600}.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:4px 18px 16px;min-height:0}.sheet-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--gap-s);padding:10px 18px 16px;border-top:1px solid var(--border);flex:0 0 auto}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(28px);opacity:0}}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:36px 20px;color:var(--text-dim)}.empty svg{width:72px;height:72px;stroke:var(--text-faint);fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}.empty-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text)}.empty-cta{margin-top:4px}.empty-note{font-size:12px;color:var(--text-faint)}.camera-page{overflow:hidden;background:#000}.camera-surface{position:absolute;inset:0;overflow:hidden}.cam-video,.cam-frozen,.cam-filter{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cam-frozen,.cam-filter{display:none}.camera-page.upload-mode .cam-frozen,.camera-page.upload-mode .cam-filter{object-fit:contain}.cam-video{transform-origin:center center}.overlay-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.cam-topbar{position:absolute;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--gap-s);z-index:4;pointer-events:none}.cam-topbar>*{pointer-events:auto}.cam-modes{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-s)}.cam-tools{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--gap-s)}@media(max-width:420px){.cam-tools{gap:6px}.cam-tools .btn-icon{padding:7px}}.cam-pick{display:flex;align-items:stretch;gap:var(--gap-s)}.cam-paste{box-shadow:var(--shadow-1)}.cam-choose{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-1);padding:8px 14px;font-size:13.5px}.cam-topbar .btn-icon,.cam-tools .btn-icon{background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.cam-tools .btn-icon.on{color:var(--accent);border-color:var(--accent)}.cam-tools .cam-vision.on{background:color-mix(in srgb,var(--accent) 24%,var(--glass-bg-heavy));animation:vision-pulse 4s var(--ease-out) infinite}@keyframes vision-pulse{30%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 35%,transparent),0 0 9px 1px color-mix(in srgb,var(--accent) 12%,transparent)}55%{box-shadow:0 0 0 9px transparent,0 0 24px 6px color-mix(in srgb,var(--accent) 48%,transparent)}}@media(prefers-reduced-motion:reduce){.cam-tools .cam-vision.on{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent),0 0 16px 3px color-mix(in srgb,var(--accent) 45%,transparent)}}.cam-status{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 46px);transition:top var(--tween-ui) var(--ease-out),opacity .6s var(--ease-out);left:50%;transform:translate(-50%);background:var(--glass-bg-heavy);border:1px solid var(--border);border-radius:999px;padding:4px 14px;font-size:12px;color:var(--text-dim);z-index:3;white-space:nowrap;max-width:92%;overflow:hidden;text-overflow:ellipsis}.cam-status.fading{opacity:0}.camera-page.upload-mode .cam-status{top:calc(max(10px,env(safe-area-inset-top)) + 98px)}.zoom-wrap{position:absolute;right:10px;transition:right var(--tween-ui) var(--ease-out),transform var(--tween-ui) var(--ease-out);top:50%;transform:translateY(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:999px;padding:10px 6px}.zoom-wrap input[type=range]{writing-mode:vertical-lr;direction:rtl;width:26px;height:var(--zoom-track, clamp(70px, 18dvh, 150px));touch-action:none}.zoom-label{font-size:10.5px;color:var(--text-dim);writing-mode:vertical-rl;letter-spacing:.06em}@media(min-width:900px){.camera-page.zoom-above .zoom-wrap{transform:translateY(calc(-50% - var(--zoom-lift, 0px)))}.camera-page.zoom-aside .zoom-wrap{right:412px}}.cam-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:2;padding:20px;background:radial-gradient(ellipse at 30% 20%,rgba(110,168,254,.08),transparent 60%),var(--bg-0)}.cam-fallback .empty{max-width:380px}.drop-hint{position:absolute;inset:12px;border:2px dashed var(--accent);border-radius:var(--radius-l);background:var(--accent-soft);z-index:8;display:none;align-items:center;justify-content:center;font-family:var(--font-display);font-size:18px;color:var(--text);pointer-events:none}.camera-page.dragging .drop-hint{display:flex}.result-sheet{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:5;display:flex;flex-direction:column;max-height:calc(100% - 84px);transition:transform var(--tween-ui) var(--ease-out)}@media(min-width:900px){.result-sheet{left:auto;right:22px;bottom:22px;width:380px}}.result-header{display:flex;align-items:center;gap:14px;padding:12px 14px;cursor:pointer;user-select:none;flex:0 0 auto}.result-swatch{width:52px;height:52px;border-radius:var(--radius-m);border:1px solid var(--border-strong);background:var(--swatch);transition:background var(--tween-color) var(--ease-out);flex:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff0f}.result-id{flex:1 1 auto;min-width:0}.result-name{font-family:var(--font-display);font-weight:600;font-size:19px;letter-spacing:-.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-hex{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:13.5px}.result-caret{color:var(--text-faint);transition:transform var(--tween-ui) var(--ease-out);flex:0 0 auto}.result-caret svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.result-sheet.open .result-caret{transform:rotate(180deg)}.result-details{display:none;flex-direction:column;gap:10px;padding:0 14px 14px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;min-height:0}.result-details>*{flex:0 0 auto}.result-sheet.open .result-details{display:flex}.result-metrics{display:flex;gap:var(--gap-s);flex-wrap:wrap;color:var(--text-dim);font-size:13px;font-variant-numeric:tabular-nums}.result-metrics span{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:3px 10px}.result-actions{display:flex;flex-wrap:wrap;gap:var(--gap-s)}.result-actions .btn{flex:1 1 auto;padding:8px 10px;font-size:13px}.expander{border:1px solid var(--border);border-radius:var(--radius-m);overflow:hidden}.expander-head{appearance:none;width:100%;background:transparent;border:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-weight:600;font-size:13.5px;cursor:pointer;color:var(--text)}.expander-head svg{width:16px;height:16px;stroke:var(--text-faint);fill:none;stroke-width:2;stroke-linecap:round;transition:transform var(--tween-ui) var(--ease-out)}.expander.open .expander-head svg{transform:rotate(180deg)}.expander-body{display:none;padding:2px 10px 10px;border-top:1px solid var(--border)}.expander.open .expander-body{display:block}.readout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:12.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.readout-grid b{display:block;color:var(--text);font-size:13px}.harmony-block{margin-top:8px}.harmony-block h4{margin:0 0 6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint)}.contrast-row{display:flex;align-items:center;gap:var(--gap-m);margin-top:10px}.contrast-preview{border-radius:var(--radius-m);border:1px solid var(--border-strong);padding:10px 16px;font-weight:700;flex:1 1 auto;text-align:center}.contrast-stats{font-size:12.5px;color:var(--text-dim);line-height:1.6}.pass{color:var(--ok);font-weight:700}.fail{color:var(--bad);font-weight:700}.viz-mount{height:200px;border-radius:var(--radius-m);border:1px solid var(--border);overflow:hidden;position:relative;background:var(--bg-1)}@media(max-height:740px){.viz-mount{height:160px}}.viz-hint{font-size:11.5px;color:var(--text-faint);margin-top:6px}.vision-panel{position:absolute;--vision-top: calc(max(10px, env(safe-area-inset-top)) + 48px) ;top:var(--vision-top);right:12px;z-index:6;width:min(320px,calc(100vw - 24px));padding:16px;display:none;flex-direction:column;gap:12px}.vision-panel.open{display:flex}.vision-panel{max-height:calc(100% - var(--vision-top) - var(--abc-sheet-h, 78px) - 44px);overflow-y:auto;overscroll-behavior:contain}.vision-panel{transition:transform var(--tween-ui) var(--ease-out)}.result-sheet.sliding,.vision-panel.sliding{transition:none}.result-sheet.slid-away,.vision-panel.slid-away{box-shadow:none}@media(max-width:899px){.result-header,.vision-panel .sheet-title{position:relative;touch-action:none;cursor:grab}.result-header:active,.vision-panel .sheet-title:active{cursor:grabbing}.result-header:before,.vision-panel .sheet-title:before{content:"";position:absolute;top:7px;left:50%;width:36px;height:4px;margin-left:-18px;border-radius:999px;background:var(--border-strong)}.result-header{padding-top:18px}.vision-panel{padding-top:0}.vision-panel .sheet-title{margin:0 -16px;padding:18px 16px 2px}}.cam-menu{position:absolute;top:calc(max(10px,env(safe-area-inset-top)) + 48px);right:12px;z-index:6;width:min(280px,calc(100vw - 24px));padding:12px;display:none;flex-direction:column;gap:8px}.cam-menu.open{display:flex}.vision-row label{display:flex;justify-content:space-between;font-size:12.5px;color:var(--text-dim);margin-bottom:2px}.vision-note{font-size:11.5px;color:var(--text-faint);line-height:1.5}.vision-mode{display:flex;flex-direction:column;gap:6px}.vision-caption{font-size:11.5px;color:var(--text-dim);line-height:1.45}.picker-list{display:flex;flex-direction:column;gap:var(--gap-s)}.picker-row{appearance:none;border:1px solid var(--border);background:var(--bg-2);border-radius:var(--radius-m);display:flex;align-items:center;gap:12px;padding:10px 12px;cursor:pointer;text-align:left;transition:border-color var(--tween-ui) var(--ease-out);width:100%}.picker-row:hover,.picker-row.selected{border-color:var(--accent)}.picker-row-main{flex:1 1 auto;min-width:0}.picker-row-name{display:block;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-row-meta{display:block;font-size:12px;color:var(--text-faint);margin-top:3px}.mini-strip{display:flex;height:18px;border-radius:5px;overflow:hidden;border:1px solid var(--border);min-width:60px;max-width:110px;flex:0 0 auto}.mini-strip i{flex:1 1 auto}.extract-row{display:flex;align-items:center;gap:12px;padding:8px 4px;border-bottom:1px solid var(--border)}.extract-row:last-child{border-bottom:0}.extract-row input[type=checkbox]{width:17px;height:17px;accent-color:var(--accent);flex:0 0 auto}.extract-swatch{width:34px;height:34px;border-radius:9px;border:1px solid var(--border-strong);flex:0 0 auto}.extract-info{flex:1 1 auto;min-width:0}.extract-name{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extract-meta{display:block;font-size:12px;color:var(--text-faint);font-variant-numeric:tabular-nums}.extract-cover{font-size:12.5px;color:var(--text-dim);font-variant-numeric:tabular-nums;flex:0 0 auto}.extract-count{margin-right:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-dim)}.extract-count .seg-btn{padding:6px 11px;font-variant-numeric:tabular-nums}.games-header{width:100%;max-width:900px;align-self:center}.games-hub{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--gap-m);padding:4px 18px calc(16px + env(safe-area-inset-bottom));flex:1 1 auto;min-height:0;align-content:start;align-self:center;width:100%;max-width:900px;overflow-y:auto}.game-tile{appearance:none;text-align:left;border:1px solid var(--border);border-radius:24px;padding:18px 20px;cursor:pointer;color:var(--text);background:linear-gradient(180deg,#ffffff0d,#ffffff03),var(--bg-2);box-shadow:var(--shadow-1);display:grid;grid-template-columns:auto 1fr;column-gap:15px;align-content:center;min-height:128px;position:relative;overflow:hidden;transition:transform var(--tween-ui) var(--ease-out),border-color var(--tween-ui) var(--ease-out),box-shadow var(--tween-ui) var(--ease-out)}.game-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(96px 78px at 46px 50px,var(--tint),transparent 72%);opacity:.12;transition:opacity var(--tween-ui) var(--ease-out)}.game-tile:hover{transform:translateY(-3px);border-color:var(--tint);border-color:color-mix(in srgb,var(--tint) 55%,var(--border-strong));box-shadow:var(--shadow-2)}.game-tile:hover:before{opacity:.3}.game-tile:active{transform:translateY(0) scale(.995)}.game-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.game-tile-art{grid-column:1;grid-row:1 / span 2;align-self:center;width:56px;height:56px;position:relative;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));transition:transform var(--tween-ui) var(--ease-out)}.game-tile:hover .game-tile-art{transform:scale(1.06)}:root[data-theme=light] .game-tile-art{filter:drop-shadow(0 3px 8px rgba(20,24,40,.2))}.game-tile-title{grid-column:2;grid-row:1;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.015em;line-height:1.15;position:relative}.game-tile-sub{grid-column:2;grid-row:2;margin-top:3px;font-size:12.5px;line-height:1.35;color:var(--text-dim);position:relative}.game-tile-best{grid-column:2;grid-row:3;justify-self:start;margin-top:13px;display:inline-flex;align-items:center;gap:6px;padding:5px 12px 5px 10px;border:1px solid var(--border);border-radius:999px;background:#ffffff0d;font-size:11.5px;color:var(--text-faint);font-variant-numeric:tabular-nums;position:relative}:root[data-theme=light] .game-tile-best{background:#0c101c0d}.game-tile-best svg{width:13px;height:13px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.game-tile-best.has-best{color:var(--text-dim)}.game-tile-best.has-best svg{stroke:var(--tint)}.game-view{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;padding:0 14px calc(10px + env(safe-area-inset-bottom))}.game-bar{display:flex;align-items:center;gap:var(--gap-s);padding:6px 0 10px;flex:0 0 auto;flex-wrap:wrap}.game-bar .spacer{flex:1 1 auto}.game-stat{background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12.5px;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.game-status{text-align:center;font-size:13px;color:var(--text-dim);padding:6px 0;flex:0 0 auto;min-height:30px}.game-board{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;position:relative}.memory-grid{display:grid;gap:6px}.memory-card{border:0;padding:0;border-radius:10px;cursor:pointer;background:var(--bg-2);border:1px solid var(--border-strong);position:relative;transform-style:preserve-3d;transition:transform .32s var(--ease-out)}.memory-card .face{position:absolute;inset:0;border-radius:9px;backface-visibility:hidden}.memory-card .back{background:radial-gradient(circle at 30% 30%,var(--accent-soft),transparent 70%),var(--bg-2)}.memory-card .front,.memory-card.flipped{transform:rotateY(180deg)}.memory-card.matched{opacity:.45;pointer-events:none}.memory-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.memory-card{transition:none}}.ntc-wrap{display:flex;flex-direction:column;align-items:center;gap:18px;width:min(94%,420px)}.ntc-swatch{width:min(42dvh,220px,80%);aspect-ratio:1;border-radius:var(--radius-l);border:1px solid var(--border-strong);box-shadow:var(--shadow-1);transition:background var(--tween-color) var(--ease-out)}.ntc-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-s);width:100%}.ntc-option{border:1px solid var(--border-strong);background:var(--bg-2);border-radius:var(--radius-m);padding:12px 10px;font-weight:600;font-size:13.5px;cursor:pointer;transition:background .18s var(--ease-out);min-height:48px}.ntc-option.correct{background:var(--ok);color:#fff;border-color:transparent}.ntc-option.wrong{background:var(--bad);color:#fff;border-color:transparent}.shade-wrap{display:flex;flex-direction:column;align-items:center;gap:14px}.shade-target{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-dim)}.shade-target i{display:block;width:44px;height:44px;border-radius:10px;border:1px solid var(--border-strong)}.shade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shade-tile{border:1px solid var(--border-strong);border-radius:12px;cursor:pointer;padding:0;transition:transform .14s var(--ease-out)}.shade-tile:hover{transform:scale(1.04)}.shade-tile.hit{outline:3px solid var(--ok)}.shade-tile.miss{outline:3px solid var(--bad);opacity:.6}.mix-wrap{display:flex;flex-direction:column;gap:14px;width:min(94%,430px)}.mix-swatches{display:flex;gap:var(--gap-m);justify-content:center}.mix-swatches figure{margin:0;text-align:center;flex:1 1 0;max-width:160px}.mix-swatches i{display:block;width:100%;aspect-ratio:1.6;border-radius:var(--radius-m);border:1px solid var(--border-strong);transition:background .16s linear}.mix-swatches figcaption{font-size:12px;color:var(--text-faint);margin-top:5px}.mix-delta{text-align:center;font-variant-numeric:tabular-nums;font-size:13.5px;color:var(--text-dim)}.mix-sliders{display:flex;flex-direction:column;gap:4px}.mix-slider{display:grid;grid-template-columns:22px 1fr 40px;align-items:center;gap:10px;font-size:13px;font-variant-numeric:tabular-nums;color:var(--text-dim)}.palette-cards{display:flex;flex-direction:column;gap:var(--gap-m)}@media(min-width:900px){.palette-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start}}.palette-card{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:14px;cursor:pointer;transition:transform var(--tween-ui) var(--ease-out),border-color var(--tween-ui) var(--ease-out)}.palette-card:hover{transform:translateY(-2px);border-color:var(--accent)}.palette-card-top{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-s)}.palette-card-name{font-family:var(--font-display);font-weight:600;font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-card-meta{font-size:12px;color:var(--text-faint);margin-top:2px}.palette-card-actions{display:flex;gap:4px;flex:0 0 auto}.palette-strip{display:flex;height:34px;border-radius:10px;overflow:hidden;border:1px solid var(--border);margin-top:10px}.palette-strip i{flex:1 1 auto}.palette-strip .strip-empty{display:flex;align-items:center;justify-content:center;width:100%;color:var(--text-faint);font-size:12px;background:var(--bg-2)}.palette-detail{position:absolute;inset:0;background:var(--bg-0);z-index:6;display:none;flex-direction:column;animation:fade-in .2s var(--ease-out)}.palette-detail.open{display:flex}.palette-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--gap-m)}.pcolor{border:1px solid var(--border);border-radius:var(--radius-m);overflow:hidden;background:var(--bg-1);cursor:pointer;position:relative;transition:border-color var(--tween-ui) var(--ease-out)}.pcolor:hover{border-color:var(--accent)}.pcolor-swatch{aspect-ratio:1.35}.pcolor-info{padding:7px 9px}.pcolor-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcolor-hex{font-size:11px;color:var(--text-faint);font-variant-numeric:tabular-nums}.pcolor-delete{position:absolute;top:6px;right:6px;background:var(--glass-bg-heavy);border:1px solid var(--border);border-radius:50%;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);opacity:1}.pcolor-delete svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}@media(hover:hover){.pcolor-delete{opacity:0;transition:opacity var(--tween-ui) var(--ease-out)}.pcolor:hover .pcolor-delete,.pcolor-delete:focus-visible{opacity:1}}.settings-group{border:1px solid var(--border);border-radius:var(--radius-l);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));padding:6px 16px;margin-bottom:var(--gap-m)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-m);padding:13px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.settings-row:last-child{border-bottom:0}.settings-row-label b{display:block;font-size:14px;font-weight:600}.settings-row-label span{font-size:12.5px;color:var(--text-dim)}.settings-row .row-control{flex:0 1 auto;min-width:160px}.about-text{font-size:13px;color:var(--text-dim);line-height:1.6;padding:12px 0}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.ex-scroll{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.ex-top{display:flex;flex-direction:column;align-items:center;gap:var(--gap-m)}@media(min-width:780px){.ex-top{flex-direction:row;align-items:flex-start}}.ex-wheel{width:min(100%,46dvh,380px);aspect-ratio:1;flex:0 0 auto;display:flex;align-items:center;justify-content:center;touch-action:none}.wheel-canvas{display:block;border-radius:50%;cursor:crosshair;outline:none}.wheel-canvas:focus-visible{box-shadow:0 0 0 3px var(--accent)}.ex-panel{flex:1 1 auto;min-width:0;width:100%;display:flex;flex-direction:column;gap:10px}.ex-name{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.2}.ex-hex{font-variant-numeric:tabular-nums;text-transform:uppercase;letter-spacing:.04em}.ex-light-row{display:block}.ex-light::-webkit-slider-runnable-track{background:var(--track, var(--bg-2))}.ex-light::-moz-range-track{background:var(--track, var(--bg-2))}.ex-legibility{font-size:12.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.ex-actions{display:flex;flex-wrap:wrap;gap:var(--gap-s)}.ex-actions .btn{flex:1 1 auto;padding:8px 12px;font-size:13px}.ex-modes{display:flex;flex-wrap:wrap;margin:var(--gap-m) 0 var(--gap-s);max-width:100%}.ex-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:var(--gap-s)}.ex-card{appearance:none;border:1px solid var(--border);background:var(--bg-1);border-radius:var(--radius-m);padding:0 0 8px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;gap:2px;text-align:left;transition:border-color var(--tween-ui) var(--ease-out),transform var(--tween-ui) var(--ease-out)}.ex-card:hover{border-color:var(--accent);transform:translateY(-2px)}.ex-card.primary{border-color:var(--accent)}.ex-card-swatch{display:block;width:100%;aspect-ratio:1.5;margin-bottom:6px;transition:background var(--tween-color) var(--ease-out)}.ex-card-name{font-size:12px;font-weight:600;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-card-hex,.ex-card-role{font-size:11px;color:var(--text-faint);padding:0 8px;font-variant-numeric:tabular-nums}.ex-ramp{display:flex;height:40px;border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--border)}.ex-ramp-step{appearance:none;border:0;padding:0;flex:1 1 auto;cursor:pointer;transition:transform .14s var(--ease-out)}.ex-ramp-step:hover{transform:scaleY(1.14)}.cinfo{display:flex;flex-direction:column;gap:var(--gap-m)}.cinfo-hero{display:flex;align-items:center;gap:14px}.cinfo-swatch{width:72px;height:72px;border-radius:var(--radius-m);border:1px solid var(--border-strong);flex:0 0 auto;box-shadow:inset 0 0 0 1px #ffffff0f}.cinfo-id{min-width:0}.cinfo-name{font-family:var(--font-display);font-size:19px;font-weight:600;line-height:1.2}.cinfo-hex{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:13.5px}.cinfo-coverage{font-size:12px;color:var(--text-faint);margin-top:2px}.cinfo-readouts{grid-template-columns:repeat(2,1fr)}@media(min-width:520px){.cinfo-readouts{grid-template-columns:repeat(4,1fr)}}.cinfo-actions{display:flex;flex-wrap:wrap;gap:var(--gap-s)}.cinfo-actions .btn{flex:1 1 auto;padding:8px 12px;font-size:13px}.cinfo-contrast{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.cinfo-contrast div{display:flex;align-items:center;gap:8px}.cinfo-contrast span:first-child{width:16px;height:16px;border-radius:4px;border:1px solid var(--border-strong);flex:0 0 auto}.abc-slot{display:block;min-width:0}.abc-mark{font-weight:600;font-size:.85em;letter-spacing:.02em;color:var(--text-dim);white-space:nowrap}.abc-fine{font-size:10.5px;line-height:1.45;color:var(--text-faint);margin-top:4px}.abc-slot-card{margin:6px 0 2px}.abc-card{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-m);background:linear-gradient(115deg,var(--accent-soft),transparent 60%),var(--bg-2);color:var(--text);text-decoration:none;transition:border-color var(--tween-ui) var(--ease-out),transform var(--tween-ui) var(--ease-out)}.abc-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.abc-card:focus-visible,.abc-inline:focus-visible,.abc-cam-link:focus-visible,.abc-support:focus-visible,.abc-support-inline:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}.abc-card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.abc-card-intro{font-size:11.5px;color:var(--text-dim);line-height:1.35}.abc-card-lead{font-family:var(--font-display);font-weight:600;font-size:14.5px;letter-spacing:-.005em}.abc-dot{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid var(--border-strong);background:conic-gradient(#ff5c5c,#ffb347,#ffe66d,#6ee7a0,#23d9d9,#6ea8fe,#a78bfa,#ff6ec7,#ff5c5c)}.abc-card>svg,.abc-support>svg{flex:0 0 auto;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--text-faint)}.abc-slot-inline{margin-top:2px}.abc-inline{display:block;font-size:11.5px;line-height:1.5;color:var(--text-dim);text-decoration:none;border-top:1px solid var(--border);padding-top:8px}.abc-inline:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}.abc-cam{position:absolute;left:8px;top:50%;transform:translateY(-50%);z-index:3;display:flex;align-items:center;gap:8px;max-height:74%;padding:12px 7px;border:1px solid var(--border);border-radius:999px;background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));writing-mode:vertical-rl;opacity:.72;transition:opacity var(--tween-ui) var(--ease-out)}.abc-cam>*{transform:rotate(180deg)}.abc-cam:hover,.abc-cam:focus-within{opacity:1}.abc-cam-link{color:var(--text);text-decoration:none;font-size:12px;font-weight:500;max-height:100%}.abc-cam-link:hover{text-decoration:underline;text-underline-offset:2px}.abc-cam .abc-fine{margin:0;font-size:9.5px;max-height:100%}@media(max-width:899px){.abc-cam{top:auto;bottom:calc(var(--abc-sheet-h, 78px) + 18px + env(safe-area-inset-bottom));left:10px;right:auto;max-width:calc(100% - 20px);max-height:none;transform:none;writing-mode:horizontal-tb;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 12px;border-radius:var(--radius-m);opacity:.8}.abc-cam>*{transform:none;max-width:100%}.abc-cam-link{font-size:11.5px}.abc-cam .abc-fine{font-size:9px}.abc-cam:active{opacity:1}.camera-page.sheet-open .abc-cam{display:none}.camera-page.sheet-open:has(.result-sheet.slid-away) .abc-cam{display:flex}}.abc-support{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-m);background:linear-gradient(115deg,rgba(255,179,71,.16),transparent 62%),var(--bg-2);color:var(--text);text-decoration:none;transition:border-color var(--tween-ui) var(--ease-out),transform var(--tween-ui) var(--ease-out)}.abc-support:hover{border-color:var(--border-strong);transform:translateY(-1px)}.abc-support-icon{flex:0 0 auto;font-size:20px;line-height:1}.abc-support-inline{color:var(--text-dim);text-decoration:none;font-size:13px}.abc-support-inline:hover{color:var(--text);text-decoration:underline;text-underline-offset:2px}.abc-statement{font-size:11.5px;line-height:1.6;color:var(--text-faint)}.sbs-link{display:flex;align-items:center;gap:10px;margin-top:10px;padding:9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-m);background:linear-gradient(115deg,var(--accent-soft),transparent 65%),var(--bg-2);color:var(--text);text-decoration:none;transition:border-color var(--tween-ui) var(--ease-out),transform var(--tween-ui) var(--ease-out)}.sbs-link:hover{border-color:var(--accent);transform:translateY(-1px)}.sbs-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sbs-dot{flex:0 0 auto;width:22px;height:22px;border-radius:7px;border:1px solid var(--border-strong);background:conic-gradient(#ff5c5c,#ffe66d,#6ee7a0,#6ea8fe,#a78bfa,#ff5c5c)}.sbs-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.sbs-lead{font-family:var(--font-display);font-weight:600;font-size:13.5px;letter-spacing:-.005em}.sbs-intro{font-size:11.5px;color:var(--text-dim);line-height:1.35}.sbs-link>svg{flex:0 0 auto;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--text-faint)}