:root{--primary: #4f46e5;--primary-d: #4338ca;--ink: #1e2130;--muted: #6b7280;--line: #e6e8f0;--bg: #f6f7fb;--due: #d97706;--new: #4f46e5;--ok: #16a34a;--wrong: #dc2626}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.wrap{max-width:460px;margin:0 auto;min-height:100vh;min-height:100dvh;padding:calc(16px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left))}button,a{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}.brand{font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--primary);padding:6px 0 14px}.center{text-align:center}.muted{color:var(--muted)}.tiny{font-size:12px}h1{font-size:30px;line-height:1.15;margin:6px 0 12px;letter-spacing:-.02em}.lead{font-size:17px;line-height:1.5;margin:0 0 12px}p{line-height:1.5}button{font:inherit;cursor:pointer;border:none;border-radius:12px}.primary{background:var(--primary);color:#fff;padding:13px 18px;font-weight:700;width:100%}.primary:hover{background:var(--primary-d)}.primary:disabled{background:#c7cad8;cursor:default}.primary.big{padding:15px 18px;font-size:17px;margin-top:8px}.link{background:transparent;color:var(--muted);padding:8px 4px;text-decoration:underline;width:auto}.link:hover{color:var(--ink)}.screen{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hero-emoji{font-size:46px;margin:18px 0 4px}.tabs{display:flex;gap:6px;background:#eceefb;border-radius:12px;padding:4px;margin-bottom:16px}.tab{flex:1;background:transparent;color:var(--muted);padding:10px;font-weight:600;border-radius:9px}.tab.on{background:#fff;color:var(--ink);box-shadow:0 1px 4px #14143214}.form{display:flex;flex-direction:column;gap:10px}input{font:inherit;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}input:focus{outline:none;border-color:var(--primary)}.error{background:#fef2f2;color:var(--wrong);border:1px solid #fecaca;border-radius:10px;padding:9px 12px;font-size:14px}.row-between{display:flex;align-items:center;justify-content:space-between}.hi{font-size:18px;font-weight:700}.deck-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;margin:12px 0 22px;box-shadow:0 3px 14px #1414320d}.deck-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:12px}.deck-stats{display:flex;gap:10px;margin-bottom:14px}.stat{flex:1;text-align:center;background:#f7f8fc;border-radius:12px;padding:12px 6px}.stat-n{font-size:26px;font-weight:800;line-height:1}.stat-due{color:var(--due)}.stat-new{color:var(--new)}.stat-l{font-size:12px;color:var(--muted);margin-top:5px}.section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:4px 0 10px}.cols{display:flex;flex-direction:column;gap:10px}.col-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.col-card.added{border-color:#c7d2fe;background:#f5f6ff}.col-main{flex:1;min-width:0}.col-title{font-weight:700}.col-sub{font-size:13px;margin-top:2px}.chip{background:var(--primary);color:#fff;padding:9px 14px;font-weight:600;font-size:14px;white-space:nowrap;width:auto;border-radius:99px}.chip:hover{background:var(--primary-d)}.chip.added{background:#e0e7ff;color:var(--primary-d)}.chip:disabled{opacity:.6;cursor:default}.session-wrap{animation:fade .2s ease}.session-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.progress-bar{flex:1;height:7px;background:#e6e8f0;border-radius:99px;overflow:hidden}.progress-bar i{display:block;height:100%;background:var(--primary);border-radius:99px;transition:width .3s ease}.sess{display:flex;flex-direction:column;align-items:center}.hint-tip{font-size:13px;color:var(--muted);font-weight:600;margin-top:8px}.flip3d{max-width:320px;width:100%;margin:8px auto 0;aspect-ratio:5 / 7;perspective:1500px}.flip3d-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .42s cubic-bezier(.4,0,.2,1)}.card3d{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;overflow:hidden;box-shadow:0 4px 18px #1414320f}.flip3d .card3d.face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip3d .card3d.face.back{transform:rotateY(180deg)}.card3d.solo{max-width:320px;width:100%;margin:8px auto 0;aspect-ratio:5 / 7}.card3d-in{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;overflow:auto}.word{font-size:30px;font-weight:800;letter-spacing:-.02em}.word .inf{color:#aab2bf}.ipa{color:var(--muted);font-size:16px}.translation{font-size:22px;font-weight:700}.pos-label{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em}.soundkey{margin-top:4px;padding:10px 14px;border-radius:12px;background:#fdf2fb;border:1px solid #f4d2ec;font-size:21px;font-weight:700;color:#c026d3}.soundkey.trans{background:#effdfb;border-color:#b9efe6;color:#0d9488}.soundkey.chip{align-self:stretch;font-size:17px;padding:8px 12px;margin:0}.hl-sound{color:#c026d3}.hl-trans{color:#0d9488}.hook.story{background:#f7f8fc;border-radius:12px;padding:12px 14px;font-size:16px;line-height:1.55}.hook.story.pure{align-self:stretch;text-align:left;width:100%;font-size:16px}.cardimg.fit{align-self:stretch;width:calc(100% + 36px);margin:0 -18px;flex:1 1 auto;min-height:0;object-fit:cover}.speak-btn{align-self:center;width:44px;height:44px;border-radius:50%;padding:0;font-size:20px;margin-top:6px;background:#eceefb;color:var(--primary)}.speak-btn:hover{background:#e0e3f7}.step-dots{display:flex;gap:6px;justify-content:center;margin-bottom:10px}.step-dots i{width:26px;height:5px;border-radius:99px;background:var(--line)}.step-dots i.on{background:var(--primary)}.sess-nav{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;max-width:320px;width:100%}.flip-icon{width:60px;height:60px;border-radius:50%;font-size:24px;padding:0;background:var(--primary);color:#fff}.flip-icon:hover{background:var(--primary-d)}.grade-row{display:flex;gap:10px;width:100%}.grade{flex:1;padding:15px;font-weight:700;font-size:16px;border-radius:12px}.grade.no{background:#fef2f2;color:var(--wrong);border:1px solid #fecaca}.grade.no:hover{background:#fee2e2}.grade.yes{background:var(--ok);color:#fff}.grade.yes:hover{background:#15803d}