:root{color-scheme:dark;--bg:#10131b;--panel:#1c2230;--panel2:#242b3c;--card:#1a2030;--line:#333b4b;--text:#f4f5f9;--muted:#a5aabb;--accent:#7b7cf8;--accent2:#9495ff;--good:#52ce9d;--bad:#f4696b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:15px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100dvh;color:var(--text);background:radial-gradient(circle at 50% -200px,#2b2a50 0,transparent 440px),var(--bg)}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,textarea:focus-visible,.flip-card:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.app-shell{width:100%;max-width:520px;min-height:100dvh;margin:auto;position:relative;padding:0 20px 104px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.brand-group{display:flex;align-items:center;gap:12px}.brand-glyph{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-weight:850;color:#fff;font-size:24px;position:relative;border-radius:12px;background:linear-gradient(145deg,#9e8dff,#6761ca);box-shadow:0 5px 20px #6761ca35}.brand-glyph span{position:absolute;right:4px;top:3px;font-size:9px;color:#fff}.eyebrow{color:var(--muted);font-size:9px;letter-spacing:2px;font-weight:750}.app-title{font-size:18px;font-weight:500;letter-spacing:-.65px;margin-top:3px}.app-title strong{font-weight:800}.icon-button{background:var(--panel2);border:1px solid var(--line);color:var(--text);font-size:23px;width:39px;height:39px;border-radius:13px}.view{display:none}.view.active{display:block}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:29px 0 26px}.section-heading h1{font-size:29px;letter-spacing:-1.5px;margin:7px 0 4px;line-height:1.16;font-weight:780}.dot{color:#aaa0ff}.subtitle{font-size:13px;color:var(--muted);margin:0}.pill,.small-chip{background:var(--panel);border:1px solid var(--line);border-radius:12px;font-size:11px;color:#d4d7e2;padding:8px 12px;white-space:nowrap}.progress-top{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:0 0 9px}.progress-track{height:5px;background:#2b3140;border-radius:10px;overflow:hidden;margin-bottom:21px}.progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#7978f0,#91d8bb);border-radius:10px;transition:width .3s}.flip-card{width:100%;height:min(73vw,350px);min-height:295px;max-height:350px;perspective:1200px;cursor:pointer;touch-action:pan-y;user-select:none}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .43s cubic-bezier(.2,.75,.2,1)}.flip-card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(150deg,#222a3c,#181f2e 70%);border:1px solid #3b4358;box-shadow:0 18px 54px #05060942;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:23px;padding:27px;overflow:hidden}.card-front:after{content:'✦';font-size:100px;line-height:1;opacity:.025;position:absolute;bottom:0;right:5px;pointer-events:none}.card-caption,.mini-label{font-size:10px;letter-spacing:1.5px;font-weight:750;color:var(--muted)}.card-front .card-caption{position:absolute;top:27px}.card-word{font-size:clamp(35px,8vw,58px);font-weight:820;letter-spacing:-2.3px;line-height:1.12;overflow-wrap:anywhere;max-width:100%}.card-pron{font-size:13px;color:var(--muted);margin-top:16px}.tap-hint{color:#9299af;position:absolute;bottom:24px;font-size:12px}.card-back{transform:rotateY(180deg);text-align:left;align-items:flex-start;justify-content:flex-start;overflow:auto;user-select:text;padding:27px 29px}.card-meaning{font-size:clamp(23px,5vw,29px);font-weight:750;line-height:1.2;letter-spacing:-.6px;margin:9px 0 23px}.meaning-section{margin-bottom:15px;width:100%}.meaning-section p{font-size:13px;line-height:1.55;color:#dce1eb;margin:5px 0 0}.meaning-section p.example{font-style:italic;color:#b2b0ff}.bottom-back{position:static;align-self:center;margin:4px auto 0;padding-top:4px;flex-shrink:0}.rating-panel{margin:23px 0 20px}.rating-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.rating-title{font-size:15px;font-weight:730}.rating-subtitle{font-size:12px;color:var(--muted);margin-top:5px}.rating-value{font-size:32px;font-weight:800;min-width:45px;text-align:right;font-variant-numeric:tabular-nums}.rating-slider{appearance:none;-webkit-appearance:none;width:100%;height:10px;border:0;border-radius:15px;outline:none;background:linear-gradient(to right,#e45362,#f39b5d 28%,#eac85b 51%,#a9cd6d 72%,#4bce94);cursor:pointer}.rating-slider:disabled{opacity:.37;cursor:not-allowed}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:25px;width:25px;border-radius:50%;background:#fff;border:3px solid #333a49;box-shadow:0 2px 8px #0007}.rating-slider::-moz-range-thumb{height:20px;width:20px;border-radius:50%;background:#fff;border:3px solid #333a49}.range-labels{display:flex;justify-content:space-between;margin-top:11px;font-size:10px;color:var(--muted)}.btn{padding:16px 18px;border:0;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:720;font-size:14px;width:100%;transition:filter .2s,transform .15s}.btn span{font-size:19px}.btn:active{transform:scale(.985)}.btn.primary{background:linear-gradient(135deg,#8d8bf5,#696ce2);color:#fff;box-shadow:0 8px 30px #7875e02b}.btn.primary:disabled{background:#343b4d;box-shadow:none;color:#888fa5}.btn.secondary{background:var(--panel);border:1px solid var(--line);color:var(--text)}.btn.compact{padding:12px 10px;font-size:11px;white-space:nowrap}.btn.dangerous{background:transparent;border:1px solid #86414b;color:#ff9d9e}.gesture-message{height:38px;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center;text-align:center}.session-chips{display:flex;justify-content:center;gap:10px}.bottom-nav{position:fixed;z-index:8;bottom:0;left:50%;transform:translateX(-50%);max-width:520px;width:100%;display:grid;grid-template-columns:repeat(3,1fr);background:#171c28f7;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.nav-item{border:0;background:none;color:#929bb1;display:flex;align-items:center;flex-direction:column;font-size:10px;font-weight:700;gap:4px;padding:2px 4px}.nav-item.active{color:#aba9ff}.nav-icon{font-size:23px;line-height:1.2}.vault-actions{display:flex;gap:8px;margin-bottom:19px}.info-note{border:1px solid #44436d;background:#25243e;border-radius:15px;padding:14px 15px;font-size:12px;color:#d6d5ec;line-height:1.55;margin-bottom:25px}.info-note strong{color:#c9c6ff}.info-note p{margin:5px 0 0}.search-label{display:block;font-size:10px;letter-spacing:1.5px;color:var(--muted);font-weight:700;margin-bottom:9px}.text-input{width:100%;background:#1c2230;border:1px solid #394255;color:#f6f7fa;border-radius:12px;padding:13px 14px;outline:none;font-size:14px}.text-input:focus{border-color:#9c96fd}.word-list{margin:15px 0}.word-item{width:100%;display:flex;align-items:center;text-align:left;border:1px solid #30394c;background:#1b2230;color:var(--text);padding:15px 14px;border-radius:14px;margin-bottom:9px;gap:10px}.word-item .word-name{font-size:16px;font-weight:750}.word-item .word-translation{font-size:12px;color:var(--muted);margin-top:4px;line-height:1.4}.word-item .word-source{font-size:10px;color:#9f9aff;margin-top:5px}.word-item .word-arrow{margin-left:auto;font-size:19px;color:#8e95a8}.word-empty{color:var(--muted);font-size:13px;padding:20px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.stat-box,.panel{background:#1b2230;border:1px solid #30394c;border-radius:15px;padding:19px}.stat-box span{font-size:10px;letter-spacing:1.2px;color:var(--muted);display:block}.stat-box strong{font-size:31px;margin-top:9px;display:block}.panel{margin-bottom:13px}.panel-copy{font-size:12px;line-height:1.6;color:#b7bccb;margin:11px 0 0}.panel-copy.small{font-size:11px}.recent-list{margin-top:10px}.recent-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #343c4c;padding:10px 1px;font-size:12px}.recent-item:last-child{border-bottom:0}.recent-score{font-size:13px;font-weight:800}.recent-score.good{color:#6dd4a7}.recent-score.weak{color:#e6a77b}.ready-block,.done-block{text-align:center;background:#1b2230;border:1px solid var(--line);border-radius:22px;padding:40px 25px;margin-top:24px}.ready-icon,.done-sparkle{font-size:45px;color:#a09aff}.ready-block h2,.done-block h2{margin:15px 0 8px;font-size:23px;letter-spacing:-.5px}.ready-block p,.done-block p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:24px}.done-summary{display:flex;gap:15px;justify-content:center;margin-bottom:25px}.done-summary>div{border:1px solid var(--line);border-radius:14px;padding:12px 25px}.done-summary strong{display:block;font-size:27px}.done-summary small{font-size:10px;color:var(--muted)}.word-dialog{width:calc(100% - 26px);max-width:480px;max-height:calc(100dvh - 40px);overflow-y:auto;border:1px solid #434b61;border-radius:22px;background:#1d2433;color:var(--text);padding:23px;box-shadow:0 12px 75px #000a}.word-dialog::backdrop{background:#080b13cc;backdrop-filter:blur(4px)}.word-form{display:flex;flex-direction:column;gap:14px}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.dialog-heading h2{margin:5px 0;font-size:23px}.close-dialog{color:var(--muted);border:0;background:var(--panel2);border-radius:10px;width:36px;height:36px;font-size:25px;line-height:1}.word-form label{display:flex;flex-direction:column;gap:7px;color:#c7cddd;font-weight:650;font-size:12px}.word-form textarea{resize:vertical}.import-dialog{display:flex;flex-direction:column;gap:16px}.file-field{width:100%;font-size:12px}.toast{position:fixed;z-index:100;bottom:102px;left:50%;transform:translate(-50%,24px);opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;width:max-content;max-width:calc(100vw - 32px);padding:12px 17px;border-radius:12px;background:#dce0fa;color:#1b2030;box-shadow:0 8px 30px #0006;font-size:12px;font-weight:700;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:580px){.app-shell{border-left:1px solid #292e40;border-right:1px solid #292e40}.flip-card{height:350px}}@media(max-height:670px){.topbar{height:75px}.section-heading{padding:22px 0 16px}.flip-card{height:290px;min-height:280px}.rating-panel{margin:19px 0 16px}}