*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f0f1a;--surface:#1a1a2e;--surface2:#222240;--accent:#7c5cfc;--accent2:#c084fc;--green:#34d399;--red:#f87171;--orange:#fbbf24;--blue:#60a5fa;--text:#e2e2f0;--text-dim:#8888a8;--radius:16px;--shadow:0 8px 32px rgba(0,0,0,.4)}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(120px);opacity:.15;z-index:0;pointer-events:none}body:before{width:600px;height:600px;background:var(--accent);top:-200px;left:-100px}body:after{width:500px;height:500px;background:var(--accent2);bottom:-150px;right:-100px}.app{position:relative;z-index:1;max-width:960px;margin:0 auto;padding:2rem 1.5rem}.accent-text{color:var(--accent2)}header{text-align:center;margin-bottom:1.5rem}header h1{font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header p{color:var(--text-dim);margin-top:.3rem;font-size:.92rem}.modes{display:flex;justify-content:center;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.mode-btn{padding:.5rem 1rem;border:2px solid var(--surface2);border-radius:999px;background:var(--surface);color:var(--text-dim);font-weight:600;font-size:.78rem;cursor:pointer;transition:all .25s;white-space:nowrap}.mode-btn:hover{border-color:var(--accent);color:var(--text)}.mode-btn.active{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}main>*{animation:fadeUp .35s ease}.toast{position:fixed;top:1.5rem;right:1.5rem;z-index:100;display:flex;align-items:center;gap:.8rem;padding:1rem 1.5rem;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 12px 40px #7c5cfc4d;animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.toast-icon{font-size:2rem}.toast-title{font-weight:700;font-size:.9rem}.toast-desc{font-size:.78rem;color:var(--text-dim)}.cat-filter{display:flex;justify-content:center;margin-bottom:1.5rem}.cat-select{padding:.45rem 2rem .45rem .9rem;border:1px solid var(--surface2);border-radius:999px;background:var(--surface);color:var(--text);font-size:.78rem;font-weight:600;cursor:pointer;font-family:inherit;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%239ca3af' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;transition:all .2s}.cat-select:hover,.cat-select:focus{border-color:var(--accent);outline:none}.cat-select option{background:var(--bg);color:var(--text)}.hero-stats{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:2.5rem;flex-wrap:wrap}.hero-stat-ring{position:relative;width:130px;height:130px;flex-shrink:0}.ring-svg{width:100%;height:100%}.ring-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-num{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ring-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.hero-stat-list{display:flex;flex-direction:column;gap:.8rem}.hero-stat-item{display:flex;gap:.6rem;align-items:baseline}.hsi-num{font-size:1.4rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hsi-label{font-size:.78rem;color:var(--text-dim)}.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.home-card{background:var(--surface);border:1px solid rgba(124,92,252,.12);border-radius:var(--radius);padding:1.3rem 1rem;cursor:pointer;transition:all .3s;text-align:center;font-family:inherit;color:var(--text)}.home-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #7c5cfc33;border-color:var(--accent)}.home-card .icon{font-size:1.8rem;margin-bottom:.5rem}.home-card h3{font-size:.92rem;font-weight:700;margin-bottom:.25rem}.home-card p{color:var(--text-dim);font-size:.72rem;line-height:1.4}.cat-progress-section{margin-top:2rem}.cat-progress-section h3{font-size:.92rem;font-weight:700;margin-bottom:1rem}.cat-progress-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.5rem}.cat-progress-row .cat-name{font-size:.72rem;color:var(--text-dim);width:110px;text-align:right;flex-shrink:0}.cat-progress-row .bar-track{flex:1;height:7px;background:var(--surface2);border-radius:99px;overflow:hidden}.cat-progress-row .bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s}.cat-progress-row .bar-pct{font-size:.68rem;color:var(--text-dim);width:36px}.stat{text-align:center}.stat .num{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat .label{font-size:.68rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.input-stats{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem;flex-wrap:wrap}.flashcard-area{display:flex;flex-direction:column;align-items:center}.fc-due-badge{font-size:.78rem;color:var(--orange);font-weight:600;margin-bottom:.8rem;text-align:center}.fc-side-toggle{display:flex;justify-content:center;gap:.5rem}.fc-toggles{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1rem}.fc-mode-toggle{display:flex;gap:.5rem;width:100%;max-width:520px}.fc-mode-btn{flex:1;padding:.5rem .6rem;border:1px solid var(--surface2);border-radius:12px;background:transparent;cursor:pointer;transition:all .2s;font-family:inherit;text-align:left;display:flex;flex-direction:column;gap:.15rem}.fc-mode-btn:hover{border-color:var(--accent)}.fc-mode-btn.active{border-color:var(--accent);background:#8b5cf614}.fc-mode-label{font-size:.78rem;font-weight:600;color:var(--text)}.fc-mode-desc{font-size:.62rem;color:var(--text-dim);line-height:1.3}.fc-side-toggle button{padding:.3rem .8rem;border:1px solid var(--surface2);border-radius:999px;background:transparent;color:var(--text-dim);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.fc-side-toggle button:hover{border-color:var(--accent);color:var(--text)}.fc-side-toggle button.active{border-color:var(--accent);background:var(--accent);color:#fff}.card-container{perspective:1200px;width:100%;max-width:520px;height:300px;margin-bottom:1.5rem;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,.2,.2,1);transform-style:preserve-3d}.card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;box-shadow:var(--shadow)}.card-front{background:linear-gradient(145deg,var(--surface),var(--surface2));border:1px solid rgba(124,92,252,.2)}.card-front .card-label{position:absolute;top:1rem;left:1.3rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);font-weight:600}.card-front .card-cat{position:absolute;top:1rem;right:1.3rem;font-size:.58rem;color:var(--text-dim);font-weight:500;background:var(--surface2);padding:.15rem .5rem;border-radius:99px}.card-front .term{font-size:1.35rem;font-weight:700;line-height:1.3}.card-front .hint{position:absolute;bottom:1rem;font-size:.72rem;color:var(--text-dim)}.card-back{background:linear-gradient(145deg,#1e1e3a,#2a2a50);border:1px solid rgba(192,132,252,.2);transform:rotateY(180deg)}.card-back .card-label{position:absolute;top:1rem;left:1.3rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--green);font-weight:600}.card-back .definition{font-size:1rem;line-height:1.6}.example-toggle{display:inline-block;margin-top:.8rem;background:transparent;border:1px solid var(--surface2);border-radius:99px;padding:.25rem .7rem;font-size:.72rem;color:var(--text-dim);cursor:pointer;transition:all .2s;font-family:inherit}.example-toggle:hover{border-color:var(--accent);color:var(--text)}.example-text{margin-top:.6rem;font-size:.82rem;color:var(--text-dim);font-style:italic;line-height:1.5}.progress-track{width:100%;max-width:520px;height:6px;background:var(--surface2);border-radius:99px;margin-bottom:1.5rem;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .4s}.conf-btns{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-bottom:.8rem}.conf-btn{padding:.5rem 1rem;border:2px solid var(--surface2);border-radius:999px;background:var(--surface);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:.1rem;font-family:inherit}.conf-btn .next-time{font-size:.58rem;font-weight:400;opacity:.6}.conf-btn:hover{transform:scale(1.05)}.conf-btn.c1{color:var(--red)}.conf-btn.c1:hover{border-color:var(--red);background:#f8717114}.conf-btn.c2{color:var(--orange)}.conf-btn.c2:hover{border-color:var(--orange);background:#fbbf2414}.conf-btn.c3{color:var(--green)}.conf-btn.c3:hover{border-color:var(--green);background:#34d39914}.conf-btn.c4{color:var(--blue)}.conf-btn.c4:hover{border-color:var(--blue);background:#60a5fa14}.session-btns .conf-btn{flex:1;max-width:160px}.counter{font-size:.8rem;color:var(--text-dim);font-weight:600;text-align:center}.shuffle-btn,.reset-btn{display:block;margin:.8rem auto 0;padding:.4rem 1rem;border:1px solid var(--surface2);border-radius:999px;background:transparent;color:var(--text-dim);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.shuffle-btn:hover,.reset-btn:hover{border-color:var(--accent);color:var(--text)}.input-mode{max-width:560px;margin:0 auto}.prompt-card{background:var(--surface);border:1px solid rgba(124,92,252,.15);border-radius:var(--radius);padding:1.8rem;margin-bottom:1.2rem;text-align:center}.prompt-card .prompt-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);font-weight:600;margin-bottom:.6rem}.prompt-card .prompt-cat{font-size:.58rem;color:var(--text-dim);background:var(--surface2);padding:.15rem .5rem;border-radius:99px;display:inline-block;margin-bottom:.7rem}.prompt-card .prompt-text{font-size:1.05rem;line-height:1.6}.prompt-card .example-hint{font-size:.8rem;color:var(--text-dim);margin-top:.7rem;font-style:italic;line-height:1.4}.blank-slot{display:inline;background:var(--surface2);border-bottom:2px solid var(--accent);padding:.1rem .5rem;border-radius:4px;min-width:70px;color:transparent;-webkit-user-select:none;user-select:none}.answer-row{display:flex;gap:.6rem;margin-bottom:1rem}.answer-input{flex:1;padding:.65rem 1rem;background:var(--surface);border:2px solid var(--surface2);border-radius:12px;color:var(--text);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}.answer-input:focus{border-color:var(--accent)}.answer-input::placeholder{color:var(--text-dim)}.answer-input:disabled{opacity:.5}.submit-btn{padding:.65rem 1.3rem;border:none;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;transition:transform .2s;font-family:inherit}.submit-btn:hover{transform:scale(1.03)}.feedback{text-align:center;padding:.8rem;border-radius:12px;margin-bottom:1rem;font-weight:600;font-size:.9rem;animation:fadeUp .25s ease}.feedback.correct{background:#34d3991a;border:1px solid rgba(52,211,153,.3);color:var(--green)}.feedback.wrong{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:var(--red)}.feedback .correct-answer{font-weight:400;margin-top:.2rem;font-size:.85rem;color:var(--text)}.next-btn{display:block;margin:0 auto;padding:.55rem 1.8rem;border:2px solid var(--surface2);border-radius:999px;background:var(--surface);color:var(--text);font-weight:600;font-size:.88rem;cursor:pointer;transition:all .2s;font-family:inherit}.next-btn:hover{border-color:var(--accent)}.difficulty-picker{display:flex;justify-content:center;gap:.4rem;margin-bottom:1.2rem}.diff-btn{padding:.38rem .85rem;border:1px solid var(--surface2);border-radius:999px;background:transparent;color:var(--text-dim);font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.diff-btn.active{background:var(--surface2);color:var(--text);border-color:var(--accent)}.match-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.6rem}.match-header h2{font-size:1rem;font-weight:700}.match-info{display:flex;gap:1rem;align-items:center}.match-info span{font-size:.8rem;color:var(--text-dim);font-weight:500}.match-info .timer{color:var(--accent2);font-weight:700}.match-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:.6rem}.match-tile{padding:.75rem;background:var(--surface);border:2px solid transparent;border-radius:12px;font-size:.75rem;line-height:1.45;cursor:pointer;transition:all .25s;min-height:58px;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-user-select:none;user-select:none}.match-tile:hover{border-color:var(--accent);transform:scale(1.02)}.match-tile.selected{border-color:var(--accent);background:#7c5cfc1f;box-shadow:0 0 20px #7c5cfc26}.match-tile.matched{border-color:var(--green);background:#34d39914;opacity:.7;pointer-events:none}.match-tile.wrong{border-color:var(--red);background:#f8717114;animation:shake .4s ease}.match-tile .tile-label{display:block;font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.2rem;font-weight:600}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.match-controls{display:flex;justify-content:center;gap:.8rem;margin-top:1.2rem;flex-wrap:wrap}.match-controls button,.test-controls button{padding:.5rem 1.1rem;border:2px solid var(--surface2);border-radius:999px;background:var(--surface);color:var(--text);font-weight:600;font-size:.8rem;cursor:pointer;transition:all .2s;font-family:inherit}.match-controls button:hover,.test-controls button:hover{border-color:var(--accent)}.new-round-btn{background:linear-gradient(135deg,var(--accent),var(--accent2))!important;border-color:transparent!important;color:#fff!important}.secondary-btn{background:var(--surface)!important}.test-config{text-align:center;padding:3rem 1rem}.test-config h2{font-size:1.2rem;margin-bottom:.8rem}.test-config p{color:var(--text-dim);margin-bottom:1.2rem;font-size:.88rem}.test-length-picker{display:flex;justify-content:center;gap:.5rem;margin-bottom:1.5rem}.test-start-btn{padding:.65rem 2.2rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .2s;font-family:inherit}.test-start-btn:hover{transform:scale(1.05)}.test-question{max-width:600px;margin:0 auto}.test-q-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.test-q-header .q-num{font-size:.82rem;font-weight:700}.test-q-header .test-timer{font-size:.82rem;color:var(--accent2);font-weight:700}.q-type-badge{font-size:.65rem;background:var(--surface2);padding:.2rem .6rem;border-radius:99px;color:var(--text-dim);font-weight:600}.test-q-card{background:var(--surface);border:1px solid rgba(124,92,252,.15);border-radius:var(--radius);padding:1.6rem;margin-bottom:1rem;text-align:center}.test-q-card .q-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent2);font-weight:600;margin-bottom:.5rem}.test-q-card .q-text{font-size:1rem;line-height:1.6}.scenario-text{font-style:italic;color:var(--text)}.test-options{display:grid;gap:.5rem;margin-bottom:.8rem}.test-opt{padding:.85rem;background:var(--surface);border:2px solid var(--surface2);border-radius:12px;font-size:.88rem;cursor:pointer;transition:all .2s;text-align:left}.test-opt:hover:not(.disabled){border-color:var(--accent);background:#7c5cfc0f}.test-opt.correct-opt{border-color:var(--green)!important;background:#34d3991a!important}.test-opt.wrong-opt{border-color:var(--red)!important;background:#f871711a!important}.test-opt.disabled{cursor:default;opacity:.8}.test-results{max-width:600px;margin:0 auto;text-align:center;padding:2rem 0}.test-results .trophy{font-size:3rem;margin-bottom:.6rem}.test-results h2{font-size:1.2rem;margin-bottom:.3rem}.score-line{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:.4rem 0}.test-results p{color:var(--text-dim);margin-bottom:1.2rem}.test-review{text-align:left;margin-top:1.5rem}.test-review h3{font-size:.9rem;margin-bottom:.7rem}.review-item{background:var(--surface);border-radius:12px;padding:.8rem;margin-bottom:.5rem;border-left:3px solid var(--red)}.review-item .ri-term{font-weight:700;font-size:.85rem}.review-item .ri-def{font-size:.78rem;color:var(--text-dim);margin-top:.2rem;line-height:1.4}.review-item .ri-your{font-size:.72rem;color:var(--red);margin-top:.2rem}.compare-section{max-width:700px;margin:0 auto}.compare-title{font-size:1.2rem;text-align:center;margin-bottom:.3rem}.compare-subtitle{text-align:center;color:var(--text-dim);font-size:.85rem;margin-bottom:1.5rem}.compare-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:start;margin-bottom:1rem}.compare-card{background:var(--surface);border:1px solid rgba(124,92,252,.15);border-radius:var(--radius);padding:1.3rem;text-align:center}.compare-card .cc-header{font-weight:700;font-size:1rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.compare-card .cc-def{font-size:.85rem;line-height:1.5;margin-bottom:.6rem}.compare-card .cc-example{font-size:.78rem;color:var(--text-dim);font-style:italic;line-height:1.4}.compare-vs{font-weight:800;font-size:1rem;color:var(--text-dim);align-self:center}.compare-choices{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:1rem}.hardest-empty{text-align:center;padding:3rem 1rem}.hardest-empty .icon{font-size:2.5rem;margin-bottom:.8rem}.hardest-empty p{color:var(--text-dim);font-size:.88rem;line-height:1.5}.completed-msg{text-align:center;padding:3rem 1rem;animation:fadeUp .4s ease}.completed-msg .trophy{font-size:3rem;margin-bottom:.6rem}.completed-msg h2{font-size:1.2rem;margin-bottom:.3rem}.completed-msg p{color:var(--text-dim);margin-bottom:1rem}.completed-msg button{padding:.6rem 1.8rem;border:none;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:700;font-size:.92rem;cursor:pointer;transition:transform .2s;font-family:inherit}.completed-msg button:hover{transform:scale(1.05)}.test-controls{display:flex;justify-content:center;gap:.7rem;margin-top:.8rem;flex-wrap:wrap}.leaderboard-section{max-width:600px;margin:0 auto}.lb-heading{font-size:1rem;font-weight:700;margin:1.5rem 0 .8rem}.lb-heading:first-child{margin-top:0}.achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.achievement-card{background:var(--surface);border:1px solid rgba(124,92,252,.12);border-radius:12px;padding:1rem;text-align:center;transition:all .2s}.achievement-card.earned{border-color:var(--accent);box-shadow:0 4px 16px #7c5cfc26}.achievement-card.locked{opacity:.4}.ach-icon{font-size:1.8rem;margin-bottom:.3rem}.ach-title{font-weight:700;font-size:.82rem;margin-bottom:.15rem}.ach-desc{font-size:.68rem;color:var(--text-dim);line-height:1.3}.lb-table{background:var(--surface);border-radius:12px;overflow:hidden}.lb-row{display:grid;grid-template-columns:40px 1fr 80px 100px;padding:.6rem 1rem;align-items:center;gap:.5rem;font-size:.8rem}.lb-row.lb-header{background:var(--surface2);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.lb-row:not(.lb-header)+.lb-row:not(.lb-header){border-top:1px solid var(--surface2)}@media(max-width:600px){header h1{font-size:1.6rem}.hero-stats{gap:1.5rem}.hero-stat-ring{width:100px;height:100px}.ring-num{font-size:1.5rem}.card-container{height:260px}.card-front .term{font-size:1.1rem}.match-grid,.home-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.compare-cards{grid-template-columns:1fr;gap:.8rem}.compare-vs{justify-self:center}.lb-row{grid-template-columns:30px 1fr 60px 80px;font-size:.72rem}}