@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:oklch(96% 0 0);--card:oklch(100% 0 0);--fill:oklch(93% 0 0);--ink:oklch(18% 0 0);--muted:oklch(48% 0 0);--line:oklch(87% 0 0);--chip-edge:oklch(0% 0 0/.08);--r-card:18px;--r-button:14px;--page:600px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Instrument Sans Variable,system-ui,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:oklch(13% 0 0);--card:oklch(20% 0 0);--fill:oklch(27% 0 0);--ink:oklch(95% 0 0);--muted:oklch(68% 0 0);--line:oklch(30% 0 0);--chip-edge:oklch(100% 0 0/.1)}}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.large-title{letter-spacing:-.02em;margin:8px 0 0;font-size:32px;font-weight:650;line-height:1.1}.section-header{color:var(--muted);margin:28px 4px 8px;font-size:13px;font-weight:600}.card{background:var(--card);border-radius:var(--r-card)}.footnote{color:var(--muted);font-size:13px}.button{border-radius:var(--r-button);justify-content:center;align-items:center;gap:6px;width:100%;min-height:50px;padding:0 18px;font-size:17px;font-weight:600;display:flex}.button.primary{background:var(--ink);color:var(--bg)}.button.secondary{background:var(--fill);color:var(--ink)}.button.plain{width:auto;min-height:44px;padding:0 4px;font-weight:500}.navbar.svelte-1b9lxnl{z-index:5;padding:calc(env(safe-area-inset-top) + 10px) 12px 10px;background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(20px);grid-template-columns:1fr auto 1fr;align-items:center;margin:-12px -20px 12px;display:grid;position:sticky;top:0}h1.svelte-1b9lxnl{margin:0;font-size:17px;font-weight:600}.back.svelte-1b9lxnl{justify-self:start;align-items:center;gap:2px;padding:4px 4px 4px 0;font-size:17px;display:flex}.action.svelte-1b9lxnl{justify-self:end}.hint.svelte-49qza0{margin:0 0 16px}.page.svelte-49qza0{margin-bottom:14px;padding:14px 16px 16px}.head.svelte-49qza0{align-items:center;gap:12px;display:flex}.head.svelte-49qza0 img:where(.svelte-49qza0){object-fit:cover;width:40px;height:52px;box-shadow:0 0 0 .5px var(--line);border-radius:4px}.head.svelte-49qza0 div:where(.svelte-49qza0){flex-direction:column;display:flex}.head.svelte-49qza0 strong:where(.svelte-49qza0){font-weight:600}.head.svelte-49qza0 span:where(.svelte-49qza0){color:var(--muted);font-size:14px}.none.svelte-49qza0{color:var(--muted);margin:14px 0}.grid.svelte-49qza0{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:14px 10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.swatch.svelte-49qza0{aspect-ratio:1;background:var(--c);width:100%;max-width:56px;box-shadow:inset 0 0 0 1px var(--chip-edge);border-radius:50%;margin:0 auto;display:block;position:relative}.tick.svelte-49qza0{background:var(--card);color:#0000;width:22px;height:22px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-3px;right:-3px}.swatch[aria-pressed=true].svelte-49qza0 .tick:where(.svelte-49qza0){background:var(--ink);color:var(--card);box-shadow:0 0 0 2px var(--card)}.more.svelte-49qza0{margin:4px auto 0;display:flex}.savebar.svelte-49qza0{bottom:calc(env(safe-area-inset-bottom) + 72px);margin-top:20px;padding:12px 0;position:sticky}.result.svelte-1fb8mw9{margin-bottom:14px;padding:20px 16px 8px}.label.svelte-1fb8mw9{color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:600}.pair.svelte-1fb8mw9{display:flex}figure.svelte-1fb8mw9{width:128px;margin:0}.swatch.svelte-1fb8mw9{margin-left:-28px}.circle.svelte-1fb8mw9{width:128px;height:128px;box-shadow:inset 0 0 0 1px var(--chip-edge);border-radius:50%}figcaption.svelte-1fb8mw9{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.35}.swatch.svelte-1fb8mw9 figcaption:where(.svelte-1fb8mw9){padding-left:28px}figcaption.svelte-1fb8mw9 span:where(.svelte-1fb8mw9){color:var(--ink);font-weight:500;display:block}.verdict.svelte-1fb8mw9{border-top:.5px solid var(--line);align-items:flex-start;gap:12px;margin-top:20px;padding-top:16px;display:flex}.badge.svelte-1fb8mw9{background:var(--fill);border-radius:50%;flex:none;place-items:center;width:36px;height:36px;display:grid}[data-verdict=yes].svelte-1fb8mw9 .badge:where(.svelte-1fb8mw9){background:var(--ink);color:var(--card)}p.svelte-1fb8mw9{margin:0}.word.svelte-1fb8mw9{letter-spacing:-.01em;font-size:24px;font-weight:600;line-height:1.2}.sentence.svelte-1fb8mw9{color:var(--muted);margin-top:2px}.reasons.svelte-1fb8mw9{margin:12px 0 0;padding:0;list-style:none}.reasons.svelte-1fb8mw9 li:where(.svelte-1fb8mw9){border-top:.5px solid var(--line);grid-template-columns:92px 1fr;gap:12px;padding:12px 0;display:grid}.dimension.svelte-1fb8mw9{color:var(--muted);padding-top:1px;font-size:13px;font-weight:600}small.svelte-1fb8mw9{color:var(--muted);margin-top:2px;font-size:13px;display:block}.notice.svelte-tzj326{margin-bottom:16px;padding:18px 16px}.notice.svelte-tzj326 strong:where(.svelte-tzj326){font-size:17px;font-weight:600}.notice.svelte-tzj326 p:where(.svelte-tzj326){color:var(--muted);margin:4px 0 14px}.photo.svelte-tzj326{justify-content:center;margin:0;padding:12px;display:flex}.photo.svelte-tzj326 img:where(.svelte-tzj326){cursor:crosshair;border-radius:8px;max-width:100%;max-height:52vh;display:block}.center.svelte-tzj326{text-align:center}.another.svelte-tzj326{margin-top:28px}.lead.svelte-p6k3y5{color:var(--muted);margin:8px 0 28px;font-size:17px}.pick.svelte-p6k3y5{text-align:left;width:100%;color:var(--ink);align-items:center;gap:14px;padding:18px 16px;display:flex}.icon.svelte-p6k3y5{background:var(--fill);border-radius:14px;flex:none;place-items:center;width:52px;height:52px;display:grid}.text.svelte-p6k3y5{flex-direction:column;flex:1;display:flex}.text.svelte-p6k3y5 strong:where(.svelte-p6k3y5){font-size:17px;font-weight:600}.text.svelte-p6k3y5 span:where(.svelte-p6k3y5){color:var(--muted);font-size:14px}.pick.svelte-p6k3y5>svg:last-child{color:var(--muted)}.strip.svelte-p6k3y5{margin:28px 0 0 6px;display:flex}.strip.svelte-p6k3y5 span:where(.svelte-p6k3y5){width:26px;height:26px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;margin-left:-6px}.drop.svelte-p6k3y5{margin-top:24px}@media (hover:none){.drop.svelte-p6k3y5{display:none}}.intro.svelte-jw6zbf{padding-top:6vh}.mark.svelte-jw6zbf{margin-bottom:28px;display:flex}.mark.svelte-jw6zbf span:where(.svelte-jw6zbf){border:1.5px solid var(--ink);border-radius:50%;width:44px;height:44px}.mark.svelte-jw6zbf span:where(.svelte-jw6zbf):first-child{background:var(--ink)}.mark.svelte-jw6zbf span:where(.svelte-jw6zbf)+span:where(.svelte-jw6zbf){margin-left:-14px}.lead.svelte-jw6zbf{color:var(--muted);margin:12px 0 32px;font-size:17px;line-height:1.5}.list.svelte-jw6zbf{margin:0 0 28px;padding:0;list-style:none}.list.svelte-jw6zbf li:where(.svelte-jw6zbf){gap:14px;padding:16px;display:flex}.list.svelte-jw6zbf li:where(.svelte-jw6zbf)+li:where(.svelte-jw6zbf){border-top:.5px solid var(--line)}.num.svelte-jw6zbf{background:var(--fill);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:13px;font-weight:600;display:grid}strong.svelte-jw6zbf{font-weight:600}li.svelte-jw6zbf p:where(.svelte-jw6zbf){color:var(--muted);margin:2px 0 0;font-size:15px}.footnote.svelte-jw6zbf{text-align:center}.title-row.svelte-1jsrqsg{justify-content:space-between;align-items:flex-start;display:flex}.count.svelte-1jsrqsg{color:var(--muted);margin:4px 0 20px;font-size:17px}.title-row.svelte-1jsrqsg .plain:where(.svelte-1jsrqsg){margin-top:10px}.empty.svelte-1jsrqsg{padding:20px 16px}.empty.svelte-1jsrqsg p:where(.svelte-1jsrqsg){color:var(--muted);margin:0 0 16px}.grid.svelte-1jsrqsg{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:14px 10px;margin:0;padding:16px;list-style:none;display:grid}.swatch.svelte-1jsrqsg{aspect-ratio:1;width:100%;max-width:56px;box-shadow:inset 0 0 0 1px var(--chip-edge);border-radius:50%;margin:0 auto;display:block}.sheet.svelte-1jsrqsg{width:min(560px,100vw);max-width:100vw;padding:28px 20px calc(env(safe-area-inset-bottom) + 16px);background:var(--card);color:var(--ink);text-align:center;box-shadow:0 0 0 .5px var(--line);border:0;border-radius:24px 24px 0 0;margin:auto auto 0}@media (width>=700px){.sheet.svelte-1jsrqsg{border-radius:24px;margin:auto}}.sheet.svelte-1jsrqsg:focus-visible{outline:none}.sheet.svelte-1jsrqsg::backdrop{background:0 0}.big.svelte-1jsrqsg{width:160px;height:160px;box-shadow:inset 0 0 0 1px var(--chip-edge);border-radius:50%;margin:0 auto 16px}.name.svelte-1jsrqsg{margin:0;font-size:20px;font-weight:600}.hex.svelte-1jsrqsg{color:var(--muted);font-variant-numeric:tabular-nums;margin:2px 0 20px}.done.svelte-1jsrqsg{justify-content:center;width:100%;margin-top:8px}main.svelte-1n46o8q{max-width:var(--page);padding:calc(env(safe-area-inset-top) + 12px) 20px calc(env(safe-area-inset-bottom) + 96px);min-height:100dvh;margin:0 auto}.error.svelte-1n46o8q{background:var(--card);border-radius:var(--r-card);margin:8px 0 16px;padding:14px 16px;font-weight:500}.tabbar.svelte-1n46o8q{padding:6px 0 calc(env(safe-area-inset-bottom) + 6px);background:color-mix(in oklch, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--line);z-index:10;justify-content:center;gap:72px;display:flex;position:fixed;inset:auto 0 0}.tabbar.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:72px;color:var(--muted);flex-direction:column;align-items:center;gap:2px;padding:4px 8px;font-size:11px;font-weight:500;display:flex}.tabbar.svelte-1n46o8q button.active:where(.svelte-1n46o8q){color:var(--ink)}