:root{--bg:#f6f7f9;--surface:#fff;--surface2:#f5f7fb;--text:#0f1722;--muted:#56606e;--border:#e7eaef;--shadow-card:0 10px 30px #141e321a;--accent:#2f5fe0;--accent2:#4f7cff;--correct:#1f9d6b;--danger:#c0413a;--warn:#b6831f;--on-accent:#fff;--font-head:"Hanken Grotesk", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", monospace;--r-card:16px;--r-opt:14px;--r-pill:20px;--ui-zoom:1;--panel:var(--surface);--panel-strong:var(--surface2);--line:var(--border);--accent-2:var(--accent2);--shadow:var(--shadow-card)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-synthesis:none;margin:0}body{min-height:100dvh}button,input,textarea,select{font:inherit}button{cursor:pointer;font-family:inherit}a{color:var(--accent);text-decoration:none}code{font-family:var(--font-mono);color:var(--accent)}kbd{font:700 11px var(--font-mono);border:1px solid var(--border);color:var(--muted);background:var(--surface2);border-radius:6px;padding:2px 7px}@keyframes esRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes esPop{0%{transform:scale(.9)}60%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes esGlow{0%,to{box-shadow:0 0 0 1px #7cf7c459,0 0 22px #7cf7c41f}50%{box-shadow:0 0 0 1px #7cf7c499,0 0 40px #7cf7c447}}@keyframes esSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}.es-reduce-motion *,.es-reduce-motion :before,.es-reduce-motion :after{transition:none!important;animation:none!important}.es-scroll::-webkit-scrollbar{width:8px}.es-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}.es-app{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);flex-direction:column;align-items:center;transition:background .4s,color .4s;display:flex;position:relative}.es-frame{zoom:var(--ui-zoom);flex-direction:column;width:100%;max-width:560px;height:100dvh;min-height:100dvh;display:flex}.es-topbar{flex:none;justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.es-brand{cursor:pointer;background:0 0;border:none;align-items:center;gap:11px;padding:0;display:flex}.es-brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.es-brand-mark:after{content:"";border:2.5px solid var(--on-accent);border-right-color:#0000;border-radius:50%;width:14px;height:14px;transform:rotate(-20deg)}.es-brand-name{font:800 17px var(--font-head);letter-spacing:-.01em;color:var(--text)}.es-brand-name span{color:var(--accent)}.es-theme-btn{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);color:var(--text);font:700 12px var(--font-head);align-items:center;gap:7px;padding:7px 12px 7px 9px;display:flex}.es-theme-btn span.swatch{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:5px;width:14px;height:14px}.es-content{flex:1;padding:6px 20px 96px;overflow-y:auto}.es-content-narrow{padding-bottom:40px}.es-bottom-nav{border-top:1px solid var(--border);background:var(--surface);padding:8px 8px calc(8px + env(safe-area-inset-bottom));flex:none;display:flex}.es-nav-btn{font:600 10px var(--font-head);color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:7px 4px;display:flex}.es-nav-btn.es-nav-on{color:var(--accent)}.es-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:18px}.es-card-flat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card)}.es-eyebrow{font:700 11px var(--font-head);letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin:0 0 8px}.es-overline{font:700 10.5px var(--font-head);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin:0 0 10px}.es-h1{font:800 26px/1.18 var(--font-head);letter-spacing:-.02em;color:var(--text);margin:0 0 16px}.es-h2{font:800 16px var(--font-head);color:var(--text);margin:0 0 11px}.es-muted{color:var(--muted)}.es-mono{font-family:var(--font-mono)}.es-btn{border:1px solid var(--border);border-radius:var(--r-opt);background:var(--surface);color:var(--text);font:700 14px var(--font-head);justify-content:center;align-items:center;gap:8px;padding:13px 16px;transition:transform .15s,border-color .15s,background .15s;display:inline-flex}.es-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.es-btn:disabled{opacity:.5;cursor:not-allowed}.es-btn-primary{background:var(--accent);color:var(--on-accent);border:none}.es-btn-primary:hover:not(:disabled){transform:translateY(-1px)}.es-btn-soft{background:var(--surface2)}.es-btn-danger{border-color:color-mix(in srgb, var(--danger) 45%, var(--border));color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--surface))}.es-btn-block{width:100%}.es-btn-lg{padding:15px;font-size:15px}.es-pill,.es-badge{white-space:nowrap;border:1px solid var(--border);border-radius:var(--r-pill);font:700 10px var(--font-head);color:var(--muted);background:var(--surface2);align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.es-badge-accent{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.es-badge-correct{color:var(--correct);background:color-mix(in srgb, var(--correct) 12%, var(--surface));border-color:color-mix(in srgb, var(--correct) 30%, transparent)}.es-badge-warn{color:var(--warn);background:color-mix(in srgb, var(--warn) 12%, var(--surface));border-color:color-mix(in srgb, var(--warn) 30%, transparent)}.es-badge-danger{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, var(--surface));border-color:color-mix(in srgb, var(--danger) 30%, transparent)}.es-icon-chip{background:var(--accent);width:42px;height:42px;color:var(--on-accent);border-radius:12px;flex:none;justify-content:center;align-items:center;display:flex}.es-icon-chip-soft{background:var(--surface2);color:var(--accent);border:1px solid var(--border)}.es-progress{background:var(--surface2);border-radius:6px;height:7px;overflow:hidden}.es-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent2));border-radius:6px;height:100%}.es-stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.es-stat-val{font:800 18px var(--font-head);color:var(--text)}.es-stat-label{font:600 10px var(--font-body);color:var(--muted)}.es-input{border-radius:var(--r-opt);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);padding:13px 14px;line-height:1.4}.es-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent);outline:none}.es-label{font:600 12px var(--font-head);color:var(--muted);margin:4px 0;display:block}textarea.es-input{resize:vertical;min-height:18rem;font-family:var(--font-mono)}.es-row{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-opt);align-items:center;gap:12px;padding:13px 14px;display:flex}.es-back-btn{border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--muted);flex:none;justify-content:center;align-items:center;display:flex}.es-screen-head{align-items:center;gap:11px;margin:2px 0 16px;display:flex}.es-seg{background:var(--surface2);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:flex}.es-seg button{text-align:center;color:var(--muted);font:700 12px var(--font-body);white-space:nowrap;background:0 0;border:none;border-radius:9px;flex:1;padding:9px 8px}.es-seg button.es-seg-on{background:var(--accent);color:var(--on-accent)}.es-theme-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.es-theme-chip{border:1px solid var(--border);background:var(--surface2);border-radius:12px;align-items:center;gap:9px;padding:11px 12px;display:flex}.es-theme-dot{border-radius:6px;flex:none;width:18px;height:18px}.es-theme-name{font:600 13px var(--font-body);color:var(--text)}.es-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;background:#080a1075;position:fixed;inset:0}.es-sheet{background:var(--surface);border-top:1px solid var(--border);width:100%;max-width:560px;padding:20px 22px calc(30px + env(safe-area-inset-bottom));z-index:41;border-radius:22px 22px 0 0;animation:.26s both esRise;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 44px #00000047}.es-sheet-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.es-sheet-title{font:800 19px var(--font-head);color:var(--text)}.es-sheet-sub{font:500 12px var(--font-body);color:var(--muted);margin-top:2px}.es-sheet-close{border:1px solid var(--border);background:var(--surface2);width:34px;height:34px;color:var(--muted);border-radius:50%;flex:none;font-size:15px}.es-modal-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;background:#080a1080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.es-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card);width:100%;max-width:380px;padding:24px;animation:.28s both esPop;box-shadow:0 24px 60px #0006}.es-toast{z-index:50;border-radius:var(--r-pill);background:var(--text);color:var(--bg);font:700 13px var(--font-head);align-items:center;gap:9px;padding:12px 18px;animation:.25s both esRise;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #0000004d}.es-auth{background:var(--bg);place-items:center;min-height:100dvh;padding:24px;display:grid}.es-auth-card{width:min(420px,100%)}.es-auth-form{gap:4px;display:grid}.es-auth-error{color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 40%, var(--border));border-radius:var(--r-opt);background:color-mix(in srgb, var(--danger) 8%, var(--surface));font:600 12.5px var(--font-body);padding:10px 12px}.es-auth-success{color:var(--correct);border:1px solid color-mix(in srgb, var(--correct) 40%, var(--border));border-radius:var(--r-opt);background:color-mix(in srgb, var(--correct) 8%, var(--surface));font:600 12.5px var(--font-body);padding:10px 12px}.es-auth-links{font:600 13px var(--font-body);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:14px;display:flex}.app-shell{width:min(1120px,100%);margin:0 auto;padding:1rem 1rem 5rem}.panel{border:1px solid var(--border);border-radius:var(--r-card);background:var(--surface);box-shadow:var(--shadow-card);margin-bottom:1rem;padding:clamp(1rem,4vw,1.6rem)}.hero h1{font:800 clamp(2rem, 6vw, 3rem)/1.05 var(--font-head);letter-spacing:-.03em;color:var(--text);margin:.3rem 0 1rem}.hero p,.muted,.deck-detail p{color:var(--muted)}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font:800 .78rem var(--font-head);margin:0 0 .4rem}.hero-actions,.card-actions,.form-actions,.badge-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.deck-grid,.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.deck-card,.topic-card,.item-card,.catalog-course{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-card);gap:1rem;padding:1rem;display:grid}.metric-row{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.metric{border-radius:var(--r-opt);background:var(--surface2);padding:.85rem}.metric strong{font:800 1.35rem var(--font-head);color:var(--text);display:block}.metric span{color:var(--muted);font-size:.85rem}.empty-state{text-align:center;color:var(--muted);padding:2rem}.import-page form,.sync-form{gap:.75rem;display:grid}.success{border:1px solid color-mix(in srgb, var(--correct) 40%, var(--border));background:color-mix(in srgb, var(--correct) 10%, var(--surface));border-radius:var(--r-opt);color:var(--correct);padding:.85rem}.error-banner{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));background:color-mix(in srgb, var(--danger) 10%, var(--surface));border-radius:var(--r-opt);color:var(--text);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.topic-list,.item-list{gap:.8rem;display:grid}.topic-card,.item-card{justify-content:space-between;align-items:center;gap:1rem;display:flex}.progress{background:var(--surface2);border-radius:999px;flex:0 0 38%;height:.6rem;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent2));height:100%;display:block}.pill{white-space:nowrap;border:1px solid var(--border);color:var(--muted);background:var(--surface2);border-radius:999px;padding:.35rem .65rem}.pill.badge{color:var(--warn);background:color-mix(in srgb, var(--warn) 14%, var(--surface));border-color:color-mix(in srgb, var(--warn) 35%, transparent)}.label,label{color:var(--text);font-weight:700}input,textarea{border-radius:var(--r-opt);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);padding:.9rem}.review-screen{gap:1rem;display:grid}.choice-list{gap:.5rem;padding:0;list-style:none;display:grid}.choice-list li{border:1px solid var(--border);border-radius:var(--r-opt);background:var(--surface);padding:.75rem}.choice-list li.choice-correct{border-color:color-mix(in srgb, var(--correct) 60%, transparent);background:color-mix(in srgb, var(--correct) 14%, var(--surface))}.choice-btn{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-opt);width:100%;color:var(--text);padding:.85rem 1rem}.choice-btn.choice-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.rating-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.match-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.match-card{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-opt);color:var(--text);padding:.7rem .85rem}.match-card.match-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, var(--surface))}.match-card.match-done{border-color:color-mix(in srgb, var(--correct) 60%, transparent);background:color-mix(in srgb, var(--correct) 14%, var(--surface));opacity:.65}.match-card.match-wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 16%, var(--surface))}button.primary{background:var(--accent);color:var(--on-accent);border-radius:var(--r-opt);border:none;padding:.8rem 1rem;font-weight:800}button.danger{border:1px solid color-mix(in srgb, var(--danger) 45%, var(--border));color:var(--danger);border-radius:var(--r-opt);background:0 0;padding:.8rem 1rem}main{gap:1rem;display:grid}