@import url("https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,300;0,400;0,600;1,300;1,400&family=DM+Mono:wght@300;400;500&family=Instrument+Sans:wght@400;500;600&display=swap");:root{--bg:#0d1117;--bg-subtle:#161b22;--bg-card:#1c2332;--border:#2d3748;--border-light:#3d4f6e;--text-primary:#e8edf5;--text-secondary:#8b9fc5;--text-muted:#4a5a7a;--accent:#4f9cf7;--accent-hover:#6aadff;--accent-dim:rgba(79,156,247,.12);--correct:#34d399;--correct-dim:rgba(52,211,153,.12);--review:#fbbf24;--review-dim:rgba(251,191,36,.12);--incorrect:#f87171;--incorrect-dim:hsla(0,91%,71%,.12);--font-display:"Crimson Pro",Georgia,serif;--font-body:"Instrument Sans",system-ui,sans-serif;--font-mono:"DM Mono",monospace;--radius:10px;--radius-sm:6px;--radius-lg:16px;--shadow-card:0 4px 24px rgba(0,0,0,.4);--shadow-lg:0 8px 48px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.6}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(79,156,247,.06) 0,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 90%,rgba(52,211,153,.04) 0,transparent 60%);pointer-events:none;z-index:0}#__next{position:relative;z-index:1}.container{max-width:1100px;margin:0 auto;padding:0 24px}.container-narrow{max-width:760px;margin:0 auto;padding:0 24px}nav{border-bottom:1px solid var(--border);padding:16px 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(13,17,23,.85);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto;padding:0 24px}.nav-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.nav-logo span{color:var(--accent)}.nav-right{display:flex;gap:16px}.btn,.nav-right{align-items:center}.btn{display:inline-flex;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-light)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.btn-correct{background:var(--correct-dim);color:var(--correct);border:1px solid rgba(52,211,153,.3)}.btn-correct:hover{background:rgba(52,211,153,.2)}.btn-review{background:var(--review-dim);color:var(--review);border:1px solid rgba(251,191,36,.3)}.btn-review:hover{background:rgba(251,191,36,.2)}.btn-incorrect{background:var(--incorrect-dim);color:var(--incorrect);border:1px solid hsla(0,91%,71%,.3)}.btn-incorrect:hover{background:hsla(0,91%,71%,.2)}.btn-lg{padding:14px 28px;font-size:1rem;border-radius:var(--radius)}.btn-sm{padding:6px 14px;font-size:.8rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:border-color .2s,box-shadow .2s;box-shadow:var(--shadow-card)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-lg)}.card-link{text-decoration:none;display:block;cursor:pointer}.card-link:hover .card{border-color:var(--accent)}.page-header{padding:56px 0 40px}.page-title{font-family:var(--font-display);font-size:2.6rem;font-weight:300;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary);margin-bottom:10px}.page-subtitle{color:var(--text-secondary);font-size:1rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:16px;gap:16px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:100px;font-size:.75rem;font-weight:500;font-family:var(--font-mono);letter-spacing:.03em}.badge-accent{background:var(--accent-dim);color:var(--accent)}.flashcard-wrap{perspective:1200px;min-height:320px}.flashcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-lg);transition:all .3s ease}.flashcard.answer-revealed{border-color:var(--accent)}.flashcard-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px}.flashcard-text{font-family:var(--font-display);font-size:1.5rem;font-weight:400;line-height:1.5;color:var(--text-primary);max-width:600px}.flashcard-answer{margin-top:32px;padding-top:28px;border-top:1px solid var(--border);width:100%}.flashcard-answer-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.flashcard-answer-text{font-family:var(--font-display);font-size:1.3rem;color:var(--text-primary);line-height:1.6}.progress-bar-wrap{background:var(--border);border-radius:100px;height:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent);border-radius:100px;transition:width .4s ease}.stats-table{width:100%;border-collapse:collapse}.stats-table th{text-align:left;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:12px 16px}.stats-table td,.stats-table th{border-bottom:1px solid var(--border)}.stats-table td{padding:14px 16px;font-size:.95rem}.stats-table tr:last-child td{border-bottom:none}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);transition:border-color .2s;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:80px}.upload-zone{border:2px dashed var(--border-light);border-radius:var(--radius);padding:40px;text-align:center;cursor:pointer;transition:all .2s}.upload-zone.drag-over,.upload-zone:hover{border-color:var(--accent);background:var(--accent-dim)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-correct{color:var(--correct)}.text-review{color:var(--review)}.text-incorrect{color:var(--incorrect)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}@media (max-width:640px){.page-title{font-size:2rem}.flashcard{padding:28px 20px}.flashcard-text{font-size:1.2rem}.grid-2{grid-template-columns:1fr}}