:root{color:#18212f;background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;overflow-y:auto}button{border:1px solid #d6dae3;border-radius:8px;background:#fff;color:#18212f;cursor:pointer;font:inherit;padding:10px 14px}button:disabled{cursor:wait;opacity:.65}.app-shell,.login-page{min-height:100vh;padding:16px 32px 40px}.login-page{display:grid;place-items:center}.login-panel{max-width:420px;width:100%}.app-header{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin:0 auto 8px;max-width:1228px}.app-header div{display:none}.app-header button{border:0;color:#667085;padding:4px 0}.vocab-picker,.review-mode,.choose-mode-screen{max-width:1228px;margin:0 auto}.hero-title{text-align:center}.hero-title h1{color:#172349;font-family:Georgia,Times New Roman,serif;font-size:56px;line-height:1;margin:0 0 16px}.streak-badges{display:flex;gap:10px;justify-content:center;margin-bottom:26px}.streak-badge{align-items:center;border-radius:9px;color:#fff;display:inline-flex;gap:7px;font-weight:700;justify-content:center;padding:10px 14px}.streak-badge.green{background:#10bd82}.streak-badge.indigo{background:#5264b2}.guide-banner{align-items:center;background:#eef6ff;border:1px solid #bed3ff;border-radius:10px;display:grid;gap:18px;grid-template-columns:auto 1fr auto;margin:0 auto 58px;padding:20px 28px}.guide-icon{align-items:center;color:#2651d9;display:inline-flex;font-size:48px;justify-content:center}.guide-banner strong{display:block;font-size:18px;margin-bottom:4px}.guide-banner p{margin:0}.guide-banner button{background:#2651d9;border:0;border-radius:20px;color:#fff;font-weight:800;min-width:234px}.video-modal-backdrop{align-items:center;background:#0f172a9e;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:40}.video-modal{max-width:960px;position:relative;width:100%}.video-modal-close{align-items:center;background:#fff;border:0;border-radius:999px;box-shadow:0 6px 18px #0f172a38;display:inline-flex;font-size:28px;height:40px;justify-content:center;padding:0;position:absolute;right:-14px;top:-14px;width:40px;z-index:1}.video-card{background:#000;border-radius:18px;overflow:hidden;width:100%}.video-frame{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-frame iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.video-caption{background:#fff;color:#111827;font-size:15px;line-height:1.5;padding:14px 24px;text-align:center}.video-caption strong{color:#2563eb}.mode-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin:0 0 48px}.mode-actions button{align-items:center;background:#fff;border-radius:20px;display:inline-flex;gap:8px;justify-content:center;font-weight:700;min-width:210px}.outline-favorite{border-color:#ffb300;color:#ff9b00}.outline-hard{border-color:#4f46e5;color:#4f46e5}.set-grid{display:grid;gap:46px;grid-template-columns:repeat(4,minmax(220px,1fr))}.set-card{--set-accent: #3d7cf4;background:#fff;border:2px solid #d7e1ff;border-radius:14px;box-shadow:0 1px 4px #1018281f;min-height:396px;padding:28px 36px 24px}.set-card.blue{--set-accent: #3d7cf4;background:linear-gradient(180deg,#edf5ff,#fff);color:#3d7cf4}.set-card.orange{--set-accent: #ff9308;background:linear-gradient(180deg,#fff6e7,#fff);border-color:#eee4d1;color:#ff9308}.set-card.purple{--set-accent: #6d3cab;background:linear-gradient(180deg,#f3efff,#fff);border-color:#d8d0f0;color:#6d3cab}.set-card.green{--set-accent: #12b980;background:#eafff5;border-color:#bfecd9;color:#12b980}.set-card-main{background:transparent;border:0;color:inherit;display:grid;gap:7px;padding:0;text-align:center;width:100%}.set-icon{font-size:42px}.text-badge{align-items:center;background:color-mix(in srgb,currentColor 13%,#ffffff);border:1px solid color-mix(in srgb,currentColor 30%,#ffffff);border-radius:999px;display:inline-flex;font-size:18px;font-weight:900;height:48px;justify-content:center;justify-self:center;letter-spacing:0;width:48px}.set-card-main strong{font-size:32px;line-height:1.1}.daily-title{color:#db1e49;font-size:17px;margin-top:8px}.set-stat{align-items:center;color:#0f172a;display:inline-flex;font-size:16px;gap:6px;justify-content:center}.progress-track{background:#dedede;border-radius:999px;height:10px;margin:14px 0 0;overflow:hidden;width:100%}.progress-track i{background:currentColor;border-radius:inherit;display:block;height:100%}.learned-count{color:currentColor;font-size:14px;font-weight:800}.study-button{background:var(--set-accent);border-radius:8px;box-shadow:0 8px 18px #1018281f;color:#fff;display:block;font-size:17px;font-weight:800;margin:18px auto 0;min-width:160px;padding:12px 32px}.secondary-button{background:transparent;border:0;color:#344054;justify-content:center;margin-top:10px;padding:0;width:100%}.back-link{background:transparent;border:0;padding:0}.choose-mode-heading{margin:-12px 0 28px;text-align:center}.choose-mode-heading h2{font-size:32px;margin:0 0 12px}.choose-mode-heading p{margin:0}.mode-card-grid{display:grid;gap:28px;grid-template-columns:repeat(2,minmax(280px,470px));justify-content:center}.mode-card{align-items:center;background:#fff;border-radius:18px;display:grid;gap:14px;min-height:304px;padding:36px 26px;text-align:center}.mode-card-review{border:3px solid #003f73;box-shadow:0 2px 8px #003f7359}.mode-card-typing{border:3px solid #cc2454;box-shadow:0 2px 8px #cc245447}.mode-icon{align-items:center;color:currentColor;display:inline-flex;font-size:36px;justify-content:center}.mode-card strong{font-size:22px}.mode-card p{line-height:1.5;margin:0}.mode-card button{border:0;color:#fff;font-weight:800;justify-self:center;min-width:170px}.mode-card-review button{background:#003f73}.mode-card-typing button{background:#c92756}.tip-pill{background:#fff7c2;border-radius:999px;margin:40px auto 0;padding:10px 16px;width:max-content}.review-header{align-items:center;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-bottom:10px}.study-topbar{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;margin:12px 0 16px}.study-topbar .back-link{justify-self:start}.study-top-actions{align-items:center;display:flex;gap:26px;grid-column:2}.icon-text-button{align-items:center;display:inline-flex;gap:7px;justify-content:center}.plain-tool{background:transparent;border:0;padding:0}.save-tool{align-items:center;background:#6c35a8;border:0;border-radius:9px;color:#fff;display:inline-flex;gap:7px;justify-content:center;font-weight:800;min-width:104px}.study-progress{display:grid;gap:6px;margin:0 auto 8px;width:614px;text-align:center}.study-progress strong{font-size:20px}.study-progress span{background:#e3e3e3;border-radius:999px;box-shadow:inset 0 1px 2px #0000001f;height:14px;overflow:hidden}.study-progress i{background:#397cf1;display:block;height:100%}.study-stage{margin:0 auto;position:relative;width:614px}.study-layout{display:block;margin:0;position:relative;width:614px}.study-card{margin:0 auto;min-height:626px;padding:20px 16px 42px;position:relative;width:614px}.favorite-pill{align-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:18px;display:inline-flex;font-size:14px;gap:6px;left:20px;padding:9px 12px;position:absolute;top:20px}.favorite-pill.active{background:#ffda00;border-color:#ffda00}.card-type{color:red;font-size:28px;font-weight:800;margin-top:28px}.card-ipa{color:#111827;font-size:18px;margin-bottom:4px}.study-card h2{color:#c62855;font-size:46px;margin:0 0 18px}.study-card img{height:216px;max-width:320px;margin:0 auto 16px}.study-card p:not(.card-hint){color:#24aa49;font-size:32px;line-height:1.1;margin:4px 0 16px}.study-card blockquote{display:grid;gap:4px;margin-top:0}.study-card blockquote small{color:#8b95a6;display:block;font-size:16px}.success-toast{background:#18bd82;border-radius:6px;color:#fff;font-weight:700;margin:14px auto 0;max-width:390px;padding:10px 14px}.study-side{align-items:start;display:grid;grid-template-rows:auto auto 1fr;gap:10px;height:626px;left:calc(100% + 8px);position:absolute;top:0;width:124px}.study-side button{background:#e5e7eb;border:0;border-radius:9px;font-weight:800}.tool-icon-button{align-items:center;display:inline-flex;gap:7px;justify-content:center}.audio-box{align-self:end;display:grid;gap:8px;justify-items:center;margin-bottom:34px}.audio-box label{align-items:center;display:flex;gap:6px;font-size:14px}.speaker-button{align-items:center;background:#f1f3f5;border:0;border-radius:999px;display:inline-flex;font-size:24px;height:58px;justify-content:center;width:58px}.save-status{color:#667085;font-size:13px;font-weight:700;margin:0 auto 8px;min-height:18px;text-align:center;width:614px}.study-counts{font-size:12px;margin:0 auto 8px;width:614px;text-align:center}.study-counts b:nth-of-type(1){color:#397cf1}.study-counts b:nth-of-type(2){color:#ff980c}.study-counts b:nth-of-type(3){color:#f44242}.study-counts b.active{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.study-rating-row{display:grid;gap:4px;grid-template-columns:repeat(4,minmax(0,1fr));justify-content:center;margin-top:0;width:614px;margin-left:auto;margin-right:auto}.study-rating-row button{align-items:center;border-radius:9px;display:inline-flex;justify-content:center;line-height:1.15;min-height:52px;min-width:0;text-align:center;white-space:normal;width:100%}.shortcut-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000f;color:#374151;cursor:pointer;font-size:14px;left:-260px;max-width:240px;padding:10px 14px;position:absolute;top:0;-webkit-user-select:none;user-select:none}.shortcut-panel.expanded{background:#f0f9ff;border-color:#bae6fd}.shortcut-compact{align-items:center;display:flex;font-weight:700;gap:8px;white-space:nowrap}.shortcut-expanded{display:none;gap:4px;line-height:1.6;margin-top:8px}.shortcut-panel.expanded .shortcut-compact{display:none}.shortcut-panel.expanded .shortcut-expanded{display:grid}.shortcut-expanded kbd{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#111827;display:inline-block;font-size:12px;font-weight:700;margin-right:6px;min-width:28px;padding:2px 6px;text-align:center}.settings-modal-backdrop{align-items:center;background:#0f172a59;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:20}.settings-modal{max-width:504px;position:relative;width:100%}.settings-modal .settings-panel{box-shadow:0 18px 50px #1018283d;margin:0}.settings-modal-close{align-items:center;background:#eef2f7;border:0;border-radius:999px;display:inline-flex;font-size:22px;height:34px;justify-content:center;padding:0;position:absolute;right:-10px;top:-10px;width:34px;z-index:1}.guide-modal-backdrop{align-items:center;background:#0f172a57;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:35}.guide-modal{background:#fff;border:1px solid #d7d7d7;border-radius:14px;box-shadow:0 2px 10px #0f172a38;color:#071a40;max-height:calc(100dvh - 32px);overflow-y:auto;max-width:620px;padding:20px 20px 24px;position:relative;width:100%}.guide-modal h2{color:#071a40;font-size:28px;line-height:1.2;margin:0 44px 20px 0}.guide-modal-close{align-items:center;background:transparent;border:0;color:#8a90a3;display:inline-flex;font-size:42px;height:42px;justify-content:center;line-height:1;padding:0;position:absolute;right:18px;top:14px;width:42px}.guide-row{align-items:center;display:grid;gap:10px;grid-template-columns:78px 1fr;margin:10px 0}.guide-row p{font-size:15px;line-height:1.45;margin:0}.guide-label{border-radius:8px;color:#fff;display:inline-flex;font-size:17px;font-weight:800;justify-content:center;min-width:70px;padding:9px 12px}.guide-again{background:#f44242}.guide-hard{background:#ffc107}.guide-good{background:#22c65d}.guide-easy{background:#3f7df1}.guide-save{background:#5e159c}.guide-muted{background:#e6e9ee;color:#071a40}.guide-search{background:transparent;color:#0f55a7;font-size:38px;padding:0}.guide-tip,.guide-warning{border-radius:9px;font-size:15px;line-height:1.55;margin:8px 6px 16px 0;padding:11px 14px}.guide-tip{background:#e3dcff;color:#5b21b6}.guide-warning{background:#fff8bd;color:#9a6200}.study-rating-row button:nth-child(1){background:#f44242}.study-rating-row button:nth-child(2){background:#ff980c}.study-rating-row button:nth-child(3){background:#22c65d}.study-rating-row button:nth-child(4){background:#3f7df1}.review-header strong{font-size:20px;text-align:center}.review-header span{font-weight:800;justify-self:end}.review-header button{background:transparent;border:0;justify-self:start;padding-left:0}.session-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-bottom:10px}.session-toolbar button:first-child{background:#6d3cab;border:0;color:#fff;font-weight:800;min-width:100px}.flashcard{background:#fff;border:1px solid #dedede;border-radius:8px;box-shadow:0 1px 5px #10182829;cursor:pointer;margin:8px auto 0;min-height:626px;padding:20px 18px 26px;text-align:center}.flashcard h2{color:#c62855;font-size:44px;line-height:1.1;margin:8px 0 14px}.flashcard p{font-size:26px;font-weight:800;color:#24aa49}.flashcard blockquote{background:#f0f1f3;border-radius:14px;color:#27314f;font-size:22px;margin:16px auto 0;max-width:578px;padding:14px 18px}.flashcard img{border-radius:5px;display:block;height:210px;margin:18px auto;max-width:320px;object-fit:contain;width:100%}.flashcard audio{display:block;margin:0 auto 12px;max-width:320px;width:100%}.rating-row{align-items:center;display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin-top:28px}.rating-row button{border:0;color:#fff;font-size:18px;font-weight:800;min-width:150px;padding:14px 22px}.rating-row.study-rating-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.rating-row.study-rating-row button{min-width:0;width:100%}.rating-row button:nth-child(1){background:#6b7280}.rating-row button:nth-child(2){background:#f44242}.rating-row button:nth-child(3){background:#ff980c}.rating-row button:nth-child(4){background:#22c65d}.rating-row button:nth-child(5){background:#3f7df1}.error-text{color:#b42318}.notice-text{color:#175cd3;margin-bottom:0;text-align:right}.card-hint{color:#667085;font-size:16px;font-weight:400}.settings-panel{background:#fff;border:1px solid #d0d5dd;border-radius:12px;color:#18212f;display:grid;gap:14px;margin-top:12px;padding:20px;text-align:left}.settings-panel label{color:#18212f;display:grid;gap:6px;font-size:14px}.settings-panel input[type=number]{border:1px solid #d6dae3;border-radius:6px;font:inherit;padding:10px;width:100%}.setting-slider{display:grid;gap:8px}.setting-slider div{align-items:center;display:flex;gap:12px;justify-content:space-between}.setting-slider strong{color:#18212f;font-size:14px}.setting-slider span{color:#475467;font-size:13px;font-weight:700}.setting-slider input[type=range]{accent-color:#3f7df1;width:100%}.checkbox-label{align-items:center;display:flex;gap:10px}.checkbox-label input{width:auto}.settings-panel button{background:#3f7df1;border:0;color:#fff}.settings-panel button:nth-last-of-type(1){background:#ef4444}.typing-input-row{display:grid;gap:16px;grid-template-columns:minmax(220px,280px) auto;justify-content:center;margin:20px 0}.typing-input-row input{border:2px solid #7a7a7a;border-radius:6px;font:inherit;font-size:22px;padding:10px 12px;text-align:center}.typing-input-row button{border:0;color:#0f55a7;font-size:28px;padding:6px 10px}.typing-study-card .card-type{margin-top:8px}.typing-study-card p{white-space:pre-line}.custom-rating-row{display:grid;grid-template-columns:repeat(2,minmax(160px,250px));max-width:520px;width:100%}.custom-rating-row button{min-width:0}.custom-rating-row button:nth-child(1){background:#f44242}.custom-rating-row button:nth-child(2){background:#22c65d}.success-text{color:#067647}.completion-panel{background:#fff;border:1px solid #e4e7ec;border-radius:8px;display:grid;gap:8px;margin-bottom:18px;padding:20px}.completion-panel h2{margin:0 0 4px}.completion-card{align-items:center;display:grid;align-content:start;gap:36px;justify-items:center;padding:74px 24px 30px}.completion-success{background:#18bd82;border-radius:8px;box-shadow:0 4px 10px #10182833;color:#172349;max-width:564px;min-height:132px;padding:20px 34px;text-align:center;width:100%}.completion-success h2{color:#172349;font-size:28px;line-height:1.35;margin:0 0 14px}.completion-card .completion-success p{color:#172349;font-size:17px;font-weight:400;line-height:1.45;margin:8px 0 0}.completion-quote{color:#667085;max-width:560px;text-align:center}.completion-card .completion-quote p{color:#5264b2;font-size:18px;font-style:italic;font-weight:400;line-height:1.5;margin:0 0 12px}.completion-card .completion-quote span{color:#667085;display:block;font-size:17px;line-height:1.6}.completion-actions{display:flex;justify-content:center;margin-top:20px}.continue-button{align-items:center;background:#3b5bdb;border:0;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:12px 32px;transition:background .15s}.continue-button:hover{background:#2f4bbf}.continue-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:980px){.set-grid,.mode-card-grid{grid-template-columns:1fr}.guide-banner{grid-template-columns:1fr;text-align:center}.hero-title h1{font-size:42px}.review-mode{max-width:100%;padding-bottom:18px}.study-topbar{grid-template-columns:auto 1fr;margin:8px 0 10px}.study-top-actions{gap:14px;grid-column:2;justify-self:end}.plain-tool{white-space:nowrap}.save-tool{min-width:60px;padding:9px 14px}.study-progress,.study-stage,.study-layout,.study-counts,.study-rating-row,.save-status{width:100%}.study-progress strong{color:#8f96a3;font-size:18px}.study-stage{display:flex;flex-direction:column;min-height:0;overflow:visible}.study-layout{display:grid}.shortcut-panel{display:none}.study-card{min-height:502px;padding:12px 12px 18px;width:100%}.favorite-pill{left:14px;top:8px}.card-type{font-size:20px;margin-top:6px}.card-ipa{color:#9aa1ad;font-size:16px}.study-card h2{font-size:34px;margin-bottom:10px}.study-card img{height:156px;margin-bottom:10px;max-width:230px}.study-card p:not(.card-hint){font-size:26px}.study-card blockquote{font-size:16px;padding:12px}.card-hint{font-size:22px;line-height:1.45}.study-side{align-items:center;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,auto));height:auto;justify-content:center;left:auto;margin-top:14px;position:static;top:auto;width:100%}.study-side button{padding:10px 16px}.tool-icon-button span{display:none}.audio-box{align-self:center;margin-bottom:0}.speaker-button{height:42px;width:42px}.study-counts{font-size:12px;margin-top:8px}.study-rating-row{background:#fffffff5;border:1px solid #e5e7eb;border-radius:12px;bottom:calc(8px + env(safe-area-inset-bottom));box-shadow:0 8px 24px #10182824;display:grid;gap:7px;grid-template-columns:repeat(4,1fr);margin:8px 0 10px;order:2;padding:8px;position:sticky;z-index:18}.custom-rating-row{grid-template-columns:repeat(2,1fr)}.study-rating-row button{font-size:13px;min-width:0;min-height:50px;padding:10px 6px}}@media(max-width:520px){.app-shell,.login-page{padding:8px 10px 24px}.app-header{display:none}.study-top-actions{gap:10px}.plain-tool,.study-topbar .back-link{font-size:14px}.study-card{min-height:502px}.study-side{grid-template-columns:auto auto 70px}.audio-box label{font-size:12px}.guide-modal{border-radius:10px;padding:16px 14px 20px}.guide-modal h2{font-size:20px}}