*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#eef1f8;--surface:#fff;--text:#1a202c;--text-muted:#6b7488;--border:#e2e8f0;--accent:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--good-gradient:linear-gradient(135deg, #34d399 0%, #059669 100%);--again-gradient:linear-gradient(135deg, #fb7185 0%, #e11d48 100%);--card-back-gradient:linear-gradient(160deg, #f5f3ff 0%, #eef2ff 100%);--shadow-card:0 10px 40px #4f46e524;--shadow-btn:0 6px 18px #00000024}body{background:var(--bg);color:var(--text);background-image:radial-gradient(1200px 600px at 10% -10%,#8b5cf62e,#0000 60%),radial-gradient(1000px 600px at 100% 0,#6366f129,#0000 55%),radial-gradient(900px 700px at 50% 110%,#ec48991f,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}#app{width:100%;min-height:100vh;display:flex}#sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff73;border-right:1px solid #6366f11f;flex-shrink:0;width:236px;padding:28px 18px}.brand{letter-spacing:.02em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:22px;padding:0 8px;font-size:1.35rem;font-weight:800}.brand span{font-weight:500}#list-nav{flex-direction:column;gap:4px;display:flex}.list-link{color:var(--text);border:1px solid #0000;border-radius:12px;flex-direction:column;gap:3px;padding:10px 12px;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.list-link:hover{background:#6366f112}.list-link.active{background:#ffffffd9;border-color:#6366f140;box-shadow:0 2px 10px #4f46e514}.list-link-name{font-size:.9rem;font-weight:700}.list-link.active .list-link-name{color:var(--accent)}.list-link-meta{color:var(--text-muted);align-items:center;gap:6px;font-size:.68rem;font-weight:600;display:flex}.mode-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mode-dot.mode-cram{background:#10b981}.mode-dot.mode-srs{background:#8b5cf6}#content{flex-direction:column;flex:1;min-width:0;padding:0 24px;display:flex}#content-header{justify-content:space-between;align-items:center;width:100%;max-width:640px;margin:0 auto;padding:24px 0 8px;display:flex}.stat-progress{color:var(--text-muted);letter-spacing:.03em;background:#ffffffa6;border-radius:999px;padding:5px 14px;font-size:.9rem;font-weight:700}#btn-reset-list{color:#e11d48;cursor:pointer;background:#ffffff80;border:1px solid #e11d4840;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .15s,transform .12s}#btn-reset-list:hover{background:#f43f5e1a;transform:translateY(-1px)}main{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;width:100%;max-width:640px;margin:0 auto;padding:16px 0 40px;display:flex}@media (width<=680px){#app{flex-direction:column;max-width:560px}#sidebar{border-bottom:1px solid #6366f11f;border-right:none;width:100%;padding:20px 16px 14px}.brand{text-align:center;margin-bottom:14px}#list-nav{flex-flow:wrap;justify-content:center}.list-link{flex:auto;min-width:150px}#content{padding:0 16px}}#card-container{perspective:1200px;width:100%}.card{cursor:pointer;border-radius:20px;outline:none;width:100%;height:280px}.card:focus .card-inner{box-shadow:0 0 0 3px #6366f18c, var(--shadow-card)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;box-shadow:var(--shadow-card);border-radius:20px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;background:var(--surface);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;padding:28px;display:flex;position:absolute;overflow:hidden}.card-front:before,.card-back:before{content:"";background:var(--accent-gradient);height:6px;position:absolute;top:0;left:0;right:0}.card-back{background:var(--card-back-gradient);transform:rotateY(180deg)}.card:not(.flipped) .card-back{visibility:hidden}.card-category{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);background:#6366f11a;border-radius:999px;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:20px}.card-word{text-align:center;color:var(--text);font-size:2.1rem;font-weight:700;line-height:1.2}.card-back .card-word{background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.3rem}.card-hint{color:var(--text-muted);align-items:center;gap:6px;font-size:.76rem;display:flex;position:absolute;bottom:18px}.card-pronunciation{color:var(--text-muted);font-size:.9rem;font-style:italic;position:absolute;bottom:18px}#answer-buttons{gap:12px;width:100%;display:flex}.btn-answer{cursor:pointer;color:#fff;box-shadow:var(--shadow-btn);border:none;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 8px;font-family:inherit;transition:transform .12s,box-shadow .12s,filter .12s;display:flex}.btn-answer:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 10px 26px #0000002e}.btn-answer:active{filter:brightness(.97);transform:translateY(0)}.btn-again{background:var(--again-gradient)}.btn-good{background:var(--good-gradient)}.btn-icon{background:#ffffff38;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.15rem;font-weight:700;display:flex}.btn-label{font-size:.95rem;font-weight:700}.btn-key{opacity:.85;background:#0000002e;border-radius:5px;padding:1px 6px;font-size:.68rem}#session-done{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:32px 16px;display:flex}.done-icon{color:#fff;background:var(--good-gradient);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2.6rem;display:flex;box-shadow:0 10px 30px #05966959}#session-done h2{color:var(--text);font-size:1.5rem}#session-done p{color:var(--text-muted);font-size:.95rem}#btn-reset-session,#btn-reset-all{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-family:inherit;font-size:.9rem;font-weight:700;transition:transform .12s,filter .12s}#btn-reset-session{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-btn)}#btn-reset-session:hover{filter:brightness(1.05);transform:translateY(-2px)}#btn-reset-all{color:var(--text-muted);background:0 0;font-size:.8rem;font-weight:600}#btn-reset-all:hover{color:var(--text)}#progress-bar-container{background:#6366f11f;height:5px;position:fixed;bottom:0;left:0;right:0}#progress-bar{background:var(--accent-gradient);width:0%;height:100%;transition:width .4s}.hidden{display:none!important}