:root{color:#111827;background:#f8fafc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,.button{align-items:center;background:#2563eb;border:0;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;justify-content:center;padding:.8rem 1rem;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.45}input,select,textarea{border:1px solid #d1d5db;border-radius:1rem;font:inherit;padding:.85rem 1rem;margin-top:.25rem;width:100%}input:focus,select:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;outline:none}textarea{min-height:7rem}label{color:#374151;display:grid;font-weight:700;gap:.3rem}h1,h2,p{margin-top:0}.auth{display:grid;min-height:100vh;padding:1rem;place-items:center}.shell{margin:0 auto;max-width:980px;padding:1rem}.learn-shell{padding-bottom:7rem}.topbar{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.panel,.set-card,.study-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;box-shadow:0 12px 35px #0f172a14;padding:1.35rem}.stack{display:grid;gap:1rem}.panel>form,form.panel{display:grid;gap:1.25rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.split-actions{align-items:flex-start;justify-content:space-between}.tabs{background:#e5e7eb;border-radius:999px;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr);margin-bottom:1rem;padding:.25rem}.tabs button{background:transparent;color:#374151}.tabs button.active{background:#fff;color:#111827;box-shadow:0 8px 20px #0f172a14}.empty-state{background:#eff6ff;border:1px dashed #93c5fd;border-radius:1.5rem;padding:1.25rem}.auth-panel,.dictionary{margin:1rem auto;max-width:720px}.grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.compact-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.set-card{align-items:center;display:flex;gap:1rem;justify-content:space-between}.set-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.study-card{align-content:start;display:grid;gap:1rem;margin-bottom:1rem;min-height:55vh}.compact-action-panel{display:grid;gap:1rem;margin-bottom:1rem}.study-stats{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.study-stats div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:1rem;padding:.85rem}.study-stats span{display:block;font-size:1.6rem;font-weight:800}.study-stats small{color:#64748b;font-weight:700}.card-editor{margin-top:1rem}.card-edit-item{border:1px solid #e5e7eb;border-radius:1rem;padding:.75rem}.card-edit-item summary{align-items:center;cursor:pointer;display:flex;gap:1rem;justify-content:space-between}.card-edit-form{display:grid;gap:1.25rem;margin-top:1.25rem}.pagination-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.add-card-view{display:grid;gap:1.35rem}.front-input-row{align-items:end;display:grid;gap:1rem;grid-template-columns:1fr auto}.magic-button{border-radius:1rem;min-height:3.25rem;min-width:3.25rem;padding:.75rem}.study-actions{display:flex;justify-content:flex-end}.study-bottom-bar{align-items:center;background:#f8fafcf0;border-top:1px solid #e5e7eb;bottom:0;display:flex;gap:.5rem;left:0;padding:.75rem max(1rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));position:fixed;right:0;z-index:10}.study-bottom-bar>.full,.study-bottom-bar>.review-buttons,.study-bottom-bar>.front-actions{margin:0 auto;max-width:980px}.front-actions{display:grid;gap:.5rem;grid-template-columns:1fr 4fr;width:100%}.undo-button{background:#f97316}.show-back-button{width:100%}.icon-button{flex:0 0 auto;min-width:3rem}.html-card{border:1px dashed #cbd5e1;border-radius:1rem;font-size:1.35rem;min-height:180px;padding:1.25rem}.back-card{border-style:solid}.card-side-label{color:#64748b;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.clarification{background:#eff6ff;border-radius:1rem;padding:1rem}.review-buttons{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);width:100%}.ghost{background:transparent;color:#2563eb}.danger{background:#dc2626}.full{width:100%}.eyebrow{color:#2563eb;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.error{background:#fee2e2;border-radius:1rem;color:#991b1b;padding:.75rem 1rem}.success{background:#dcfce7;border-radius:1rem;color:#166534;padding:.75rem 1rem}@media(max-width:640px){.topbar,.set-card{align-items:stretch;flex-direction:column}.set-card-actions{display:grid}.review-buttons{grid-template-columns:1fr 1fr}.tabs{border-radius:1.25rem;grid-template-columns:1fr}}