:root{color-scheme:dark;--bg:#1e1e1e;--fg:#e8e8e8;--muted:#9aa0a6;--accent:#7cc4ff;--card:#2a2a2a;--bad:#ff7a7a;--good:#7be08a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.45 system-ui,sans-serif}main{max-width:760px;margin:0 auto;padding:12px}nav{display:flex;gap:4px;flex-wrap:wrap;padding:8px 12px;background:#151515;position:sticky;top:0;z-index:2}nav button{background:none;border:0;color:var(--muted);padding:8px 12px;border-radius:8px;font-size:15px}nav button.active{color:var(--fg);background:var(--card)}input,textarea,select{width:100%;padding:10px;font-size:17px;background:var(--card);color:var(--fg);border:1px solid #444;border-radius:8px}button.btn{padding:10px 16px;font-size:16px;border-radius:8px;border:0;background:var(--accent);color:#06121c;cursor:pointer}button.ghost{background:var(--card);color:var(--fg)}.card{background:var(--card);border-radius:12px;padding:12px;margin:10px 0}.ipa{font-size:26px;letter-spacing:.5px}.src{font-size:12px;color:var(--muted)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.chip{padding:4px 10px;border-radius:999px;background:#3a3a3a;font-size:13px;cursor:pointer;border:0;color:var(--fg)}.chip.on{background:var(--accent);color:#06121c}.err{color:var(--bad)}ul.plain{list-style:none;padding:0;margin:0}ul.plain li{padding:8px 0;border-bottom:1px solid #333}a{color:var(--accent)}@media(max-width:480px){.ipa{font-size:22px}}