:root{--bg:#2b2622;--surface:#3a332d;--text:#f4efe7;--muted:#b5aa9c;--accent:#e8a33d;--radius:14px;color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;background:var(--bg);height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}button{font:inherit;color:var(--text);background:var(--surface);cursor:pointer;border:none;border-radius:999px;padding:10px 16px;font-size:15px}button.primary{background:var(--accent);color:#2b2622;font-weight:700}button.link{color:var(--accent);text-align:left;background:0 0;padding:4px 0}.app{max-width:560px;height:100%;margin:0 auto;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:12px}.icon-btn-spacer{flex-shrink:0;width:40px}.icon-btn{flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;font-size:22px;line-height:1;display:grid}.round{height:100%;padding-block:8px 12px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:8px;display:flex}.round-head{align-items:center;gap:8px;display:flex}.round-title{text-align:center;flex:1}.palette{flex:1;min-height:0;position:relative}.palette-plastic,.palette-shade{pointer-events:none;position:absolute;inset:0;overflow:visible}.palette-plastic{filter:drop-shadow(0 3px 2px #00000040)drop-shadow(0 12px 18px #00000059)}.palette-shade.multiply{mix-blend-mode:multiply}.palette-canvas{position:absolute;inset:0}.tubes{justify-content:center;gap:6px 8px;margin:0;padding:0;list-style:none;display:grid}.tube{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.tube-icon{width:100%;max-width:44px;height:auto;display:block}.tube-name{text-align:center;color:var(--muted);font-size:9px;font-weight:600;line-height:1.1}.toolbar{justify-content:space-between;align-items:center;gap:8px;display:flex}.tool{background:0 0;border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:4px 10px 6px;display:flex}.tool:active{background:var(--surface)}.tool-icon{width:44px;height:44px;display:block}.tool-caption{color:var(--muted);font-size:11px}.swish{display:block}.swish .cup-brush{transform-origin:26px 30px;animation:.6s ease-in-out swish}@keyframes swish{0%,to{transform:rotate(0)}20%{transform:rotate(-14deg)}45%{transform:rotate(12deg)}70%{transform:rotate(-8deg)}}@media (prefers-reduced-motion:reduce){.swish .cup-brush{animation:none}}.chips{flex-shrink:0;grid-template-columns:1fr 1fr;gap:10px;display:grid}.chip{background:#fdfcf8;border-radius:6px;flex-direction:column;min-width:0;margin:0;padding:6px 6px 0;display:flex;box-shadow:0 2px #00000040,0 6px 16px #00000040}.chip-swatch{border-radius:2px;height:clamp(80px,13dvh,120px);position:relative;overflow:hidden}.chip-label{color:#1f1b18;flex-direction:column;justify-content:center;gap:1px;min-height:48px;padding:7px 2px 8px;display:flex}.chip-name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;line-height:1.15;overflow:hidden}.chip-code{letter-spacing:.06em;color:#6f6962;font-variant-numeric:tabular-nums;font-size:11px}.answer .chip-swatch{background:#eeeeec url(/assets/laid-paper-BEqcf2bJ.webp) 50%/213px;box-shadow:inset 0 0 0 1px #00000014,inset 0 1px 3px #00000014}.chip-canvas{position:absolute;inset:0}.chip-hint{text-align:center;color:#00000059;pointer-events:none;place-items:center;padding:8px;font-size:13px;display:grid;position:absolute;inset:0}.chip-actions{gap:6px;display:flex}.chip-actions button{flex:1;padding:7px 0;font-size:14px}.chip-actions button:not(.primary){color:#1f1b18;background:#ebe7e0}.result-backdrop{z-index:20;background:#14100db8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.result{background:var(--bg);border-radius:22px;flex-direction:column;gap:16px;width:min(400px,100%);padding:20px;display:flex}.result-head{align-items:center;gap:14px;display:flex}.result-score{font-variant-numeric:tabular-nums;font-size:56px;font-weight:800;line-height:1}.result-verdict{flex-direction:column;font-size:20px;font-weight:700;display:flex}.result-verdict small{color:var(--muted);font-size:13px;font-weight:400}.result-chips{grid-template-columns:1fr 1fr;gap:10px;display:grid}.recipe ul{flex-direction:column;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.recipe li{align-items:center;gap:8px;font-size:15px;display:flex}.recipe-dot{border-radius:50%;flex-shrink:0;width:16px;height:16px;box-shadow:inset 0 0 0 1px #ffffff40}.result-actions{gap:8px;display:flex}.result-actions button{flex:1}.home{-webkit-user-select:none;height:100%;padding-block:20px 28px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:22px;display:flex;overflow-y:auto}.home-head h1{letter-spacing:-.02em;margin:0;font-size:34px}.home-head p{color:var(--muted);margin:4px 0 0}.daily{grid-template-columns:150px 1fr;align-items:center;gap:16px;display:grid}.daily-info{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.daily-palette{font-size:15px}.daily-score{color:var(--accent);font-weight:600}.daily-info button{margin-top:6px}.sets{flex-direction:column;gap:12px;display:flex}.set{background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.set-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.set h2{margin:0;font-size:18px}.set p{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.set-paints{flex-wrap:wrap;justify-content:flex-end;gap:3px;display:flex}.paint-dot{border-radius:50%;width:14px;height:14px;box-shadow:inset 0 0 0 1px #fff3}.set-levels{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.set-levels button{background:#ffffff12;border-radius:12px;flex-direction:column;align-items:center;gap:1px;padding:9px 4px;display:flex}.set-levels small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.credits{color:var(--muted);font-size:12px;line-height:1.5}.credits a{color:inherit}.sheet-backdrop{z-index:25;background:#14100d80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:min(560px,100%);max-height:85%;padding:16px max(16px, env(safe-area-inset-left,0px)) max(20px, env(safe-area-inset-bottom,0px));border-radius:20px 20px 0 0;flex-direction:column;gap:12px;display:flex;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-head h2{margin:0;font-size:18px}.slider{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.slider b{color:var(--text);font-weight:600}.slider input{width:100%;accent-color:var(--accent)}.toggle{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.toggle input{accent-color:var(--accent)}.perf{top:max(8px, env(safe-area-inset-top));right:max(8px, env(safe-area-inset-right));z-index:30;pointer-events:none;color:#fff;font-variant-numeric:tabular-nums;background:#000000b3;border-radius:8px;padding:6px 8px;font:12px/1.4 ui-monospace,Menlo,monospace;position:fixed}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}