:root{--bg: #f4f1de;--surface: #fffaf0;--accent: #0f4c5c;--accent-soft: #2f7a8a;--text: #1f2933;--muted: #52606d;--border: #d9d4c7}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#fffdf7,var(--bg))}button,select,input{font:inherit}.app{max-width:1100px;margin:0 auto;padding:1rem}.header h1{margin:0;color:var(--accent)}.header p{margin:.5rem 0 0;color:var(--muted)}.controls{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem}.controls label{display:grid;gap:.4rem;color:var(--muted);font-weight:600}.controls .check{display:flex;align-items:center;gap:.5rem}.layout{margin-top:1rem;display:grid;grid-template-columns:250px 1fr;gap:1rem}.categories{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.75rem;display:grid;gap:.45rem;align-content:start}.categories button{text-align:left;border:1px solid var(--border);background:#fff;border-radius:8px;padding:.55rem;cursor:pointer}.categories button.active{background:var(--accent);border-color:var(--accent);color:#fff}.deck{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem}.deck-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.deck-header h2{margin:0}.deck-header p{margin:0;color:var(--muted)}.card-shell{margin-top:.75rem;display:grid;gap:.85rem}.flash-card{width:100%;min-height:210px;border:2px solid var(--accent-soft);border-radius:14px;background:linear-gradient(180deg,#fff,#fdf6eb);padding:1.2rem;text-align:left;cursor:pointer}.face-label{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem}.face-text{margin:.7rem 0;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.hint{margin:0;color:var(--muted)}.card-image-wrap{margin:0}.card-image{width:100%;max-height:250px;border-radius:10px;object-fit:cover;border:1px solid var(--border)}.card-image-wrap figcaption{font-size:.75rem;margin-top:.35rem}.card-footer{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}.badge{margin:0;background:#fef3c7;border:1px solid #f59e0b;color:#7c2d12;border-radius:999px;padding:.2rem .65rem;font-size:.85rem}.audio-button,.deck-actions button{border:1px solid var(--accent);background:#fff;color:var(--accent);border-radius:8px;padding:.4rem .7rem;cursor:pointer}.audio-button:hover,.deck-actions button:hover{background:#eff8fa}.notes,.tags,.context{margin:0;color:var(--muted)}.deck-actions{display:flex;flex-wrap:wrap;gap:.55rem}.loading{min-height:50vh;display:grid;place-content:center}.error{color:#b91c1c}@media (max-width: 900px){.layout{grid-template-columns:1fr}.categories{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}