:root{color:#0b3472;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#0b3472;--muted:#718195;--line:#e2eaf2;--green:#008268;--green-dark:#006253;--brand-blue:#0060de;--brand-blue-deep:#052a66;--brand-teal:#07584b;--cream:#f6f9fc;background:#f6f9fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;height:100svh;margin:0;overflow:hidden}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7cb6ee}.app-shell{flex-direction:column;height:100svh;min-height:0;display:flex;position:relative;overflow:hidden}.app-shell:before,.app-shell:after{content:"";z-index:-1;filter:blur(1px);pointer-events:none;border-radius:50%;width:330px;height:330px;position:fixed}.app-shell:before{background:radial-gradient(circle,#e8f0f7 0,#e8f0f700 70%);top:18%;left:-230px}.app-shell:after{background:radial-gradient(circle,#e8eff4 0,#e8eff400 70%);bottom:-140px;right:-90px}.study-stage{z-index:auto;pointer-events:none;flex:1 1 0;justify-content:center;align-self:stretch;align-items:safe center;width:100vw;min-height:0;margin:0 0 0 calc(50% - 50vw);display:flex;position:relative}.alphabet-rail{z-index:0;pointer-events:none;place-items:center;gap:3px;min-width:0;padding:2px 10px;display:grid;position:fixed}.alphabet-rail-top-left{grid-template-columns:repeat(4,minmax(0,1fr));width:38%;top:78px;left:2%}.alphabet-rail-top-right{grid-template-columns:repeat(4,minmax(0,1fr));width:38%;top:78px;right:2%}.alphabet-rail-left{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,minmax(0,1fr));width:30%;height:52vh;top:24vh;left:0}.alphabet-rail-right{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,minmax(0,1fr));width:30%;height:52vh;top:24vh;right:0}.alphabet-rail-bottom{grid-template-columns:repeat(10,minmax(0,1fr));width:100%;bottom:1vh;left:0}.alphabet-letter{color:#778696;opacity:.12;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:50%;place-items:center;width:100%;height:clamp(54px,8vw,100px);padding:0;font:700 clamp(48px,6vw,88px)/1 Georgia,serif;transition:opacity .16s,color .16s,transform .16s,background .16s;display:grid}.alphabet-letter:hover,.alphabet-letter:focus-visible{color:#0b3472;opacity:.42;background:#eaf4ff66;transform:scale(1.08)}.study-stage>.flashcard{z-index:2;pointer-events:auto;align-self:stretch;width:min(100%,660px);max-height:calc(100% - 22px);margin-top:22px;position:relative;overflow:hidden}.topbar{z-index:auto;pointer-events:none;border-bottom:1px solid #e5ecf2;flex:0 0 62px;justify-content:space-between;align-items:center;height:62px;padding:0 clamp(22px,6vw,86px);display:flex;position:relative}.desktop-header-nav{display:none}.desktop-mode-switch{background:#ffffffd9;border:1px solid #e3ebf2;border-radius:9px;align-items:center;gap:2px;padding:3px;display:inline-flex}.desktop-mode-switch button{color:#73839a;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font:10px DM Mono,monospace;transition:all .15s;display:inline-flex}.desktop-mode-switch button:hover{color:#0b3472;background:#f1f6fc}.desktop-mode-switch button.is-active{color:#0b3472;background:#eaf4ff;font-weight:600;box-shadow:0 1px 3px #0b347212}.desktop-header-icon{color:#246994;cursor:pointer;background:#fff;border:1px solid #e1e9f0;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;transition:all .15s;display:grid;position:relative}.desktop-header-icon:hover,.desktop-header-icon:focus-visible{color:#0b3472;background:#eaf8f4;border-color:#b9d8e4}.desktop-header-filter-tools{flex:0 0 36px;width:36px;height:36px}.desktop-header-filter-tools .filter-reveal{width:36px;height:36px}.desktop-header-filter-tools .filter-controls{inset:calc(100% + 8px) 0 auto auto}.desktop-header-profile{color:#246994;cursor:pointer;background:#fff;border:1px solid #e1e9f0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 9px;font:10px DM Mono,monospace;display:inline-flex;position:relative}.desktop-header-profile:hover,.desktop-header-profile:focus-visible{color:#0b3472;background:#eaf8f4;border-color:#b9d8e4}.desktop-header-profile>span:last-child{text-overflow:ellipsis;white-space:nowrap;max-width:76px;overflow:hidden}.topbar-right,.brand{pointer-events:auto}.brand{color:var(--ink);border-radius:9px;align-items:center;gap:7px;padding:3px 5px;text-decoration:none;display:inline-flex}.brand-logo-frame{flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.brand-mark{object-fit:contain;-webkit-user-select:none;user-select:none;width:40px;height:40px;display:block}.brand-wordmark{white-space:nowrap;letter-spacing:-1.7px;align-items:baseline;font:800 27px/1 Manrope,sans-serif;display:inline-flex}.brand-wordmark-blue{color:#052a66}.brand-wordmark-green{color:#07584b}.search-tools-row{z-index:9;pointer-events:auto;justify-content:center;align-items:center;gap:8px;width:min(680px,100vw - 80px);min-width:150px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.search-tools-row[hidden]{display:none}.vocabulary-search{z-index:9;color:#74849a;pointer-events:auto;flex:260px;width:auto;min-width:130px;max-width:360px;margin:0;position:relative}.vocabulary-search>input{width:100%;height:36px;color:var(--ink);background:#fff;border:1px solid #e3ebf2;border-radius:9px;outline:0;padding:0 62px 0 12px;font:12px DM Sans,sans-serif;transition:border-color .15s,box-shadow .15s}.vocabulary-search>input::placeholder{color:#9ba9b6}.vocabulary-search>input:focus{border-color:#b3d8e8;box-shadow:0 0 0 3px #eaf4ff}.search-icon{z-index:1;color:#77869b;pointer-events:none;position:absolute;top:10px;right:10px}.search-clear{z-index:2;color:#7b8e9f;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:24px;padding:0;display:grid;position:absolute;top:6px;right:32px}.search-clear:hover{color:#0b3472;background:#edf6ff}.search-results{z-index:20;background:#fff;border:1px solid #e3ebf2;border-radius:11px;width:100%;max-height:min(430px,100vh - 100px);padding:5px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 15px 36px #0b34721a}.search-result{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;gap:3px;padding:10px 11px;display:grid}.search-result:hover,.search-result.is-active{background:#f1f6fc}.search-result-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.search-result-heading strong{font:600 13px Manrope,sans-serif}.search-result-tags{align-items:center;gap:6px;display:inline-flex}.search-result-heading small{color:#8d9eac;text-transform:uppercase;font:9px DM Mono,monospace}.search-result-heading small.search-match-type{color:#167c92;background:#eaf8f4;border-radius:4px;padding:2px 5px;font-size:8px}.search-result-meaning{color:#73839a;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.search-state{color:#77869b;padding:12px 11px;font-size:11px}.search-error{color:#b65e50}.topbar-right{flex:none;align-items:center;gap:9px;display:flex}.study-label,.card-index,.word-meta,.example-label,.english-label,.answer-divider,.card-footer,.page-footer,.eyebrow{letter-spacing:.09em;font-family:DM Mono,monospace}.study-label{color:#73839a;align-items:center;gap:8px;font-size:10px;display:flex}.live-dot{background:#13987f;border-radius:99px;width:6px;height:6px;display:inline-block}.session-count{color:#73839a;border:1px solid #e1e9f0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:55px;height:28px;padding:0 9px;font:11px DM Mono,monospace;display:flex}.session-count span:first-child{color:var(--ink)}.count-divider{color:#b4bfca}.profile-control{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:40px;display:flex}.footer-profile-control{pointer-events:auto}.profile-control-label{color:#73839a;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;max-width:40px;padding:0;font:8px/1.1 DM Mono,monospace;overflow:hidden}.profile-login-action{justify-content:center;align-items:center;gap:7px;width:100%;min-height:40px;margin:13px 0 15px;display:inline-flex}.profile-button{color:#246994;cursor:pointer;background:#fff;border:1px solid #e1e9f0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.profile-button:hover{color:#0b3472;background:#eaf8f4;border-color:#b9d8e4}.profile-button{pointer-events:auto;position:relative}.profile-save-dot{background:#d89b49;border:1px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.profile-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18395f66;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.profile-setup-backdrop{z-index:60;background:#18395f77}.profile-dialog{width:min(100%,450px);max-height:min(90vh,780px);color:var(--ink);background:#fff;border:1px solid #e5edf4;border-radius:16px;padding:27px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #102b4e33}.profile-close{color:#748599;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:15px;right:15px}.profile-close:hover{background:#f0f7f6}.profile-kicker{color:#3a817b;letter-spacing:.08em;align-items:center;gap:7px;font:9px DM Mono,monospace;display:flex}.profile-dialog h2{letter-spacing:-.6px;margin:12px 0 6px;font:700 24px Manrope,sans-serif}.profile-intro,.email-profile-form p,.profile-form-note{color:#738195;margin:0;font-size:12px;line-height:1.55}.recovery-code-box{background:#f7fbfd;border:1px solid #dfe8f0;border-radius:10px;gap:9px;margin:18px 0;padding:15px;display:grid}.recovery-code-box>span{color:#738195;font-size:11px}.recovery-code-box strong{color:#0b3472;letter-spacing:.05em;overflow-wrap:anywhere;font:700 20px DM Mono,monospace}.profile-security-note{color:#8b7560;margin:0;font-size:10px;line-height:1.45}.recovery-code-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.recovery-code-actions .secondary-button{margin:0;transition:transform .12s,background-color .18s,color .18s,border-color .18s}.recovery-code-actions .secondary-button:active{transform:scale(.96)}.recovery-code-actions .secondary-button.is-copied{color:#08785f;background:#e8f7f1;border-color:#9ed8c8}.profile-logout-button{color:#a35e53;align-items:center;gap:4px;display:inline-flex}.profile-done{min-height:39px;margin-top:2px}.profile-section-title{color:#2f6878;letter-spacing:.04em;border-bottom:1px solid #edf1f5;padding-bottom:8px;font:10px DM Mono,monospace}.profile-code-availability{margin-top:-7px;font-size:10px}.profile-code-availability.is-checking{color:#738195}.profile-code-availability.is-available{color:#08785f}.profile-code-availability.is-taken{color:#b65e50}.profile-form .profile-setup-action:disabled{opacity:.55;cursor:not-allowed}.profile-code-launch{justify-content:center;gap:8px;width:100%;min-height:42px;margin-top:2px;display:flex}.profile-setup-dialog{max-height:min(88vh,760px)}.profile-setup-action{min-height:38px;padding:0 14px;font-size:12px}.profile-setup-dialog .profile-form .profile-setup-action{justify-self:start}.recovery-saved-row{color:#687f94;background:#f8fafc;border:1px solid #e3ebf2;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:10px 12px;font-size:11px;display:flex}.recovery-saved-row .secondary-button{flex:none;margin:0;padding:7px 9px}.profile-stat{color:#73839a;background:#f3f8fc;border-radius:9px;align-items:baseline;gap:6px;margin:17px 0;padding:12px 13px;font-size:11px;display:flex}.profile-stat strong{color:#0b3472;font:700 18px Manrope,sans-serif}.profile-stat span{margin-left:auto;font-size:9px}.review-limit-setting{background:#fcfdfb;border:1px solid #e8eff4;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:-7px 0 16px;padding:11px 13px;display:flex}.review-limit-setting>div:first-child{gap:3px;display:grid}.review-limit-setting>div:first-child strong{color:#0b3472;font-size:11px}.review-limit-setting>div:first-child span{color:#77869b;font-size:10px}.review-limit-controls{align-items:center;gap:10px;display:flex}.review-limit-controls>strong{color:#0b3472;text-align:center;min-width:24px;font:700 14px DM Mono,monospace}.review-limit-controls button{color:#2a6b76;cursor:pointer;background:#fff;border:1px solid #dfe8f0;border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.review-limit-controls button:hover:not(:disabled){background:#eaf8f4;border-color:#b9d8e4}.review-limit-controls button:disabled{color:#b4bfca;cursor:not-allowed}.rating-dot{background:var(--rating-color);width:9px;height:9px;box-shadow:0 0 0 2px var(--rating-bg);border-radius:50%;flex:0 0 9px;display:inline-block}.rating-r{--rating-color:#d66c63;--rating-bg:#fff0ed;--rating-border:#f0c6c0;--rating-ink:#a74640}.rating-y{--rating-color:#d8aa3e;--rating-bg:#fff8e5;--rating-border:#ead89e;--rating-ink:#8e6a17}.rating-g{--rating-color:#15a387;--rating-bg:#edf8f4;--rating-border:#c7e3ec;--rating-ink:#0d826c}.profile-form{gap:11px;margin-top:18px;display:grid}.profile-form label{color:#687f94;gap:5px;font-size:11px;display:grid}.profile-form input{width:100%;height:38px;color:var(--ink);background:#fff;border:1px solid #e1e9f0;border-radius:7px;outline:0;padding:0 10px;font:12px DM Sans,sans-serif}.profile-form input:focus{border-color:#b3d8e8;box-shadow:0 0 0 3px #eaf4ff}.profile-form .secondary-button{justify-self:start;margin-top:0}.email-profile-form{border-top:1px solid #edf1f5;padding-top:15px}.profile-divider{color:#9ba9b6;text-align:center;margin:4px 0;font:9px DM Mono,monospace}.profile-text-button{color:#2a6b76;cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;font-size:11px;text-decoration:underline}.profile-message,.profile-error{margin:13px 0 0;font-size:11px;line-height:1.45}.profile-message{color:#0e6b9a}.profile-error{color:#b65e50}.google-link-section{margin-top:12px}.google-link-section p{color:#738195;margin:7px 0 0;font-size:10px;line-height:1.45}.google-auth-button{color:#1f1f1f;cursor:pointer;background:#fff;border:1px solid #747775;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:0 12px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.google-auth-button:hover{background:#f8fafd}.google-auth-mark{object-fit:contain;flex:0 0 20px;width:20px;height:20px;display:block}.google-linked-status{color:#21745b;background:#f3faf6;border:1px solid #cfe6dc;border-radius:8px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:11px;display:flex}.content{z-index:1;pointer-events:none;flex-direction:column;flex:1;align-items:center;width:min(100% - 36px,660px);min-height:0;margin:0 auto;padding:4px 0 8px;display:flex;position:relative;overflow:visible}.flashcard{pointer-events:auto}.eyebrow{color:#7f91a1;align-items:center;gap:12px;font-size:9px;display:flex}.eyebrow,h1,.subtitle{z-index:1;position:relative}.eyebrow-line{background:#d2dce5;width:22px;height:1px}h1{text-align:center;color:var(--ink);letter-spacing:-1.8px;margin:10px 0 4px;font:700 clamp(29px,4.5vw,38px)/1.12 Manrope,sans-serif}.title-period{color:#009f80}.subtitle{color:#718195;margin:0;font-size:14px}.study-mode-toggle{z-index:2;pointer-events:auto;background:#ffffffc9;border:1px solid #e5edf4;border-radius:9px;gap:3px;margin-top:13px;padding:3px;display:inline-flex;position:relative}.study-mode-toggle button{color:#718195;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:82px;min-height:30px;padding:0 12px;font-size:11px;transition:all .15s}.study-mode-toggle button:hover{color:#0b3472;background:#f1f6fc}.study-mode-toggle button.is-active{color:#0b3472;background:#eaf4ff;font-weight:600;box-shadow:0 1px 3px #0b347212}.filter-title{color:#77869b;letter-spacing:.08em;font:9px DM Mono,monospace}.filter-tools{position:relative}.filter-tools:before{content:"";z-index:6;width:100%;height:8px;position:absolute;top:100%;right:0}.search-filter{z-index:30;pointer-events:auto;flex:0 0 36px;position:relative;top:auto;left:auto}.filter-reveal{color:#528d82;cursor:pointer;background:#fff;border:1px solid #e3ebf2;border-radius:9px;place-items:center;width:36px;height:36px;padding:0;display:grid}.filter-reveal:hover,.filter-reveal:focus-visible{color:#0b3472;background:#eaf8f4;border-color:#b9d8e4}.filter-reveal.is-active{color:#0b3472;background:#eaf4ff;border-color:#add8d2;box-shadow:inset 0 0 0 1px #c7e3ec}.filter-controls{z-index:30;background:#fff;border:1px solid #e6edf4;border-radius:10px;flex-direction:column;align-items:flex-start;gap:11px;width:min(360px,100vw - 32px);padding:14px;display:none;position:absolute;inset:calc(100% + 8px) auto auto 0;box-shadow:0 12px 30px #24392e18}.filter-controls .filter-title{border-bottom:1px solid #edf1f5;width:100%;padding-bottom:10px}.filter-tools:hover .filter-controls,.filter-tools:focus-within .filter-controls{display:flex}.level-options{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{color:#73839a;cursor:pointer;background:#fff;border:1px solid #e3ebf2;border-radius:7px;min-height:29px;padding:0 10px;font:10px DM Mono,monospace;transition:all .15s}.filter-chip:hover,.filter-chip.is-active{color:#0b3472;background:#eaf8f4;border-color:#b9d8e4}.topic-select-label select{color:#697d90;cursor:pointer;background:#fff;border:1px solid #e3ebf2;border-radius:7px;max-width:205px;min-height:33px;padding:0 27px 0 10px;font:11px DM Sans,sans-serif}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flashcard{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #e6edf4d9;border-radius:15px;flex-direction:column;width:100%;min-height:0;margin-top:22px;padding:24px 28px 0;animation:.45s both rise-in;display:flex;position:relative;box-shadow:0 18px 45px #24392e0b,0 2px 7px #24392e05}.card-topline,.word-row,.word-details-panel,.card-actions,.card-footer,.sentence-practice-prompt,.sentence-actions{flex:none}.card-reveal-area{flex-direction:column;flex:185px;justify-content:center;height:auto;min-height:185px;display:flex;overflow:hidden}.card-topline{justify-content:space-between;align-items:center;min-height:29px;display:flex}.card-topline-left{align-items:center;gap:8px;min-width:0;display:flex}.active-filter-line{justify-content:flex-start;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.active-filter-badge{color:#0e6b9a;text-overflow:ellipsis;white-space:nowrap;background:#f1f7f7;border:1px solid #dfe8f0;border-radius:6px;max-width:220px;padding:3px 8px;font:9px DM Mono,monospace;overflow:hidden}.active-topic-badge{color:#697e91;background:#fbfcfa;max-width:min(220px,32vw);font:10px DM Sans,sans-serif}.active-filter-clear{color:#77869b;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;align-items:center;gap:3px;padding:4px 5px;font:9px DM Sans,sans-serif;display:inline-flex}.active-filter-clear:hover{color:#a34f48;background:#fff0ed}.sentence-length-control{flex-direction:column;gap:2px;width:min(230px,52vw);display:flex}.sentence-length-readout{color:#8d9eac;justify-content:space-between;align-items:baseline;gap:8px;font:9px DM Sans,sans-serif;display:flex}.sentence-length-readout strong{color:var(--sentence-length-color);white-space:nowrap;font:600 10px DM Mono,monospace;transition:color .18s}.sentence-length-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:16px;margin:0}.sentence-length-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,#0a927d 0%,#d3b947 52%,#be6158 100%);border-radius:9px;height:5px}.sentence-length-slider::-moz-range-track{background:linear-gradient(90deg,#0a927d 0%,#d3b947 52%,#be6158 100%);border-radius:9px;height:5px}.sentence-length-slider::-webkit-slider-thumb{appearance:none;background:var(--sentence-length-color);border:2px solid #fff;border-radius:50%;width:15px;height:15px;margin-top:-5px;transition:background .18s;box-shadow:0 1px 5px #17416355}.sentence-length-slider::-moz-range-thumb{background:var(--sentence-length-color);border:2px solid #fff;border-radius:50%;width:12px;height:12px;transition:background .18s;box-shadow:0 1px 5px #17416355}.sentence-length-slider:focus-visible{outline-offset:3px;border-radius:6px;outline:2px solid #7cb6ee}.sentence-length-slider:disabled{opacity:.55;cursor:wait}.sentence-length-scale{color:#9aa8b5;justify-content:space-between;font:8px DM Mono,monospace;display:flex}.card-index{color:#b4bfca;font-size:9px}.card-index span{color:#356a7b}.word-row{grid-template-columns:minmax(0,1fr) 39px;align-items:center;column-gap:12px;margin:32px 0 26px;display:grid}.word-heading{justify-self:start;width:fit-content;min-width:0;max-width:100%;padding-right:34px;position:relative}.word-title-group{align-items:center;gap:9px;min-width:0;display:inline-flex}.word-synonyms-control{width:fit-content;margin-top:7px;position:relative}.word-synonyms-toggle{color:#287a70;cursor:pointer;background:#f5fbf8;border:1px solid #dcebe7;border-radius:7px;align-items:center;gap:5px;min-height:24px;padding:2px 7px;font:500 10px DM Sans,sans-serif;transition:all .15s;display:inline-flex}.word-synonyms-toggle:hover,.word-synonyms-toggle[aria-expanded=true]{color:#075f57;background:#eaf8f4;border-color:#b8dbd2}.word-synonyms-count{color:#52786e;background:#e2f1ec;border-radius:999px;place-items:center;min-width:16px;height:16px;font:9px DM Mono,monospace;display:inline-grid}.word-synonyms-popover{z-index:20;background:#fffffffa;border:1px solid #e1ebe8;border-radius:10px;flex-wrap:wrap;align-content:flex-start;gap:5px;width:min(360px,100vw - 64px);max-height:min(220px,38vh);padding:6px;animation:.16s both reveal-in;display:flex;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 10px 26px #173f3420}.word-synonym-option{color:#155f62;text-align:left;cursor:pointer;background:#fbfdfc;border:1px solid #e5efeb;border-radius:7px;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%;padding:6px 8px;transition:all .15s;display:flex}.word-synonym-option:hover:not(:disabled){background:#eff8f5;border-color:#b9d8d0}.word-synonym-option span{overflow-wrap:anywhere;max-width:100%;font:600 11px DM Sans,sans-serif}.word-synonym-option small{color:#82928e;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:9px DM Sans,sans-serif;overflow:hidden}.word-synonym-option:disabled{opacity:.6;cursor:wait}.word-meta{color:#8695a6;text-transform:uppercase;margin-bottom:8px;font-size:9px}.word{color:var(--ink);letter-spacing:-2.6px;overflow-wrap:anywhere;margin:0;font:700 clamp(34px,6vw,50px)/1.06 Manrope,sans-serif}.word-article{font-weight:400}.previously-seen-dot{background:#91aab8;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 3px #91aab81c}.details-icon-toggle{z-index:25;color:#008f79;cursor:pointer;background:#f3f8fc;border:1px solid #e4edf4;border-radius:8px;place-items:center;width:27px;height:27px;padding:0;transition:background .15s,border-color .15s,transform .15s;display:grid;position:absolute;top:-3px;right:0}.details-icon-toggle:hover{background:#eaf8f4;border-color:#b9d8e4;transform:scale(1.04)}.details-icon-toggle:focus-visible{outline-offset:3px;outline:3px solid #7cb6ee}.card-classifications{flex-wrap:nowrap;flex:none;align-items:center;gap:5px;margin:0;display:flex}.classification-pair{gap:4px;display:inline-flex}.classification-chip{color:#0e6b9a;cursor:pointer;white-space:nowrap;background:#f3f8fc;border:1px solid #e4edf4;border-radius:6px;min-height:24px;padding:0 7px;transition:all .15s}.level-chip{font:9px DM Mono,monospace}.category-chip{color:#697e91;background:#fbfcfa;font:10px DM Sans,sans-serif}.classification-chip:hover{color:#0b3472;background:#edf6ff;border-color:#b3d8e8}.reflexive-chip{color:#0e6b9a;cursor:default;background:#f3f8fc;align-items:center;font:10px DM Sans,sans-serif;display:inline-flex}.reflexive-chip:hover{color:#0e6b9a;background:#f3f8fc;border-color:#e4edf4}.word-details-panel{white-space:nowrap;scrollbar-width:thin;scrollbar-color:#dbe6ee transparent;background:#fbfcfa;border:1px solid #e8eff4;border-radius:9px;align-items:center;gap:8px;min-width:0;height:42px;margin:-8px 0 12px;padding:5px 8px;animation:.18s both reveal-in;display:flex;overflow:auto hidden}.word-details-panel::-webkit-scrollbar{height:4px}.word-details-panel::-webkit-scrollbar-thumb{background:#dbe6ee;border-radius:4px}.word-details-pos{color:#77869b;letter-spacing:.06em;text-transform:uppercase;flex:none;align-items:center;gap:5px;margin:0;font:9px DM Mono,monospace;display:flex}.word-details-pos strong{color:#2f6878;letter-spacing:0;text-transform:none;font:600 11px DM Sans,sans-serif}.inflection-inline-list{flex:none;align-items:center;gap:5px;display:inline-flex}.inflection-inline-chip{color:#3d6d7b;white-space:nowrap;background:#fff;border:1px solid #e8eff4;border-radius:6px;padding:4px 7px;font-size:10px}.inflection-inline-chip strong{color:#77869b;font-weight:500}.inflection-list{border-top:1px solid #edf1f5;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px;margin:12px 0 0;padding:10px 0 0;display:grid}.inflection-row{min-width:0}.inflection-row dt{color:#7b8e9f;letter-spacing:.03em;font:9px DM Mono,monospace}.inflection-row dd{color:#1e5075;overflow-wrap:anywhere;margin:3px 0 0;font-size:13px;font-weight:600}.sound-button{color:#246994;cursor:pointer;background:#fbfcfa;border:1px solid #e6edf4;border-radius:11px;place-self:center end;place-items:center;width:39px;height:39px;margin:0;transition:all .2s;display:grid}.sound-button:hover{background:#f0f8f5;border-color:#d5e3e8;transform:translateY(-1px)}.sound-button:disabled{opacity:.45;cursor:default}.german-example-with-audio{align-items:flex-end;gap:8px;display:flex}.german-example-with-audio .german-example{flex:auto;min-width:0}.sentence-example-sound{color:#246994;cursor:pointer;background:#fbfcfa;border:1px solid #e6edf4;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;margin:0 1px 2px 0;transition:all .2s;display:grid}.sentence-example-sound:hover{background:#f0f8f5;border-color:#d5e3e8;transform:translateY(-1px)}.sentence-hint{color:#008f79;cursor:pointer;background:#eaf8f4;border:1px solid #dfe8f0;border-radius:9px;flex:none;place-items:center;width:40px;height:40px;padding:0;transition:background .15s,transform .15s;display:grid}.sentence-hint:hover{background:#e2f5ef;transform:translateY(-1px)}.sentence-hint:focus-visible{outline-offset:3px;outline:3px solid #7cb6ee}.example-label{color:#77869b;align-items:center;gap:6px;font-size:9px;display:flex}.quote-mark{color:#389482;font-family:Georgia,serif;font-size:18px;line-height:10px}.german-example{color:#2f4f68;margin:0;padding:18px 0 0;font:500 16px/1.75 Manrope,sans-serif}.word-token{color:inherit;font:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #61ad9c;border-radius:3px;padding:0 1px;transition:color .15s,background .15s;display:inline}.word-token:hover,.word-token:focus-visible{color:#087b70;background:#eaf4ff}.word-token:disabled{cursor:not-allowed;opacity:.55}.word-token.is-looking-up{color:#087b70;cursor:wait;opacity:.7;background:#eaf4ff}.back-to-card{color:#43807c;white-space:nowrap;cursor:pointer;background:#f1f6fc;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:29px;padding:0 9px;font:10px DM Mono,monospace;display:inline-flex}.back-to-card:hover{background:#eaf3fb}.word-notice{color:#416c78;background:#f3f8fc;border:1px solid #e5edf4;border-radius:8px;margin-top:13px;padding:10px 12px;font-size:12px;line-height:1.45;animation:.2s both reveal-in}.answer-block{padding:20px 0 5px;animation:.35s both reveal-in}.answer-divider{color:#9ba9b6;align-items:center;gap:10px;font-size:8px;display:flex}.answer-divider span{background:#e8eff4;flex:1;height:1px}.meaning{color:#0b4770;letter-spacing:-.3px;margin:10px 0 18px;font:600 18px/1.5 Manrope,sans-serif}.english-label{color:#91a0af;font-size:8px}.english-example{color:#738195;margin:7px 0 0;font:italic 14px/1.6 DM Sans,sans-serif}.sentence-practice-prompt{text-align:center;flex-direction:column;justify-content:center;min-height:115px;padding:6px 8px 0;display:flex}.sentence-practice-prompt p{color:#0b4770;letter-spacing:-.25px;max-width:560px;margin:10px auto 0;font:500 clamp(17px,2.5vw,21px)/1.55 Manrope,sans-serif}.sentence-builder{flex-direction:column;flex:auto;min-height:0;padding:4px 0 2px;display:flex}.sentence-builder-heading{color:#91a0af;letter-spacing:.09em;justify-content:space-between;align-items:center;min-height:24px;font:8px DM Mono,monospace;display:flex}.word-bank-heading{margin-top:7px}.sentence-clear-button{color:#77869b;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:3px 6px;font:9px DM Sans,sans-serif}.sentence-clear-button:hover:not(:disabled){color:#0b3472;background:#f0f7f6}.sentence-clear-button:disabled{opacity:.45;cursor:default}.sentence-answer-tray{cursor:default;background:#fbfcfa;border:1px dashed #dbe6ee;border-radius:9px;flex-wrap:wrap;place-content:center;gap:6px;min-height:49px;padding:7px;display:flex}.sentence-tray-placeholder{color:#9aa8b5;font-size:10px}.sentence-word-bank{flex-wrap:wrap;flex:auto;place-content:center;align-items:center;gap:6px;min-height:42px;display:flex}.sentence-word-tile{color:#316d68;cursor:pointer;background:#f5fafb;border:1px solid #dfe8f0;border-radius:7px;min-height:31px;padding:0 9px;font:500 11px DM Sans,sans-serif;transition:all .14s}.sentence-word-tile:hover:not(:disabled){color:#0b3472;background:#edf6ff;border-color:#acd9d1;transform:translateY(-1px)}.sentence-word-tile:disabled{cursor:wait;opacity:.6}.sentence-item-group{align-items:center;gap:2px;display:inline-flex}.sentence-drop-slot{cursor:default;border-radius:5px;flex:0 0 9px;place-items:center;width:9px;min-height:36px;display:grid}.sentence-drop-slot:before{content:"";background:0 0;border-radius:3px;width:2px;height:17px;transition:all .12s}.sentence-drop-slot.is-active{background:#edf8f4}.sentence-drop-slot.is-active:before{background:#0a927d;width:3px;height:30px}.sentence-placed-word{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5edf4;border-radius:9px;align-items:center;padding:2px;display:inline-flex;position:relative}.sentence-placed-word:active{cursor:grabbing}.sentence-placed-word.is-dragging{opacity:.45}.sentence-placed-word .sentence-word-tile{cursor:grab;min-height:29px;padding:0 7px}.sentence-placed-word .sentence-word-tile:hover:not(:disabled){transform:none}.placed-tile{background:#fff}.placed-tile.is-correct{color:#0d826c;background:#edf8f4;border-color:#b5ddd4}.placed-tile.is-misplaced{color:#a74640;background:#fff0ed;border-color:#edc2bc}.sentence-feedback{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;flex-wrap:wrap;flex:none;justify-content:center;align-items:center;gap:6px;width:100%;max-width:100%;min-height:30px;margin-top:7px;padding:3px 8px;font-size:10px;line-height:1.35;display:flex}.sentence-feedback>svg{flex:none}.sentence-feedback>span{min-width:0}.sentence-feedback-pending{visibility:hidden}.sentence-feedback-correct{color:#0d826c;animation:.4s both celebrate-in}.sentence-feedback-misplaced{color:#a74640}.sentence-solution{text-align:center;flex-direction:column;justify-content:center;min-height:160px;padding:14px 4px;display:flex}.sentence-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:8px 0 18px;display:flex}.sentence-check-button,.sentence-solve-button{color:#21717a;cursor:pointer;background:#fff;border:1px solid #dfe8f0;border-radius:9px;place-items:center;width:40px;height:40px;padding:0;transition:all .15s;display:grid}.sentence-inline-sound{color:#008f79;cursor:pointer;background:#eaf8f4;border:1px solid #dfe8f0;border-radius:7px;flex:0 0 31px;align-self:center;place-items:center;width:31px;height:31px;padding:0;transition:all .15s;display:grid}.sentence-inline-sound:hover{background:#e2f5ef;border-color:#b9d8e4;transform:translateY(-1px)}.sentence-check-button{color:#0b3472;background:#eaf8f4;border-color:#b8dfd5}.sentence-check-button:hover:not(:disabled),.sentence-solve-button:hover:not(:disabled){background:#f2f8fb;border-color:#acd9d1;transform:translateY(-1px)}.sentence-check-button:disabled,.sentence-solve-button:disabled{opacity:.55;cursor:not-allowed}.sentence-check-button:focus-visible,.sentence-solve-button:focus-visible,.sentence-next-button:focus-visible{outline-offset:2px;outline:3px solid #7cb6ee}.sentence-answer-text{text-align:center}.sentence-card-actions{justify-content:center;margin:8px 0 18px}.sentence-next-button{color:#21717a;cursor:pointer;background:#fff;border:1px solid #dfe8f0;border-radius:9px;place-items:center;width:40px;height:40px;padding:0;transition:all .15s;display:grid}.sentence-next-button:hover:not(:disabled){color:#0b3472;background:#f3f9f7;border-color:#b9d8e4;transform:translateY(-1px)}.sentence-next-button:disabled{opacity:.6;cursor:wait}.missing-translation{color:#9ba9b6}.quick-rating-controls{align-items:center;gap:8px;display:inline-flex}.quick-rating-button,.icon-reveal-button{cursor:pointer;border-radius:10px;flex:0 0 39px;place-items:center;padding:0;transition:all .15s;display:grid}.quick-rating-button{border:1px solid var(--rating-border);color:var(--rating-ink);background:var(--rating-bg);width:39px;height:39px;font:700 13px DM Mono,monospace}.quick-rating-button:hover:not(:disabled){filter:saturate(1.15);transform:translateY(-1px)}.quick-rating-button.is-selected{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--rating-color)}.quick-rating-button:disabled{opacity:.52;cursor:not-allowed}.icon-reveal-button{color:#008f79;background:#eaf8f4;border:1px solid #dfe8f0;border-radius:9px;flex-basis:40px;width:40px;height:40px}.icon-reveal-button:hover:not(:disabled){background:#e2f5ef;transform:translateY(-1px)}.icon-reveal-button:disabled{opacity:.6;cursor:wait}.reveal-loader{width:18px;height:18px}.reveal-controls{align-items:center;gap:7px;margin-left:auto;display:flex}.front-reveal-controls{flex-direction:column;gap:12px;margin:0 auto}.front-reveal-prompt{color:#738195;text-align:center;font-size:12px}.front-reveal-buttons{align-items:center;gap:10px;display:flex}.rating-error{color:#b65e50;margin:-8px 0 14px;font-size:10px}.card-actions{align-items:center;min-height:44px;margin:20px 0 18px;display:flex}.recall-check{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.recall-action-group{align-items:center;gap:10px;display:flex}.recall-action-hint{color:#7b8e9f;white-space:nowrap;font-size:9px}.recall-prompt{color:#2f6878;white-space:nowrap;font-size:10px;font-weight:600}.primary-button{color:#fff;background:var(--green);cursor:pointer;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #009f8022}.primary-button:hover:not(:disabled){background:var(--green-dark);transform:translateY(-1px);box-shadow:0 5px 12px #009f8033}.primary-button:disabled{opacity:.65;cursor:wait}.quiet-button{color:#73839a;cursor:pointer;background:#fff;border:1px solid #edf1f5;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.quiet-button:hover{color:var(--green-dark);background:#f7fbfd}.secondary-button{color:#21717a;cursor:pointer;background:#fff;border:1px solid #dfe8f0;border-radius:8px;align-items:center;gap:7px;margin-top:10px;padding:9px 12px;font-size:12px;display:inline-flex}.card-footer{color:#9aa8b5;border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;min-height:44px;margin:0 -28px;padding:0 28px;font-size:8px;display:flex}.card-footer>span:first-child{align-items:center;gap:6px;display:flex}.card-footer svg{color:#53a597}.card-footer-right{align-items:center;gap:14px;display:inline-flex}.report-issue-button{color:#77869b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font:9px DM Sans,sans-serif;transition:all .15s;display:inline-flex}.card-topline .report-issue-button{white-space:nowrap;flex:none}.report-issue-button:hover{color:#9a664a;background:#fbf6f0;border-color:#e7d8c9}.report-issue-button svg{color:currentColor}.report-dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#0b347255;place-items:center;padding:18px;animation:.16s both reveal-in;display:grid;position:fixed;inset:0}.report-dialog{background:#fffefa;border:1px solid #e5edf4;border-radius:14px;width:min(100%,420px);padding:19px;box-shadow:0 18px 55px #0b34722b}.report-dialog-heading,.report-dialog-heading>div{align-items:center;display:flex}.report-dialog-heading{justify-content:space-between}.report-dialog-heading>div{color:#2f6878;gap:8px}.report-dialog-heading h2{color:#0b3472;margin:0;font:600 16px Manrope,sans-serif}.report-dialog-close{color:#738195;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.report-dialog-close:hover{background:#f1f7f7}.report-dialog p{color:#748599;margin:11px 0 8px;font-size:12px}.report-dialog textarea{resize:vertical;color:#25445f;background:#fff;border:1px solid #dfe8f0;border-radius:8px;width:100%;min-height:112px;padding:10px 11px;font:13px/1.5 DM Sans,sans-serif}.report-dialog textarea:focus{border-color:#67b8a5;outline:3px solid #67b8a533}.report-dialog-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.report-dialog-actions>span{color:#9aa8b5;margin-right:auto;font:9px DM Mono,monospace}.report-cancel-button,.report-submit-button{cursor:pointer;border-radius:7px;min-height:34px;padding:0 11px;font-size:11px}.report-cancel-button{color:#73839a;background:#fff;border:1px solid #e3ebf2}.report-submit-button{color:#fff;background:#078d76;border:1px solid #078d76}.report-submit-button:disabled,.report-cancel-button:disabled,.report-dialog-close:disabled{opacity:.55;cursor:wait}.report-form-error,.report-form-success{margin-top:8px;font-size:11px}.report-form-error{color:#b65e50}.report-form-success{color:#078d76}.footer-arrow{color:#53a597}.below-card{color:#8695a6;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:11px;display:flex;position:relative}.background-mode-toggle{z-index:3;color:#73839a;cursor:pointer;pointer-events:auto;background:#fffc;border:1px solid #e3ebf2;align-items:center;gap:5px;min-height:27px;padding:0 8px;font:9px DM Mono,monospace;transition:all .15s;display:inline-flex;position:relative}.background-mode-toggle:hover{color:#0b3472;background:#f7fbfd;border-color:#b9d8e4}.progress-icon{color:#008d7d;border:1px solid #dfe8f0;border-radius:50%;place-items:center;width:17px;height:17px;display:grid}.page-footer{z-index:1;color:#9aa8b5;pointer-events:none;border-top:1px solid #e5ecf2;justify-content:center;align-items:center;min-height:60px;margin-top:4px;padding:5px clamp(12px,2.5vw,32px);font-size:8px;display:flex;position:relative}.page-footer>span,.page-footer-right-group>span{display:none}.page-footer-right-group{align-items:center;gap:8px;width:100%;display:flex}.page-footer .background-mode-toggle{min-height:25px;padding:0 7px;font-size:8px}.page-footer-right-group>span{color:#73839a}.footer-action-button{color:#73839a;cursor:pointer;pointer-events:auto;background:#fffc;border:1px solid #e3ebf2;border-radius:9px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:3px;width:auto;min-width:0;height:50px;padding:4px 3px;transition:all .15s;display:flex;position:relative}.footer-action-button>span{max-width:100%;color:inherit;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;font:8px/1 DM Mono,monospace;overflow:hidden}.footer-action-button:hover,.footer-action-button:focus-visible{color:#0b3472;background:#f7fbfd;border-color:#b9d8e4}.footer-action-button.is-active{color:#0b3472;background:#eaf4ff;border-color:#acd9d1;box-shadow:inset 0 0 0 1px #c7e3ec}.footer-filter-tools{z-index:30;pointer-events:auto;flex:1 1 0;width:auto;min-width:0;height:50px;position:relative}.footer-filter-tools:before{top:auto;bottom:100%}.footer-filter-tools .filter-reveal{flex:0 0 100%;width:100%;height:100%}.footer-filter-tools .filter-controls{inset:auto 0 calc(100% + 8px) auto}.learning-panel-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#0b347255;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.learning-panel-sheet{background:#fffefa;border:1px solid #e3ebf2;border-radius:17px;flex-direction:column;width:min(100%,560px);max-height:min(76svh,620px);padding:18px;animation:.2s both reveal-in;display:flex;overflow:hidden;box-shadow:0 18px 50px #0b347233}.mobile-sheet-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-sheet-kicker{color:#8695a6;letter-spacing:.1em;font:8px DM Mono,monospace}.mobile-sheet-heading h2{color:#0b3472;margin:3px 0 0;font:600 19px Manrope,sans-serif}.mobile-sheet-close{color:#73839a;cursor:pointer;background:#fff;border:1px solid #e5edf4;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.mobile-alphabet-hint{color:#718195;margin:10px 0 14px;font-size:11px}.mobile-alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;overflow-y:auto}.mobile-alphabet-grid button{color:#0e6b9a;cursor:pointer;background:#f3f8fc;border:1px solid #e4edf4;border-radius:9px;min-height:43px;font:600 16px Manrope,sans-serif}.mobile-alphabet-grid button:hover,.mobile-alphabet-grid button:focus-visible{background:#eaf4ff;border-color:#b9d8e4}.mobile-alphabet-grid button:active{background:#e5f6ee}.learning-scope-toggle{background:#f6f8fc;border:1px solid #e6edf4;border-radius:9px;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-top:13px;padding:3px;display:grid}.learning-scope-toggle button{color:#718195;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:34px;font-size:11px}.learning-scope-toggle button.is-active{color:#0b3472;background:#eaf4ff;font-weight:600;box-shadow:0 1px 3px #0b347212}.mobile-rating-tabs{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 8px;display:grid}.mobile-rating-tab{border:1px solid var(--rating-border);min-width:0;min-height:38px;color:var(--rating-ink);background:var(--rating-bg);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 10px;font:500 11px DM Sans,sans-serif;display:inline-flex}.mobile-rating-tab strong{margin-left:auto;font:10px DM Mono,monospace}.mobile-rating-tab.is-active{box-shadow:inset 0 0 0 1px var(--rating-color)}.mobile-learned-list{overscroll-behavior:contain;min-height:80px;overflow-y:auto}.mobile-learned-word{color:#1e5075;text-align:left;width:100%;min-height:52px;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #edf1f5;gap:3px;padding:8px 3px;display:grid}.mobile-learned-word:hover,.mobile-learned-word:focus-visible{background:#f3f8fc}.mobile-learned-word strong{font:600 13px Manrope,sans-serif}.mobile-learned-word span{color:#718195;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.mobile-sheet-note{color:#8d9eac;text-align:center;flex:none;margin:8px 0 0;font-size:9px;line-height:1.4}.card-loading,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;display:flex}.search-card-prompt{color:#738195;text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;min-height:310px;display:flex}.search-card-prompt h2{color:#0b3472;margin:13px 0 5px;font:600 18px Manrope,sans-serif}.search-card-prompt p{color:#77869b;max-width:290px;margin:0;font-size:12px;line-height:1.5}.card-loading{color:#77869b;gap:12px;font-size:13px}.loader{border:2px solid #e5edf4;border-top-color:#0f927e;border-radius:50%;width:25px;height:25px;animation:.75s linear infinite spin}.empty-icon{color:#147d76;background:#f0f7f6;border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.empty-state h2{margin:15px 0 6px;font:600 19px Manrope,sans-serif}.empty-state p{color:#77869b;max-width:330px;margin:0;font-size:13px;line-height:1.55}.caught-up-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.empty-state .caught-up-actions .secondary-button{margin-top:0}.inline-error{color:#b65e50;margin:-12px 0 15px;font-size:12px}.is-revealed{min-height:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrate-in{0%{opacity:0;transform:translateY(5px)scale(.96)}65%{opacity:1;transform:translateY(0)scale(1.04)}to{transform:scale(1)}}@media (width<=1300px){.study-stage{width:100%;min-height:0;margin:0}.alphabet-rail{padding:0}.alphabet-rail-top-left,.alphabet-rail-top-right{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:44%;top:68px}.alphabet-rail-left,.alphabet-rail-right{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:24%;height:52vh;top:23vh}.alphabet-rail-bottom{grid-template-columns:repeat(10,minmax(0,1fr));gap:0;bottom:0}.alphabet-letter{width:100%;height:clamp(36px,7vw,76px);font-size:clamp(22px,6vw,64px)}}@media (width>=561px) and (height<=900px){.content{padding-top:2px;padding-bottom:4px}h1{margin-top:7px;font-size:clamp(27px,4vw,34px)}.study-mode-toggle{margin-top:8px}.study-stage>.flashcard{max-height:calc(100% - 10px);margin-top:10px}.flashcard{padding:16px 22px 0}.card-topline{min-height:25px}.card-reveal-area{flex:clamp(145px,21vh,185px);height:auto;min-height:clamp(145px,21vh,185px)}.is-revealed .card-reveal-area{min-height:clamp(150px,22vh,195px)}.word-row{margin:18px 0 14px}.word{font-size:clamp(32px,4.8vw,44px)}.word-details-panel{height:36px;margin:-5px 0 8px}.german-example{padding-top:12px;font-size:15px;line-height:1.55}.answer-block{padding:12px 0 2px}.meaning{margin:7px 0 10px;font-size:16px;line-height:1.4}.english-example{font-size:13px;line-height:1.45}.card-actions{min-height:38px;margin:8px 0 10px}.quick-rating-button,.icon-reveal-button{flex-basis:36px;width:36px;height:36px}.card-footer{min-height:38px;margin-left:-22px;margin-right:-22px;padding:0 22px}.sentence-practice-prompt{min-height:82px}.sentence-practice-prompt p{margin-top:6px;font-size:clamp(15px,2vw,18px);line-height:1.4}.sentence-builder{padding:2px 0}.sentence-builder-heading{min-height:20px}.sentence-answer-tray{gap:5px;min-height:40px;padding:5px}.sentence-word-bank{gap:5px;min-height:36px}.sentence-word-tile{min-height:29px;padding:0 7px;font-size:10px}.sentence-solution{min-height:110px;padding:9px 4px}.sentence-actions{margin:6px 0 10px}.below-card{margin-top:5px}.card-loading,.empty-state,.search-card-prompt{min-height:0}}@media (width>=561px) and (height<=760px){.content{padding-top:0;padding-bottom:2px}.eyebrow{display:none}h1{margin:2px 0 3px;font-size:clamp(25px,3.5vw,31px);line-height:1.08}.subtitle{font-size:12px}.study-mode-toggle{margin-top:6px;padding:2px}.study-mode-toggle button{min-height:28px}.study-stage>.flashcard{max-height:calc(100% - 5px);margin-top:5px}.flashcard{padding:13px 20px 0}.card-topline{min-height:24px}.card-reveal-area{flex:clamp(115px,17vh,135px);height:auto;min-height:clamp(115px,17vh,135px)}.is-revealed .card-reveal-area{min-height:clamp(125px,19vh,150px)}.word-row{margin:15px 0 12px}.word{font-size:clamp(31px,4.8vw,44px)}.word-details-panel{height:35px;margin:-4px 0 7px}.german-example{padding-top:10px;font-size:15px;line-height:1.5}.answer-block{padding:10px 0 2px}.meaning{margin:7px 0 9px;font-size:16px;line-height:1.4}.english-example{margin-top:5px;font-size:13px;line-height:1.4}.card-actions{min-height:36px;margin:6px 0 8px}.quick-rating-button,.icon-reveal-button{flex-basis:36px;width:36px;height:36px}.card-footer{min-height:36px;margin-left:-20px;margin-right:-20px;padding:0 20px;font-size:7px}.sentence-practice-prompt{min-height:72px;padding-top:3px}.sentence-practice-prompt p{margin-top:5px;font-size:clamp(15px,2vw,18px);line-height:1.4}.sentence-builder-heading{min-height:19px}.sentence-answer-tray{gap:4px;min-height:38px;padding:4px}.sentence-word-bank{gap:4px;min-height:34px}.sentence-word-tile{min-height:28px;padding:0 7px;font-size:10px}.sentence-drop-slot{min-height:32px}.sentence-solution{min-height:100px;padding:8px 3px}.sentence-actions{margin:5px 0 8px}.sentence-check-button,.sentence-solve-button,.sentence-next-button{width:36px;height:36px;min-height:36px}.below-card{display:none}}@media (width<=1300px),(hover:none) and (pointer:coarse){.alphabet-rail{display:none}}@media (width>=1000px){.topbar{justify-content:flex-start;gap:clamp(12px,1.5vw,22px)}.desktop-header-nav{pointer-events:auto;flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.desktop-header-alphabet{display:grid}.search-tools-row{flex:220px;justify-content:flex-start;width:auto;min-width:180px;max-width:300px;margin:0 auto;position:relative;top:auto;left:auto;transform:none}.vocabulary-search{flex:100%;width:100%;min-width:0;max-width:none}.page-footer{flex:0 0 36px;justify-content:space-between;min-height:36px;margin-top:2px;padding:0 22px}.page-footer>span,.page-footer-right-group>span{display:inline}.page-footer-right-group{flex:none;gap:8px;width:auto}.page-footer-right-group .footer-action-button,.page-footer-right-group .footer-filter-tools{display:none}}@media (width>=1301px){.footer-alphabet-button,.desktop-header-alphabet{display:none}}@media (width<=560px){body,.app-shell{height:100svh;min-height:0;overflow:hidden}.topbar{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right));padding-top:env(safe-area-inset-top)}.content{flex:auto;min-height:0;padding-bottom:3px;overflow:hidden}.page-footer{min-height:48px;padding:2px 7px max(3px, env(safe-area-inset-bottom));flex:0 0 48px;margin-top:0}.topbar{height:auto;min-height:56px;padding:env(safe-area-inset-top) max(14px, env(safe-area-inset-right)) 9px max(14px, env(safe-area-inset-left));flex-wrap:wrap;flex:none;gap:8px 7px}.brand{order:1;gap:6px;padding:3px 4px}.brand-logo-frame,.brand-mark{width:34px;height:34px}.brand-logo-frame{flex-basis:34px}.brand-wordmark{letter-spacing:-1.4px;font-size:23px}.topbar-right{order:2;margin-left:auto}.search-tools-row{flex:none;order:2;justify-content:flex-start;gap:7px;width:auto;min-width:0;margin:0 0 0 auto;position:relative;left:auto;transform:none}.search-tools-row.is-searching{flex:0 0 100%;order:3;width:100%;margin:0}.vocabulary-search{flex:auto;width:0;min-width:0;max-width:none}.search-filter{flex-basis:34px}.filter-reveal{width:34px;height:34px}.vocabulary-search>input{height:38px;padding:0 62px 0 10px;font-size:16px}.profile-form input,.topic-select-label select,.report-dialog textarea{font-size:16px}.search-icon{top:11px;right:10px}.search-clear{top:7px;right:32px}.topbar-right{gap:0}.profile-control{gap:1px;min-width:34px}.footer-profile-control .profile-button{width:24px;height:24px}.profile-control-label{max-width:34px;font-size:7px}.study-label,.eyebrow,.subtitle{display:none}h1{letter-spacing:-1px;margin:2px 0 0;font-size:clamp(20px,5.4vw,26px);line-height:1.05}.study-mode-toggle{flex:none;margin-top:5px;padding:2px}.study-mode-toggle button{min-width:74px;min-height:27px;padding:0 9px;font-size:10px}.study-stage{flex:1 1 0;align-items:stretch;min-height:0}.filter-controls{flex-direction:column;align-items:flex-start}.topic-select-label,.topic-select-label select{width:100%;max-width:none}.study-stage>.flashcard{flex-direction:column;width:100%;height:calc(100% - 7px);min-height:0;max-height:calc(100% - 7px);margin:7px 0 0;padding:12px 14px 0;display:flex;overflow:hidden}.card-topline{flex-wrap:wrap;gap:7px}.card-topline,.word-row,.card-actions,.card-footer{flex:none}.active-topic-badge{max-width:min(150px,42vw)}.sentence-length-control{flex:100%;width:min(100%,300px)}.card-reveal-area{flex:1 1 0;height:auto;min-height:72px;overflow:auto}.sentence-practice-prompt,.sentence-builder{flex:1 1 0;min-height:0}.sentence-practice-prompt{flex:none;min-height:72px;overflow:visible}.sentence-builder{overflow:visible}.sentence-builder>*{flex-shrink:0}.sentence-answer-tray{max-width:100%;overflow:visible}.sentence-word-bank{flex:none;max-width:100%;overflow:visible}.sentence-item-group{min-width:0;max-width:100%}.sentence-placed-word{touch-action:none;min-width:0;max-width:calc(100% - 13px)}.sentence-placed-word.is-dragging{z-index:5;opacity:.82;box-shadow:0 5px 15px #0b347233}.sentence-word-tile{white-space:nowrap;overflow-wrap:normal;word-break:normal;max-width:100%}.sentence-actions{flex:none}.card-loading,.empty-state{flex:auto;min-height:0}.search-card-prompt{flex:auto;min-height:0;padding:12px}.word-row{margin:14px 0 8px}.word{font-size:clamp(30px,8vw,40px)}.german-example{padding-top:8px;font-size:14px;line-height:1.55}.answer-block{padding-top:8px}.meaning{margin:6px 0 10px;font-size:16px;line-height:1.35}.english-example{font-size:12px;line-height:1.4}.inflection-list{grid-template-columns:1fr}.card-actions{min-height:0;margin:5px 0 8px}.recall-check{flex-direction:column;gap:4px}.recall-action-group{flex-direction:column;align-items:center;gap:5px}.recall-action-hint{text-align:center;font-size:8px;display:block}.quick-rating-controls{gap:7px}.quick-rating-button{flex-basis:40px;width:40px;height:40px}.front-reveal-controls{gap:7px}.front-reveal-prompt{font-size:11px}.card-footer{min-height:34px;margin-left:-14px;margin-right:-14px;padding:0 14px;font-size:6px}.below-card,.alphabet-rail{display:none}.sentence-practice-prompt{min-height:72px}.sentence-solution{min-height:100px;padding:8px 4px}.sentence-answer-tray{min-height:42px}.sentence-word-bank{min-height:32px}.sentence-actions{margin:5px 0 8px}.background-mode-toggle{flex:none}.page-footer{justify-content:center;font-size:7px}.page-footer .background-mode-toggle{display:none}.page-footer-right-group{justify-content:flex-start;gap:4px;width:100%}.footer-action-button{border-radius:8px;flex-basis:0;gap:2px;height:42px;padding:3px 2px}.footer-action-button>span{font-size:7px}.footer-filter-tools{flex-basis:0;height:42px}.footer-filter-tools .filter-reveal{width:100%;height:100%}.footer-filter-tools .filter-controls{width:min(340px,100vw - 24px)}.learning-panel-backdrop{padding:12px 10px max(10px, env(safe-area-inset-bottom));align-items:flex-end;display:flex}.learning-panel-sheet{padding:16px 16px max(14px, env(safe-area-inset-bottom));border-radius:17px 17px 12px 12px}.mobile-sheet-heading{flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-sheet-kicker{color:#8695a6;letter-spacing:.1em;font:8px DM Mono,monospace}.mobile-sheet-heading h2{color:#0b3472;margin:3px 0 0;font:600 19px Manrope,sans-serif}.mobile-sheet-close{color:#73839a;background:#fff;border:1px solid #e5edf4;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.mobile-rating-tabs{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 8px;display:grid}.mobile-rating-tab{border:1px solid var(--rating-border);min-width:0;min-height:38px;color:var(--rating-ink);background:var(--rating-bg);border-radius:8px;align-items:center;gap:6px;padding:0 8px;font-size:10px;display:inline-flex}.mobile-rating-tab strong{margin-left:auto;font:10px DM Mono,monospace}.mobile-rating-tab.is-active{box-shadow:inset 0 0 0 1px var(--rating-color)}.mobile-sheet-empty,.mobile-sheet-error{color:#77869b;text-align:center;margin:20px 0;font-size:12px}.mobile-sheet-error{color:#b65e50}.mobile-alphabet-hint{color:#718195;margin:10px 0 14px;font-size:11px}.mobile-alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid;overflow-y:auto}.mobile-alphabet-grid button{color:#0e6b9a;background:#f3f8fc;border:1px solid #e4edf4;border-radius:9px;min-height:43px;font:600 16px Manrope,sans-serif}.mobile-alphabet-grid button:active{background:#e5f6ee}.alphabet-rail-left,.alphabet-rail-right{width:20%}.alphabet-rail-bottom{grid-template-columns:repeat(10,minmax(0,1fr))}.alphabet-letter{height:38px;font-size:clamp(18px,5.8vw,34px)}}@media (width<=560px) and (height<=700px){h1{display:none}.study-mode-toggle{margin-top:2px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}