:root{--bg: #1c1a16;--panel: #262320;--ink: #ece3d3;--muted: #a99c85;--line: #3a352d;--accent: #c0843a;--accent-dim: #8a5e29;--good: #7fae5a;--bad: #c5604a;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}#app{max-width:1040px;margin:0 auto;padding:18px 16px 48px}header h1{margin:0;letter-spacing:.14em;font-size:1.5rem;color:var(--accent)}header .sub{margin:4px 0 0;color:var(--muted);font-size:.92rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0;padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.modes{display:flex;gap:6px}.status{display:flex;gap:16px;flex:1;justify-content:center;color:var(--muted);font-size:.88rem}.status b{color:var(--ink)}.actions{display:flex;gap:8px}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:7px 13px;border-radius:7px;transition:background .12s,border-color .12s}button:hover{border-color:var(--accent-dim)}button.mode.active{background:var(--accent);color:#1c1a16;border-color:var(--accent)}button.primary{background:var(--accent);color:#1c1a16;border-color:var(--accent);font-weight:600}button.primary:hover{background:#d2954a}.sheet{display:grid;grid-template-columns:300px 1fr;gap:0;background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow:hidden}.cuecol{border-right:2px solid var(--accent-dim);padding:14px 12px;background:#221f1b;display:flex;flex-direction:column;gap:8px}.cuehead,.sumhead{margin:0 0 6px;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.cue{text-align:left;display:flex;flex-direction:column;gap:3px;border-radius:6px;padding:8px 10px;width:100%}.cue.picked{background:var(--accent-dim);border-color:var(--accent);color:#fff}.cue .qtext{font-size:.9rem}.cue .yield{font-size:.72rem;color:var(--muted);font-style:italic}.cue.picked .yield{color:#f3e6cf}.notes{padding:16px 18px}.ptitle{margin:0 0 10px;font-size:1.15rem}.pbody{margin:0}.phint{margin-top:14px;color:var(--muted);font-size:.82rem;border-top:1px dashed var(--line);padding-top:10px}.summary{margin-top:14px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:10px;padding:14px 16px}.sumsub{color:var(--muted);font-size:.7rem;text-transform:none;letter-spacing:0;font-weight:400}.sumempty{color:var(--muted);margin:6px 0 0}.sumlist{margin:6px 0 0;padding-left:18px}.sumlist li{margin:3px 0}.summissing{color:var(--bad);font-size:.85rem;margin:8px 0 0}.sumdone{color:var(--good);font-size:.85rem;margin:8px 0 0}.result{margin-top:14px;background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:16px;text-align:center}.result h2{margin:0 0 4px;color:var(--accent)}.result .big{font-size:2rem;font-weight:700;margin:4px 0 10px}.breakdown{list-style:none;padding:0;margin:0 auto 14px;max-width:320px;text-align:left}.breakdown li{display:flex;justify-content:space-between;padding:3px 0;border-bottom:1px solid var(--line);font-size:.9rem}@media(max-width:720px){.sheet{grid-template-columns:1fr}.cuecol{border-right:none;border-bottom:2px solid var(--accent-dim)}.status{order:3;width:100%}}