:root{--bg:#07111f;--panel:#0d1b2d;--panel2:#12243a;--line:#233752;--text:#edf4ff;--muted:#8ea3bf;--blue:#4f8cff;--blue2:#2f6fe8;--amber:#ffb454;--green:#3dd598;--red:#ff647c;--shadow:0 24px 60px rgba(0,0,0,.3);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;background:#091523}.brand{border:0;background:none;display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem;letter-spacing:-.03em;cursor:pointer;padding:0 10px 28px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--blue);color:#fff}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;border:0;background:none;padding:12px 14px;border-radius:10px;text-align:left;color:var(--muted);display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:650}.nav-item span{font-size:1.2rem}.nav-item:hover,.nav-item.active{background:#152941;color:#fff}.nav-item .badge{margin-left:auto;background:var(--blue);min-width:24px;padding:2px 7px;border-radius:99px;text-align:center;font-size:.75rem}.sidebar-bottom{margin-top:auto}.keyboard-tip{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:.78rem;padding:16px 8px;border-bottom:1px solid var(--line)}kbd{background:#1a2b42;border:1px solid #354b69;border-radius:5px;padding:3px 6px}.profile{display:flex;align-items:center;gap:10px;padding:18px 8px 0}.avatar{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(145deg,var(--amber),#f4774d);border-radius:50%;color:#172033;font-weight:800}.profile div{display:flex;flex-direction:column}.profile strong{font-size:.86rem}.profile small{font-size:.72rem;color:var(--muted)}main{min-width:0}.topbar{height:84px;padding:18px clamp(20px,4vw,56px);display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,17,31,.9);backdrop-filter:blur(16px);z-index:5}.search-wrap{position:relative;max-width:540px;flex:1}.search-wrap span{position:absolute;left:16px;top:10px;color:var(--muted);font-size:1.4rem}.search-wrap input{width:100%;height:48px;border:1px solid transparent;border-radius:12px;background:#0e1c2e;padding:0 16px 0 46px;color:#fff;outline:none}.search-wrap input:focus{border-color:var(--blue)}.btn{border:1px solid var(--line);background:#14243a;padding:11px 16px;border-radius:10px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s transform,.18s background}.btn:hover{transform:translateY(-1px);background:#1a3150}.btn-primary{background:var(--blue2);border-color:var(--blue2)}.btn-primary:hover{background:var(--blue)}.btn-danger{color:#ff9aac}.btn-ghost{background:transparent}.btn-small{padding:7px 11px;font-size:.86rem}.mobile-menu{display:none;border:0;background:none;font-size:1.4rem}.view{padding:40px clamp(20px,4vw,56px) 72px;max-width:1440px;margin:0 auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.eyebrow{color:var(--blue);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.page-head h1{margin:7px 0 4px;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.045em;line-height:1}.page-head p{margin:0;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:20px}.today-card{min-height:300px;background:linear-gradient(135deg,#163760,#1f5bc0);border-radius:22px;padding:30px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.today-card:after{content:"";position:absolute;width:270px;height:270px;border:52px solid rgba(255,255,255,.07);border-radius:50%;right:-70px;top:-90px}.today-card h2{font-size:1.8rem;margin:8px 0}.today-card p{color:#cbdcff;max-width:520px}.today-stats{display:flex;gap:28px;margin:34px 0}.today-stats strong{display:block;font-size:2.1rem}.today-stats span{font-size:.8rem;color:#c7d8f5}.today-card .btn{background:#fff;color:#15305a;border:0;position:relative;z-index:1}.stats-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px}.streak{display:flex;align-items:center;gap:12px;margin-bottom:28px}.flame{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:rgba(255,180,84,.13);font-size:1.7rem}.streak strong{font-size:1.55rem}.streak span{display:block;color:var(--muted);font-size:.82rem}.week-chart{height:140px;display:flex;align-items:end;gap:10px;padding-top:18px}.bar-wrap{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:7px}.bar{width:100%;max-width:28px;background:#223955;border-radius:7px 7px 3px 3px;min-height:4px}.bar.active{background:var(--blue)}.bar-wrap small{color:var(--muted);font-size:.68rem}.section-head{display:flex;justify-content:space-between;align-items:center;margin:42px 0 18px}.section-head h2{margin:0;font-size:1.25rem}.link-btn{border:0;background:none;color:#7eadff;cursor:pointer}.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.deck-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;text-align:left;cursor:pointer;transition:.18s transform,.18s border-color}.deck-card:hover{transform:translateY(-3px);border-color:#42618a}.deck-top{display:flex;justify-content:space-between;gap:10px}.deck-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(79,140,255,.13);color:#8db5ff;font-size:1.25rem}.deck-menu{border:0;background:none;color:var(--muted);font-size:1.4rem}.deck-card h3{margin:20px 0 6px}.deck-card p{color:var(--muted);font-size:.86rem;margin:0;min-height:40px}.progress{height:7px;background:#1c2d43;border-radius:99px;overflow:hidden;margin:22px 0 10px}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--blue2),#65a0ff);border-radius:99px}.deck-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.empty{border:1px dashed #334c6c;border-radius:18px;padding:56px 24px;text-align:center;color:var(--muted);grid-column:1/-1}.empty strong{display:block;color:#fff;font-size:1.1rem;margin-bottom:6px}.mode-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:24px 0 34px}.mode-card{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:18px;text-align:left;cursor:pointer}.mode-card:hover{border-color:var(--blue)}.mode-card span{display:block;font-size:1.45rem;margin-bottom:14px}.mode-card strong{display:block}.mode-card small{color:var(--muted)}.deck-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.deck-header h1{margin:5px 0;font-size:2.4rem;letter-spacing:-.04em}.deck-header p{color:var(--muted);margin:0}.deck-actions{display:flex;gap:8px;flex-wrap:wrap}.card-toolbar{display:flex;gap:10px;margin:20px 0}.card-toolbar input{flex:1}.input,.textarea,.select{border:1px solid var(--line);background:#0e1c2e;color:#fff;border-radius:10px;padding:11px 13px;outline:none}.input:focus,.textarea:focus,.select:focus{border-color:var(--blue)}.card-list{display:grid;gap:10px}.word-row{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:15px 18px}.word-row .definition{border-left:1px solid var(--line);padding-left:20px;color:#c5d1e2}.word-actions{display:flex}.icon-btn{border:0;background:none;color:var(--muted);font-size:1.1rem;padding:7px;cursor:pointer}.icon-btn.starred{color:var(--amber)}.study-wrap{max-width:880px;margin:0 auto}.study-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.study-progress{height:6px;background:#1a2d45;border-radius:9px;overflow:hidden;margin-bottom:28px}.study-progress i{display:block;height:100%;background:var(--blue);transition:.25s width}.flashcard{height:min(470px,58vh);perspective:1200px;cursor:pointer}.flashcard-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flash-face{position:absolute;inset:0;backface-visibility:hidden;border:1px solid #28405f;border-radius:22px;background:linear-gradient(145deg,#10233b,#0c192a);display:flex;align-items:center;justify-content:center;text-align:center;padding:50px;box-shadow:var(--shadow)}.flash-face.back{transform:rotateY(180deg)}.flash-face .lang{position:absolute;left:24px;top:20px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.flash-face .speak{position:absolute;right:20px;top:16px}.flash-face h2{font-size:clamp(2rem,6vw,4rem);letter-spacing:-.035em;margin:0}.flash-face p{font-size:clamp(1.55rem,4vw,2.8rem);margin:0}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.rating-row button{padding:13px 8px}.rating-row small{display:block;font-weight:400;opacity:.7}.question-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:clamp(24px,5vw,50px)}.question-card .prompt{font-size:clamp(1.6rem,4vw,2.5rem);margin:12px 0 32px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{border:1px solid var(--line);background:#112238;border-radius:12px;padding:16px;text-align:left;cursor:pointer}.option:hover{border-color:var(--blue)}.option.correct{border-color:var(--green);background:rgba(61,213,152,.1)}.option.wrong{border-color:var(--red);background:rgba(255,100,124,.1)}.answer-form{display:flex;gap:10px}.answer-form input{flex:1}.feedback{margin-top:20px;padding:14px 16px;border-radius:10px;background:#162942}.feedback.good{border-left:3px solid var(--green)}.feedback.bad{border-left:3px solid var(--red)}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.match-tile{min-height:110px;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:12px;cursor:pointer}.match-tile.selected{border-color:var(--blue);background:#17335a}.match-tile.matched{opacity:0;pointer-events:none;transform:scale(.8);transition:.25s}.test-summary{text-align:center;padding:30px}.score-ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;margin:10px auto 24px;background:conic-gradient(var(--green) var(--score),#1d3048 0)}.score-ring:after{content:attr(data-score);width:116px;height:116px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font-size:2rem;font-weight:800}.modal-backdrop{position:fixed;inset:0;background:rgba(1,7,14,.72);backdrop-filter:blur(8px);z-index:20;display:grid;place-items:center;padding:18px}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:#0e1b2d;border:1px solid #2b4260;border-radius:20px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0}.modal-body{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{color:#c5d1e2;font-size:.85rem;font-weight:700}.field textarea{min-height:180px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 24px 24px}.tabs{display:flex;gap:4px;background:#091522;padding:4px;border-radius:10px;margin-bottom:18px}.tabs button{flex:1;border:0;background:none;padding:9px;border-radius:7px;color:var(--muted);cursor:pointer}.tabs button.active{background:#1a304c;color:#fff}.toast-root{position:fixed;right:22px;bottom:22px;z-index:40;display:grid;gap:8px}.toast{background:#18304e;border:1px solid #315279;border-radius:10px;padding:12px 16px;box-shadow:var(--shadow);animation:toastIn .2s}.skeleton{background:linear-gradient(90deg,#102238,#19314d,#102238);background-size:200%;animation:shimmer 1.3s infinite;border-radius:14px;height:150px}.muted{color:var(--muted)}@keyframes shimmer{to{background-position:-200%}}@keyframes toastIn{from{transform:translateY(8px);opacity:0}}@media(max-width:1050px){.deck-grid{grid-template-columns:repeat(2,1fr)}.mode-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.app-shell{display:block}.sidebar{position:fixed;left:-260px;z-index:30;width:240px;transition:.25s left;box-shadow:var(--shadow)}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{padding:14px 18px;height:74px}.topbar .btn-primary{font-size:0}.topbar .btn-primary span{font-size:1rem}.view{padding:28px 18px 60px}.hero-grid{grid-template-columns:1fr}.today-card{min-height:280px}.deck-grid{grid-template-columns:1fr}.page-head{align-items:start}.mode-grid{grid-template-columns:1fr 1fr}.word-row{grid-template-columns:1fr auto}.word-row .definition{grid-column:1/2;border:0;padding:0}.word-actions{grid-row:1/3;grid-column:2}.options,.match-grid{grid-template-columns:1fr 1fr}.deck-header{display:block}.deck-actions{margin-top:18px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.flashcard{height:52vh}.flash-face{padding:30px}.rating-row{grid-template-columns:1fr 1fr}.answer-form{display:grid}}@media(max-width:430px){.search-wrap input{width:42px;padding:0;background:transparent}.search-wrap span{left:10px}.match-grid{grid-template-columns:1fr 1fr}.today-stats{gap:18px}.mode-grid{grid-template-columns:1fr}}