@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#0b1220;--panel:#121d30;--panel2:#17243a;--line:#263650;--text:#f3f6fc;--muted:#9baac0;--blue:#6c8cff;--cyan:#66d9d0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0%,#1c2e50 0,transparent 38%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh}.topbar{height:76px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px)}.brand{font:800 20px Manrope,sans-serif;letter-spacing:2px;color:white;text-decoration:none}.brand span{color:var(--cyan)}.container{max-width:1120px;margin:0 auto;padding:55px 24px 70px}.hero{max-width:680px;margin:9vh auto 13vh;text-align:center}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--cyan);margin-bottom:14px}.hero h1,.heading-row h1{font:800 clamp(38px,6vw,66px)/1.08 Manrope,sans-serif;letter-spacing:-2px;margin:0}.hero h1 span,.heading-row h1 span{color:var(--blue)}.hero p{color:var(--muted);font-size:17px;line-height:1.7;max-width:520px;margin:22px auto 30px}.button{border:0;border-radius:10px;padding:13px 19px;font:700 14px 'DM Sans';cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;transition:.2s}.button:hover{transform:translateY(-1px);filter:brightness(1.1)}.primary{background:linear-gradient(110deg,#6384ff,#806bff);color:white;box-shadow:0 8px 24px #657dff33}.ghost{background:#ffffff0b;color:var(--text);border:1px solid var(--line)}.full{width:100%;margin-top:12px}.heading-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.heading-row h1{font-size:38px;letter-spacing:-1px}.heading-row p{margin:8px 0}.muted{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px}.stat,.panel{background:linear-gradient(145deg,#17243a,#111b2d);border:1px solid var(--line);border-radius:16px}.stat{padding:20px 23px}.stat small{color:var(--muted);display:block}.stat strong{font:800 32px Manrope;display:block;margin-top:8px}.workspace{display:grid;grid-template-columns:1.3fr .9fr;gap:18px}.panel{padding:24px;margin-bottom:18px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.panel h2{font:700 22px Manrope;margin:0 0 18px}.panel-title h2{margin-bottom:0}.pill{background:#6c8cff1b;border:1px solid #6c8cff55;color:#aebdff;padding:7px 10px;border-radius:30px;font-size:11px}.review-area{min-height:260px;display:flex;flex-direction:column;justify-content:center}.flashcard{background:linear-gradient(145deg,#1c2b45,#172238);border:1px solid #354866;border-radius:14px;padding:25px;margin-top:20px}.flashcard .side{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:700}.flashcard p{font:600 20px/1.5 Manrope;white-space:pre-wrap}.answer{border-top:1px solid var(--line);padding-top:12px;margin-top:18px}.review-actions{display:flex;gap:9px;margin-top:18px}.review-actions button{flex:1;padding:12px 5px}.hard{background:#512c3b;color:#ffb6c7}.good{background:#254b4a;color:#a8eee2}.easy{background:#293c68;color:#c1ceff}label{display:block;font-size:12px;font-weight:700;margin:17px 0 8px;color:#dce5f5}textarea{width:100%;resize:vertical;min-height:78px;background:#0d1728;border:1px solid var(--line);border-radius:9px;padding:12px;color:white;font:14px 'DM Sans';outline:none}textarea:focus{border-color:var(--blue)}.create-panel h2{margin-bottom:5px}.card-list{display:grid;gap:9px}.card-row{display:flex;align-items:center;gap:15px;justify-content:space-between;background:#0e192a;border:1px solid #263650;border-radius:10px;padding:14px 16px}.card-row strong{display:block;font-size:14px}.card-row small{color:var(--muted)}.row-actions{display:flex;gap:7px;flex-shrink:0}.row-actions button{background:#ffffff0c;border:1px solid var(--line);color:#dce5f5;border-radius:7px;padding:7px 10px;cursor:pointer}.row-actions .delete{color:#ff9dad}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#263c5d;border:1px solid #5676ad;padding:12px 18px;border-radius:10px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw;text-align:center}#notice.show{opacity:1}footer{text-align:center;color:#687b98;font-size:11px;padding:25px;border-top:1px solid #ffffff10}
@media(max-width:760px){.container{padding:35px 16px}.workspace{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:26px}.stat small{font-size:11px}.heading-row h1{font-size:30px}.panel{padding:18px}.review-actions{flex-direction:column}.hero{margin:8vh auto 12vh}.card-row{align-items:flex-start}.row-actions{flex-direction:column}}