:root{--paper: #f7f3ec;--paper-deep: #efe8db;--ink: #1d1a16;--ink-soft: #575046;--line: #ddd3c0;--accent: #8f5b10;--accent-deep: #6e450a;--accent-soft: #f2e4c8;--good: #2e6b34;--bad: #a4271a;--card: #fffdf8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.65;font-size:17px}h1,h2,h3{font-family:Georgia,Iowan Old Style,Times New Roman,serif;line-height:1.15;letter-spacing:-.01em;margin:0 0 .5em}h1{font-size:clamp(2.1rem,5vw,3.2rem)}h2{font-size:clamp(1.5rem,3.4vw,2.1rem);margin-top:1.6em}h3{font-size:1.2rem;margin-top:1.3em}p{margin:0 0 1em;max-width:68ch}a{color:var(--accent-deep)}.wrap{max-width:1200px;margin:0 auto;padding:0 24px}header.site{border-bottom:1px solid var(--line);background:var(--paper)}header.site .wrap{display:flex;align-items:center;gap:28px;padding-top:16px;padding-bottom:16px;flex-wrap:wrap}.brand{font-family:Georgia,Iowan Old Style,serif;font-size:1.45rem;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}.brand em{color:var(--accent);font-style:normal}nav.main{display:flex;gap:20px;flex-wrap:wrap;margin-left:auto}nav.main a{color:var(--ink-soft);text-decoration:none;font-size:.98rem}nav.main a:hover{color:var(--accent-deep)}main{padding:44px 0 20px}.lede{font-size:1.13rem;color:var(--ink-soft);max-width:62ch}.tool{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(20px,4vw,44px);margin:28px 0 8px;box-shadow:0 18px 40px -28px #3c2a1459}button,.btn{font:inherit;cursor:pointer;border-radius:999px;padding:11px 26px;border:1px solid var(--accent);background:var(--accent);color:#fff;font-weight:600;text-decoration:none;display:inline-block}button:hover,.btn:hover{background:var(--accent-deep)}button.ghost,.btn.ghost{background:transparent;color:var(--accent-deep)}button.ghost:hover,.btn.ghost:hover{background:var(--accent-soft)}button.plain{background:transparent;color:var(--ink-soft);border-color:var(--line)}button.plain:hover{background:var(--paper-deep)}button:disabled{opacity:.45;cursor:default}.chips{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.chips button{padding:6px 16px;font-size:.92rem}.chips button.on{background:var(--accent-deep);border-color:var(--accent-deep);color:#fff}.statusline{text-align:center;color:var(--ink-soft);min-height:1.6em;font-variant-numeric:tabular-nums;margin-top:12px}.statusline strong{color:var(--accent-deep)}.mixrow{display:grid;grid-template-columns:92px 1fr 52px;align-items:center;gap:14px;max-width:620px;margin:0 auto 12px}.mixrow label{font-weight:650}.mixrow output{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}input[type=range]{width:100%;accent-color:var(--accent);height:28px;cursor:pointer}.masterrow{display:grid;grid-template-columns:92px 1fr 52px;align-items:center;gap:14px;max-width:620px;margin:18px auto 0;padding-top:16px;border-top:1px dashed var(--line)}.masterrow label{font-weight:650}.masterrow output{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft)}.playrow{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:6px}.playbig{font-size:1.1rem;padding:14px 44px}.timerbox{max-width:620px;margin:22px auto 0;padding-top:18px;border-top:1px dashed var(--line);text-align:center}.timerbox .tlabel{font-weight:650;letter-spacing:.04em;text-transform:uppercase;font-size:.85rem;color:var(--ink-soft)}.custommin{display:inline-flex;gap:8px;align-items:center;margin-left:10px}.custommin input{font:inherit;width:84px;text-align:center;padding:7px 6px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-variant-numeric:tabular-nums}.safety{border:1px solid var(--line);border-left:4px solid var(--accent);background:var(--paper);border-radius:10px;padding:14px 18px;max-width:68ch;margin:22px 0}.safety p{margin:0;font-size:.97rem}figure.spectrum{margin:24px 0;max-width:720px}figure.spectrum svg{width:100%;height:auto;background:var(--card);border:1px solid var(--line);border-radius:14px}figure.spectrum figcaption{color:var(--ink-soft);font-size:.92rem;margin-top:8px}table{border-collapse:collapse;width:100%;margin:14px 0 22px}th,td{border-bottom:1px solid var(--line);padding:9px 12px;text-align:left;font-variant-numeric:tabular-nums}th{font-size:.86rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.faq dt{font-weight:650;margin-top:1.1em}.faq dd{margin:.3em 0 0;color:var(--ink-soft);max-width:68ch}.cardgrid{display:grid;gap:16px;margin:20px 0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.minicard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 20px}.minicard h3{margin-top:0}.minicard p{font-size:.95rem;color:var(--ink-soft);margin-bottom:.6em}footer.site{border-top:1px solid var(--line);margin-top:56px;padding:36px 0 44px;background:var(--paper-deep)}footer.site h2{margin-top:0;font-size:1.35rem}.sisters{display:grid;gap:6px 28px;list-style:none;padding:0;margin:0 0 22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sisters li{padding:7px 0;border-bottom:1px dashed var(--line);font-size:.95rem;color:var(--ink-soft)}.sisters a{font-weight:650;text-decoration:none}.sisters a:hover{text-decoration:underline}.footmeta{color:var(--ink-soft);font-size:.92rem;display:flex;gap:18px;flex-wrap:wrap}.pro{border:1px dashed var(--accent);border-radius:14px;padding:16px 20px;margin:26px 0;background:var(--accent-soft);max-width:68ch}.pro p{margin:0}
