:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--paper:#fffaf3;--ink:#1c1915;--muted:#6d6458;--line:#e4d8c8;--accent:#c45c26;--accent-dark:#9b4318;--easy:#2f6f4e;--hard:#a33b32;--shadow:0 18px 40px #462f1b14;font-family:Segoe UI,Trebuchet MS,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{background-image:radial-gradient(circle at 0 0,#c45c2614,#0000 32%),radial-gradient(circle at 100% 100%,#2f6f4e14,#0000 28%)}a{color:var(--accent-dark)}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#fffaf3e6;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;color:var(--ink);font-weight:700;text-decoration:none}.topbar-nav{align-items:center;gap:1rem;display:flex}.user-chip{color:var(--muted);font-size:.9rem}.page{width:min(860px,100% - 2rem);margin:2rem auto 4rem}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .4rem;font-size:.72rem}h1{margin:0 0 .4rem;font-size:2rem}.lede,.muted{color:var(--muted);line-height:1.5}.primary,.secondary,.easy,.hard{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.2rem;text-decoration:none;display:inline-flex}.primary{background:var(--accent);color:#fff}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.link-button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;padding:0}.danger{color:var(--hard)}.inline-form,.card-form,.auth-card,.category-row,.card-row{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow)}.inline-form{border-radius:16px;gap:.75rem;margin-bottom:1.25rem;padding:.75rem;display:flex}.inline-form input,.auth-card input,.card-form textarea{border:1px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:.75rem .9rem}.category-list,.card-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.category-row,.card-row{border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.checkbox{align-items:center;gap:.7rem;font-weight:600;display:flex}.row-actions{align-items:center;gap:.9rem;display:flex}.card-form{border-radius:20px;gap:1rem;margin-bottom:1.5rem;padding:1.2rem;display:grid}.card-form label,.auth-card label{gap:.45rem;display:grid}.card-question{margin:0 0 .35rem;font-weight:700}.card-answer{color:var(--muted);margin:0 0 .6rem}.pill{background:#eee7dc;border-radius:999px;padding:.15rem .6rem;font-size:.8rem;display:inline-flex}.pill-easy{color:var(--easy);background:#dceee4}.pill-hard{color:var(--hard);background:#f8ddd9}.voice-input{margin-top:.45rem}.mic-button{border:1px dashed var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:.4rem .85rem}.mic-button.is-recording{border-color:var(--hard);color:var(--hard)}.auth-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.auth-card{border-radius:24px;gap:.9rem;width:min(420px,100%);padding:2rem;display:grid}.auth-switch{color:var(--muted);margin:0}.field-error{color:var(--hard);margin:0}.empty{color:var(--muted)}.back-link{margin:0 0 1rem}.flashcard{perspective:1200px;cursor:pointer;background:0 0;border:0;width:100%;height:280px;padding:0}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .5s;display:block;position:relative}.flashcard.is-flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-face{backface-visibility:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;justify-content:center;gap:.75rem;padding:1.5rem;display:flex;position:absolute;inset:0}.flashcard-back{background:#fff7ea;transform:rotateY(180deg)}.flashcard-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.8rem}.flashcard-text{font-size:1.35rem;line-height:1.45}.flashcard-hint{color:var(--muted);font-size:.9rem}.rate-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.25rem;display:flex}.easy{background:var(--easy);color:#fff}.hard{background:var(--hard);color:#fff}.quiz-end{text-align:center;padding-top:3rem}.quiz-end .primary{margin-top:1rem}@media (width<=700px){.page-header,.category-row,.card-row,.inline-form{flex-direction:column;align-items:stretch}}