:root{--bg: #0e1117;--surface: #161b22;--border: rgba(255,255,255,.08);--text: #e6edf3;--muted: rgba(230,237,243,.55);--accent: #58a6ff;--green: #3fb950;--yellow: #d29922;--red: #f85149;--radius: .65rem;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;font-size:15px}*,*:before,*:after{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}button{cursor:pointer;font:inherit}input{font:inherit}.app{max-width:540px;margin:0 auto;padding:2rem 1.25rem 3rem}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.header h1{font-size:1.4rem;font-weight:700;letter-spacing:-.025em}.subtitle{color:var(--muted);font-size:.82rem;margin-top:.15rem}.progress-ring{display:block}.ring-label{font-size:9px;fill:var(--muted);font-weight:600}.add-form{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.input{flex:1 1 100%;padding:.6rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted)}.difficulty-select{display:flex;gap:.35rem}.diff-btn{padding:.35rem .7rem;border-radius:.4rem;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.78rem;text-transform:capitalize;transition:all .15s}.diff-btn.active.diff-easy{background:#3fb95026;color:var(--green);border-color:#3fb95059}.diff-btn.active.diff-medium{background:#d2992226;color:var(--yellow);border-color:#d2992259}.diff-btn.active.diff-hard{background:#f8514926;color:var(--red);border-color:#f8514959}.btn-add{flex:1;padding:.45rem .8rem;border:none;border-radius:.4rem;background:var(--accent);color:#fff;font-weight:600;font-size:.82rem;transition:opacity .15s}.btn-add:disabled{opacity:.35;cursor:default}.btn-add:hover:not(:disabled){opacity:.85}.tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--border)}.tab{padding:.5rem .85rem;background:transparent;border:none;color:var(--muted);font-size:.82rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s;display:flex;align-items:center;gap:.4rem}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.tab:hover{color:var(--text)}.count{font-size:.7rem;font-weight:600;background:#ffffff14;padding:.1rem .4rem;border-radius:999px;min-width:1.3em;text-align:center}.empty{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:.9rem}.topic-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.topic-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem;transition:border-color .2s,box-shadow .2s}.topic-card.due{border-color:#58a6ff4d;box-shadow:0 0 0 1px #58a6ff14,0 0 20px -8px #58a6ff1f}.topic-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.topic-name{font-weight:600;font-size:.95rem}.badge{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .45rem;border-radius:.3rem}.badge-easy{background:#3fb9501f;color:var(--green)}.badge-medium{background:#d299221f;color:var(--yellow)}.badge-hard{background:#f851491f;color:var(--red)}.topic-meta{display:flex;gap:1.25rem;font-size:.78rem;color:var(--muted);margin-bottom:.55rem}.topic-meta strong{color:var(--text)}.topic-actions{display:flex;gap:.4rem}.btn-review,.btn-delete{padding:.3rem .65rem;border-radius:.35rem;border:1px solid var(--border);font-size:.75rem;font-weight:500;transition:all .15s}.btn-review{background:#58a6ff1f;color:var(--accent);border-color:#58a6ff40}.btn-review:hover{background:#58a6ff38}.btn-delete{background:transparent;color:var(--muted)}.btn-delete:hover{color:var(--red);border-color:#f851494d}.legend{margin-top:2rem;font-size:.72rem;color:var(--muted);text-align:center;padding-top:1rem;border-top:1px solid var(--border)}