:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#15252d;background:#f5f7fa;--muted:#75858e;--cyan:#23b8de;--border:#e5ebee;--navy:#162b35}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f5f7fa;color:#15252d}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.shell{max-width:560px;margin:auto;min-height:100vh;background:#f5f7fa;padding:0 25px 35px}.wide{max-width:920px}.header{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:780;letter-spacing:-.8px;font-size:24px}.logo{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#13b4e9,#7ce9e4);font-size:23px;box-shadow:0 3px 9px #00b1d321}.brand-dot{color:#20b5d2}.nav-actions{display:flex;gap:9px;align-items:center}.small-link{border:1px solid var(--border);background:#fff;border-radius:12px;padding:10px 12px;color:#647b84;font-size:12px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:#718993}h1{font-size:36px;line-height:1.13;letter-spacing:-1.1px;margin:12px 0}h2{font-size:20px;letter-spacing:-.5px;margin:0 0 14px}p{line-height:1.65;margin:0}.muted{color:var(--muted);font-size:14px}.hero{margin:24px 0;background:linear-gradient(118deg,#c9f0f2,#def6e8);border:1px solid #bee4e5;border-radius:23px;padding:24px;position:relative;overflow:hidden}.pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:750;letter-spacing:.6px;background:#ffffff85;border:1px solid #ffffff80;border-radius:8px;padding:6px 9px}.hero h1{font-size:42px;position:relative}.orb{position:absolute;right:17px;top:54px;font-family:Georgia,serif;font-size:110px;letter-spacing:-10px;color:#55a59c23;transform:rotate(-13deg)}.primary,.secondary,.dark-button{border:0;border-radius:13px;padding:16px 19px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:650;font-size:14px;min-height:52px}.primary{background:linear-gradient(110deg,#22b8de,#4bd4dc);color:#103640;box-shadow:0 4px 9px #21bad020}.secondary{background:#fff;border:1px solid var(--border);color:#49616d}.dark-button{background:#193740;color:white;margin-top:21px}.panel{background:white;border:1px solid var(--border);border-radius:19px;padding:23px;margin:18px 0}.login{max-width:440px;margin:auto;padding-top:34px}.login .brand{justify-content:center}.login-art{position:relative;height:180px;margin:28px 0 20px}.mini-card{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid #d9e8eb;border-radius:17px;background:#eaf7f8;box-shadow:0 10px 24px #416a6e0b;width:215px;height:134px;left:50%;font-size:21px;font-weight:600}.mini-card span{font-size:11px;color:#7d9d9f;margin-top:10px;font-weight:400}.back-card{transform:translateX(-66%) rotate(-13deg);top:0;background:#e1f0e8}.front-card{transform:translateX(-32%) rotate(8deg);top:30px;background:#fff}label{display:block;font-size:11px;font-weight:650;color:#6c818b;margin:18px 0 8px}input,select{width:100%;border:1px solid #dde7eb;border-radius:11px;padding:14px;background:#f7f9fa;color:#2c4550;font-size:14px;outline:none;min-height:48px}input:focus,select:focus{border-color:#2ab7d3;box-shadow:0 0 0 3px #2ab7d310}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions>*{flex:1}.error{background:#fff1ed;color:#a25746;border-radius:9px;padding:12px;font-size:12px;margin:14px 0}.deck-list{display:grid;gap:12px}.deck-tile{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;background:white;border:1px solid var(--border);border-radius:17px;padding:18px 15px;text-align:left}.deck-icon{display:grid;place-items:center;background:#e5f5f7;border:1px solid #d4eef0;color:#37a5b9;width:46px;height:52px;border-radius:13px;flex-shrink:0}.deck-copy strong{font-size:15px;display:block}.deck-copy small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.stats-strip{display:flex;margin:20px 0 28px}.stats-strip>div{flex:1;text-align:center;border-right:1px solid var(--border)}.stats-strip>div:last-child{border:0}.stats-strip strong{display:block;font-size:23px}.stats-strip span{display:block;color:var(--muted);font-size:10px;margin-top:6px}.toolbar{display:flex;gap:10px;align-items:end}.toolbar>*{flex:1}.flashcard{display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;background:#fff;border:1px solid #e3eaed;border-radius:25px;width:100%;padding:42px 22px 28px;min-height:340px;text-align:center;box-shadow:0 9px 24px #193e4c04}.word{font-size:clamp(30px,8vw,52px);font-weight:650;letter-spacing:-1px;line-height:1.2;margin:22px 0;overflow-wrap:anywhere}.answer{font-size:24px;line-height:1.4;font-weight:500;color:#2994a3;overflow-wrap:anywhere}.answer-divider{width:46px;height:2px;background:#d0eced;border-radius:9px;margin:0 0 23px}.timer-bar{background:#fff;border:1px solid var(--border);border-radius:15px;padding:12px 14px;margin:14px 0 18px}.timer-bar>div{display:flex;align-items:center;justify-content:space-between;color:#66828b;font-size:11px}.timer-bar strong{font-size:18px;color:#203740}.timer-fill{display:block;height:5px;border-radius:99px;background:#eef3f4;overflow:hidden;margin-top:10px}.timer-fill span{display:block;height:100%;background:#48bfd0}.timer-bar.over{border-color:#f0d4cb;background:#fff7f4}.timer-bar.over .timer-fill span{background:#c77761}.grade-buttons{display:flex;gap:12px;margin-top:18px}.grade-buttons button{display:flex;flex:1;align-items:center;flex-direction:column;border-radius:16px;padding:15px 8px;min-height:92px;gap:6px}.forgot{background:#fbefec;color:#b97562;border:1px solid #f1dfd8}.got-it{background:#daf0e6;color:#41886c;border:1px solid #c5e4d7}.hidden{display:none!important}.copy-panel{background:#fff;border:1px solid var(--border);border-radius:17px;padding:14px;margin:14px 0}.copy-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.footnote{font-size:11px;line-height:1.6;text-align:center;color:#8b9ba2;margin-top:16px}@media(max-width:640px){.shell{padding-left:20px;padding-right:20px}.toolbar,.form-actions,.grade-buttons{flex-direction:column}.copy-row{grid-template-columns:1fr}.hero h1{font-size:34px}}