:root{--bg: #f6f7f9;--card: #ffffff;--text: #1c2330;--muted: #6b7688;--border: #e3e7ee;--primary: #2f6fed;--primary-dark: #2456c4;--green: #2e9e5b;--amber: #d97706;--red: #d94a4a;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.45}.page{max-width:1100px;margin:0 auto;padding:20px 16px 60px}.page.narrow{max-width:520px}.page.center{text-align:center}.loading{color:var(--muted);padding:24px;text-align:center}h1{font-size:24px;margin:8px 0 16px}h2{font-size:17px;margin:4px 0 12px}.topbar{background:var(--card);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.topbar-inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:18px}.topbar .brand{font-weight:700;cursor:pointer;white-space:nowrap}.topbar nav{display:flex;gap:4px;flex-wrap:wrap}.topbar nav a{color:var(--muted);text-decoration:none;padding:6px 10px;border-radius:8px}.topbar nav a.active,.topbar nav a:hover{background:#eef3ff;color:var(--primary)}.topbar .spacer,.controls .spacer,.controls-label .spacer{flex:1}.username{color:var(--muted);white-space:nowrap}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:18px}.add-card .tabs{display:flex;gap:6px;margin-bottom:12px}.tab{border:1px solid var(--border);background:#fff;padding:7px 12px;border-radius:8px;cursor:pointer;color:var(--muted)}.tab.on{border-color:var(--primary);color:var(--primary);background:#eef3ff}.input,select,textarea.textarea{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}.input:focus,select:focus,textarea.textarea:focus{outline:2px solid #b9cdff;border-color:var(--primary)}.textarea{width:100%;resize:vertical;margin-bottom:8px}label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;color:var(--text);text-decoration:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:disabled{opacity:.6;cursor:wait}.btn-ghost{border:none;background:transparent;padding:6px}.btn-audio{border:1px solid var(--border);background:#fff;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:13px;line-height:1}.btn-audio:hover{background:#eef3ff}.error{color:var(--red)}.ok{color:var(--green)}.hint{color:var(--muted);font-size:12.5px;font-weight:400}code{background:#eef1f5;padding:2px 6px;border-radius:6px;word-break:break-all}code.small{font-size:12px}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 14px}.controls .checks{display:inline-flex;gap:10px}.check{color:var(--text);cursor:pointer}.bulk-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;border-color:#b9cdff;background:#f2f7ff}.cell-check{width:34px;text-align:center}.cell-check input{cursor:pointer}.add-word-btn{margin-left:14px;vertical-align:middle}.add-word-card{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;border-color:#b9cdff;background:#f2f7ff}.list-table,.word-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.list-table th,.word-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--border);background:#fafbfc}.list-table td,.word-table td{padding:8px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.list-table tr:last-child td,.word-table tr:last-child td{border-bottom:none}.word-table tbody tr:hover{background:#f6f9ff}td.empty{color:var(--muted);text-align:center;padding:22px}.row-actions{white-space:nowrap;text-align:right}.cell-word .lemma{font-weight:600;font-size:15px}.cell-word .pos,.cell-word .diff,.cell-word .src{color:var(--muted);font-size:11.5px;margin-left:6px}.cell-ipa{color:#475569;font-family:Segoe UI,sans-serif;white-space:nowrap}.cell-tr{color:var(--text)}.cell-example{color:var(--muted);font-size:13px;max-width:260px}.example-closed{cursor:pointer;color:var(--primary);white-space:nowrap}.example-open{cursor:pointer}.example-open .collapse{color:var(--muted)}.status-group{display:inline-flex;gap:4px}.chip{border:1px solid var(--border);background:#fff;color:var(--muted);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.chip-known.on{background:#e5f6ec;border-color:var(--green);color:var(--green)}.chip-learning.on{background:#fdf3e3;border-color:var(--amber);color:var(--amber)}.chip-unclear.on{background:#fdeaea;border-color:var(--red);color:var(--red)}.status-known .cell-word .lemma{color:#8b9bb0}@media (max-width: 720px){.cell-example,.cell-ipa{display:none}.word-table th:nth-child(2),.word-table th:nth-child(4){display:none}.controls,.topbar-inner{gap:8px}.username{display:none}}