:root{--bg:#f7f7f5;--surface:#fff;--text:#1a1a1a;--text-muted:#6b6b6b;--border:#e0e0dc;--accent:#2563eb;--accent-text:#fff;--chip-bg:#ecece8;--chip-active-bg:#1a1a1a;--chip-active-text:#fff;--card-shadow:0 1px 3px #00000014, 0 8px 24px #0000000f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14141a;--surface:#1e1e26;--text:#f0f0f2;--text-muted:#a0a0aa;--border:#33333d;--accent:#5b8cff;--accent-text:#0a0a0a;--chip-bg:#2a2a33;--chip-active-bg:#f0f0f2;--chip-active-text:#14141a;--card-shadow:0 1px 3px #0000004d, 0 8px 24px #00000059}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;color:inherit}.app{max-width:480px;min-height:100svh;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.topbar{z-index:5;background:var(--bg);padding:calc(12px + env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--border);position:sticky;top:0}.topbar h1{text-align:center;margin:0 0 10px;font-size:1.15rem;font-weight:600}.deck-tabs{background:var(--chip-bg);border-radius:10px;gap:6px;padding:3px;display:flex}.tab{cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:9px 0;font-weight:500}.tab.active{background:var(--surface);box-shadow:var(--card-shadow)}.filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:10px 16px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--border);background:var(--chip-bg);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:6px 12px;font-size:.85rem}.chip.active{background:var(--chip-active-bg);color:var(--chip-active-text);border-color:#0000}.card-area{flex-direction:column;flex:1;align-items:center;gap:12px;padding:8px 16px 20px;display:flex}.progress{color:var(--text-muted);font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;min-height:320px;box-shadow:var(--card-shadow);cursor:pointer;text-align:left;border-radius:16px;flex:1;padding:22px;display:flex}.card-face{flex-direction:column;gap:12px;width:100%;display:flex}.card-tag{text-transform:uppercase;letter-spacing:.04em;background:var(--chip-bg);color:var(--text-muted);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:600}.card-tag[data-color=Blue]{color:#1e40af;background:#dbeafe}.card-tag[data-color=Green]{color:#166534;background:#dcfce7}.card-tag[data-color=Yellow]{color:#854d0e;background:#fef9c3}.card-tag[data-color=Orange]{color:#9a3412;background:#ffedd5}.card-tag[data-color=Pink]{color:#9d174d;background:#fce7f3}.freq-badge{color:#ca8a04;letter-spacing:1px;align-self:flex-start;font-size:.9rem}.card-text{font-size:1.1rem;line-height:1.45}.card-detail{color:var(--text-muted);font-size:.95rem;line-height:1.5;overflow-y:auto}.detail-toggle{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:6px 10px;font-size:.85rem}.learn-more{color:var(--accent);align-self:flex-start;font-size:.85rem;text-decoration:none}.hint{text-align:center;color:var(--text-muted);margin-top:auto;font-size:.75rem}.controls{gap:8px;width:100%;max-width:420px;display:flex}.controls button{background:var(--chip-bg);cursor:pointer;border:none;border-radius:12px;flex:1;min-height:48px;font-weight:500}.controls button:active{background:var(--accent);color:var(--accent-text)}.empty{text-align:center;color:var(--text-muted);padding:40px 16px}