:root{--bg:#f6f4ef;--card:#fff;--ink:#2b2a27;--muted:#7a776f;--line:#e4e0d6;--accent:#3d7a5f;--accent-soft:#e3f0e9;--danger:#b4483a;--warn:#b7791f;--common:#7a776f;--fine:#2f6fb3;--rare:#8a3fb3;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Noto Sans TC,PingFang TC,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#1b1c1a;--card:#262724;--ink:#ecebe6;--muted:#a19e95;--line:#3a3b37;--accent:#6cbf97;--accent-soft:#24382e;--common:#a19e95;--fine:#74a9e6;--rare:#c58ae6}}*{box-sizing:border-box}body{margin:0}.app{flex-direction:column;gap:12px;max-width:560px;margin:0 auto;padding:12px 12px 80px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.card h1{margin:0 0 8px}.card h2{margin:0 0 10px;font-size:16px}.card p{margin:6px 0}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0;display:flex}.line{flex-wrap:wrap;align-items:center;gap:10px;padding:4px 0;display:flex}.line .label{width:3em;color:var(--muted)}.item-row{border-top:1px solid var(--line);padding:8px 0}.muted{color:var(--muted);font-size:14px}.warn{color:var(--warn)}button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;padding:8px 14px;display:inline-flex}button small{color:var(--muted);font-size:12px}button.small{padding:4px 10px;font-size:14px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.selected{border-color:var(--accent);background:var(--accent-soft)}button.danger{color:var(--danger)}input{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:7px 10px}input[type=number]{width:6em;margin-left:6px}.tabs{background:var(--bg);z-index:1;gap:6px;padding:6px 0;display:flex;position:sticky;top:0;overflow-x:auto}.tabs button{white-space:nowrap;flex:1;padding:8px 6px}button:disabled{opacity:.45;cursor:not-allowed}.recipe{justify-content:space-between;align-items:center;gap:10px;display:flex}.recipe button{flex-shrink:0;min-width:5.5em}.odds{flex-wrap:wrap;gap:12px;display:flex}.check{align-items:center;gap:8px;padding:6px 0;display:flex}.check.disabled{color:var(--muted)}.check input{width:20px;height:20px;accent-color:var(--accent);margin:0}.result.ok{border-color:var(--accent);background:var(--accent-soft)}.result.bad{border-color:var(--danger)}.bar{background:var(--line);border-radius:4px;height:8px;margin:6px 0;overflow:hidden}.bar-fill{background:var(--accent);height:100%}.q{border:1px solid;border-radius:4px;padding:1px 6px;font-size:12px}.q-common{color:var(--common)}.q-fine{color:var(--fine)}.q-rare{color:var(--rare)}.dot{background:var(--line);border-radius:50%;width:8px;height:8px}.dot.on{background:var(--accent)}.log{border-top:1px solid var(--line);padding:4px 0}.toast{background:var(--ink);color:var(--bg);border-radius:8px;max-width:90vw;padding:10px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.welcome{flex-direction:column;gap:10px;margin-top:20vh;display:flex}.debug{border-style:dashed}