:root{color-scheme:dark;--bg: #101418;--bg-soft: #171c22;--card: #1c232b;--border: #2b343f;--text: #e6e9ee;--muted: #8b96a3;--accent: #4fae8e;--accent-strong: #63c9a5;--danger: #e06c75;--warn: #d8a657;--radius: 10px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}#root{min-height:100vh}.boot{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--muted)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:340px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:1.6rem;color:var(--accent-strong)}.login-card .muted{margin:0 0 8px}input,select,button{font:inherit;color:var(--text)}input,select{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:9px 12px;outline:none}input:focus,select:focus{border-color:var(--accent)}.btn{background:var(--bg-soft);border:1px solid var(--border);border-radius:8px;padding:9px 14px;cursor:pointer;white-space:nowrap}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#0c1210;font-weight:600}.btn.primary:hover{background:var(--accent-strong)}.btn.ghost{background:transparent}.btn.small{padding:3px 8px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:default}.muted{color:var(--muted)}.pad{padding:12px}.center{text-align:center}.error{color:var(--danger)}.banner{border-radius:8px;padding:8px 12px;margin:10px 0;font-size:.92rem;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.banner.error,.banner.err{background:#e06c751f;border:1px solid rgba(224,108,117,.4)}.banner.ok{background:#4fae8e1f;border:1px solid rgba(79,174,142,.4)}.banner.conflict{background:#d8a6571f;border:1px solid rgba(216,166,87,.5)}.page{max-width:860px;margin:0 auto;padding:0 16px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.brand{font-size:1.25rem;font-weight:700;color:var(--accent-strong)}.topbar-actions{display:flex;gap:8px;flex-wrap:wrap}.controls{padding:14px 0 4px;display:flex;flex-direction:column;gap:10px}.search-row{display:flex;gap:8px}.search{flex:1}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters select{flex:1;min-width:120px}.quickadd{padding:6px 0 0}.quickadd-row{display:flex;gap:8px;flex-wrap:wrap}.quickadd-row input{flex:1 1 140px;min-width:0}.quickadd-row select{flex:0 0 auto}.list{margin-top:14px;display:flex;flex-direction:column;gap:8px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.card-main{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.card-word .tat{font-size:1.12rem;font-weight:600}.card-word .ru{color:var(--muted);margin-left:6px}.card-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.card-comment{margin-top:6px;color:var(--muted);font-size:.92rem}.badge{font-size:.75rem;border:1px solid var(--border);border-radius:999px;padding:2px 9px;color:var(--muted)}.badge.type-verb{color:var(--accent-strong);border-color:#4fae8e80}.badge.type-affix{color:var(--warn);border-color:#d8a65780}.badge.status-learned{color:var(--accent-strong)}.badge.status-learning{color:var(--warn)}.forms{margin-top:10px;border-top:1px dashed var(--border);padding-top:8px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px}.form-row{display:flex;justify-content:space-between;gap:10px;font-size:.92rem}.form-name{color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:40px 0}.flash .card{animation:flash 1.6s ease-out}@keyframes flash{0%{border-color:var(--accent-strong);box-shadow:0 0 0 2px #63c9a566}to{border-color:var(--border);box-shadow:none}}.spotlight{margin-top:12px;border:1px solid var(--accent);border-radius:var(--radius);background:#4fae8e12;padding:10px}.spotlight-head{display:flex;justify-content:space-between;align-items:center;color:var(--accent-strong);font-size:.85rem;margin-bottom:6px}.spotlight .card{background:transparent;border:none;padding:4px}.palette-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;justify-content:center;align-items:flex-start;padding:12vh 12px 12px;z-index:50}.palette{width:100%;max-width:540px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.palette input{border:none;border-bottom:1px solid var(--border);border-radius:0;background:var(--bg-soft);padding:14px 16px;font-size:1.05rem}.palette-results{max-height:320px;overflow-y:auto}.palette-item{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;background:transparent;border:none;padding:10px 16px;cursor:pointer}.palette-item .ru{color:var(--muted)}.palette-item.active{background:#4fae8e29}.palette-foot{border-top:1px solid var(--border);padding:8px 16px;font-size:.78rem}@media (max-width: 560px){.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:space-between}.topbar-actions .btn{flex:1;font-size:.88rem;padding:8px 6px}.card-main{flex-direction:column;gap:6px}.quickadd-row{flex-direction:column}.quickadd-row input,.quickadd-row select{width:100%}.filters{flex-direction:column}}