:root{--ink:#303448;--muted:#667086;--line:#e2e5ef;--purple:#7142aa;--purple-dark:#56317f;--purple-pale:#f0e5f6;--cyan:#007e9c;--blue:#375ce0;--surface:#fff;--canvas:#fafbfe;--shadow:0 9px 32px #30344808}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #147caa;outline-offset:3px}a{color:var(--purple-dark);text-underline-offset:3px}button{border:0}button:hover{filter:brightness(.975)}[hidden]{display:none!important}.skip{position:absolute;top:-80px;left:15px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100% - 1380px)/2));border-bottom:1px solid var(--line);background:#ffffffed;position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);gap:24px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);white-space:nowrap}.brand-logo{position:relative;width:43px;height:48px;flex-shrink:0}.brand-logo img{width:43px;height:45px;object-fit:contain}.study-symbol{position:absolute;bottom:0;right:-4px;width:22px;height:22px;border-radius:6px;background:#f8f1ff;color:#7142aa;border:1px solid #d9c5e9;padding:3px}.brand-title{font-size:24px;font-weight:850;line-height:1.1;letter-spacing:-.8px}.brand-subtitle{display:block;font-size:11px;letter-spacing:1.9px;text-transform:uppercase;font-weight:550;margin-top:7px;color:var(--muted)}.main-nav{display:flex;gap:9px}.nav-button{display:flex;align-items:center;gap:9px;background:none;font-size:15px;color:var(--muted);padding:11px 18px;border-radius:10px;font-weight:600}.nav-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6}.nav-button[aria-current=page]{color:var(--purple-dark);background:var(--purple-pale)}.device-note{font-size:13px;color:var(--muted)}main{max-width:1380px;margin:auto;padding:30px 4% 55px}.welcome{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;color:var(--purple);margin:0 0 7px}h1{font-size:clamp(28px,3.4vw,41px);line-height:1.2;letter-spacing:-1.5px;margin:0 0 10px;font-weight:780}h1 span{background:linear-gradient(100deg,#057a97,#375be0 55%,#8745c3);background-clip:text;-webkit-text-fill-color:transparent}.welcome p:last-child{color:var(--muted);margin:0;font-size:15px}.learning-pill{background:white;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:14px;min-width:165px;padding:14px 20px}.learning-pill strong{display:block;font-size:24px;line-height:1.2;color:var(--purple-dark)}.learning-pill span{font-size:13px;color:var(--muted)}.level-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.level-options{display:flex;padding:5px;background:#fff;border:1px solid var(--line);border-radius:12px;gap:4px}.level-options button{min-height:40px;border-radius:8px;padding:7px 16px;background:none;font-size:14px;font-weight:600;color:var(--muted)}.level-options button[aria-pressed=true]{background:#e8ddf2;color:#59327c}.level-options button[data-level=Beginner][aria-pressed=true]{background:#d9f0f2;color:#056779}.level-options button[data-level=Intermediate][aria-pressed=true]{background:#e3eafa;color:#3053a1}.level-note{font-size:13px;color:var(--muted);text-align:right}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:18px}h2{font-size:25px;letter-spacing:-.7px;line-height:1.3;margin:0}h3{font-size:18px;line-height:1.4;margin:0 0 12px}.section-head p{margin:5px 0 0;color:var(--muted);font-size:14px}.resource-link{font-size:14px;white-space:nowrap}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.filters{display:grid;grid-template-columns:minmax(240px,1fr) 150px 145px;gap:14px;padding:18px;background:linear-gradient(115deg,#f1f8fc,#f7f2fb);border:1px solid #e3e7f2;border-radius:14px}.field label{display:block;font-size:13px;font-weight:650;color:#555f73;margin-bottom:5px}.field input,.field select{width:100%;height:45px;border:1px solid #d9ddec;background:#fff;border-radius:8px;padding:9px 12px;min-width:0}.search-wrap{position:relative}.search-wrap input{padding-left:38px}.search-icon{position:absolute;left:13px;top:13px;width:18px;height:18px;color:#8390a6}.search-icon svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}.suggestions{position:relative;margin-top:8px;z-index:20;background:white;border:1px solid #d8dcec;border-radius:10px;box-shadow:0 14px 38px #28335124;overflow:hidden;max-height:365px;overflow-y:auto}.suggestion{padding:11px 15px;cursor:pointer;border-bottom:1px solid #f0f1f6}.suggestion:last-child{border:0}.suggestion[aria-selected=true],.suggestion:hover{background:#f0eafb}.suggestion strong{font-size:16px}.suggestion small{display:block;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.voice-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:13px}.voice-tools label{display:flex;align-items:center;gap:7px}.voice-tools select{background:transparent;border:1px solid var(--line);border-radius:6px;max-width:240px;padding:5px 8px;font-size:13px;min-height:34px}.voice-tools .speech-note{margin-left:auto;max-width:360px}#letters{display:flex;flex-wrap:wrap;gap:3px;margin:19px 0 12px}.letter{font-size:14px;background:none;color:var(--muted);border-radius:6px;padding:7px 9px;min-width:33px;min-height:36px}.letter[aria-pressed=true]{background:var(--purple);color:white}.table-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);padding:0 2px 12px;gap:10px}.link-button{background:none;color:var(--purple-dark);font-size:14px;padding:7px}.table-wrap{overflow:hidden}table{border-collapse:collapse;width:100%;table-layout:fixed}col:nth-child(1){width:23%}col:nth-child(2){width:12%}col:nth-child(3){width:30%}col:nth-child(4){width:35%}th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.7px;background:#f7f8fc;padding:15px 19px;border-bottom:1px solid var(--line)}td{vertical-align:top;padding:15px 19px;border-bottom:1px solid #eef0f6;overflow-wrap:anywhere}.entry-start td{border-top:1px solid #d9deeb}.word-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.word{font-size:19px;line-height:1.5;font-weight:700;letter-spacing:-.3px}.speak{background:#eee8f8;color:var(--purple);display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;padding:7px}.speak svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.speak[aria-pressed=true]{background:var(--purple);color:#fff}.word-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.tag{font-size:12px;padding:3px 7px;border-radius:5px;font-weight:550;background:#edf0f7;color:#526280;display:inline-block}.tag.beginner{background:#e0f3f4;color:#076a75}.tag.intermediate{background:#e9eefd;color:#3259a2}.tag.advanced{background:#f0e5f7;color:#77479d}.tag.type{background:#f0f2f6;color:#5c667d}.learn-word{display:block;font-size:12px;background:none;color:#777f91;padding:4px 0;text-align:left;margin-top:5px}.learn-word[aria-pressed=true]{color:#076a75;font-weight:650}.sense-number{font-size:12px;color:#8a749d;margin-right:6px}.example{color:#5f6b80}.alias,.imported{display:block;font-size:12px;color:#7c8598;margin-top:4px}.mobile-label{display:none}.pager{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 0;font-size:14px;color:var(--muted)}.button{padding:10px 18px;background:#ecddf3;color:#5e3679;border:1px solid #d7c0e3;border-radius:9px;font-weight:650;font-size:14px;min-height:44px}.button.secondary{background:white;border-color:var(--line);color:var(--muted)}.page-buttons{display:flex;gap:8px}.empty{padding:45px 20px;text-align:center;color:var(--muted)}.empty button{margin-top:12px}.timeline{padding:21px 25px;margin-bottom:20px;background:linear-gradient(110deg,#eff9fc,#f9f2ff);border:1px solid #dfe8f5;border-radius:16px}.timeline-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;color:var(--muted)}.time-track{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;position:relative;margin:18px 0 10px}.time-track:before{content:'';position:absolute;top:15px;left:16%;right:16%;height:2px;background:linear-gradient(90deg,#16869b,#5265d0,#9955be)}.time-button{position:relative;display:flex;flex-direction:column;align-items:center;background:none;padding:0 8px;color:var(--muted)}.time-dot{width:30px;height:30px;border-radius:50%;border:6px solid #f5f8fc;background:#86b6c7;box-shadow:0 0 0 1px #cadae6}.time-button:nth-child(2) .time-dot{background:#647bc6}.time-button:nth-child(3) .time-dot{background:#a66dbe}.time-button[aria-pressed=true] .time-dot{box-shadow:0 0 0 3px var(--purple);background:var(--purple)}.time-button strong{margin-top:8px;font-size:16px}.time-button small{font-size:12px}.timeline-note{font-size:13px;color:var(--muted);margin:12px 0 0}.grammar-tools{display:grid;grid-template-columns:1fr 210px;gap:14px;margin-bottom:20px}.grammar-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:24px;align-items:start}.lesson-menu{padding:12px;max-height:750px;overflow:auto;position:sticky;top:108px}.menu-count{padding:6px 9px 13px;font-size:13px;color:var(--muted)}.lesson-link{display:block;width:100%;text-align:left;padding:12px;border-radius:10px;background:none;margin-bottom:3px;border:1px solid transparent}.lesson-link strong{display:block;font-size:14px;font-weight:600;line-height:1.45}.lesson-link small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.lesson-link[aria-current=true]{background:#f2eafa;border-color:#e4d4ee;color:#623c8a}.lesson-link .done{float:right;color:#057c76}.lesson-article{padding:30px;min-width:0}.lesson-meta{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:11px}.lesson-article h2{font-size:29px;margin-bottom:16px;line-height:1.25}.lesson-article p{color:#5e687c}.formula{background:linear-gradient(100deg,#edf8fb,#f2ecfb);border-left:3px solid #7584c6;border-radius:0 10px 10px 0;padding:18px;margin:23px 0}.formula strong{font-size:17px;display:block;color:#37486e}.formula small{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;color:#657493}.forms-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:26px}.form-example{font-size:14px;padding:13px 16px;background:#f8f9fc;border:1px solid #e9ecf3;border-radius:8px}.form-example span{display:block;font-size:12px;font-weight:650;color:var(--muted);margin-bottom:5px}.uses{list-style:none;padding:0;counter-reset:uses}.uses li{position:relative;padding:2px 0 18px 40px;counter-increment:uses}.uses li:before{content:counter(uses);position:absolute;left:0;top:2px;background:#f0e8f7;color:var(--purple);border-radius:7px;width:26px;height:26px;text-align:center;font-size:13px;line-height:26px}.uses strong{display:block;font-size:15px}.uses p{margin:6px 0 0;font-size:16px}.tip{background:#fff8e9;border:1px solid #f1e2bf;padding:16px 18px;border-radius:10px;font-size:14px;line-height:1.7;margin:8px 0 25px}.tip strong{color:#8a6726;display:block;font-size:13px;margin-bottom:5px}.quick-check{border-top:1px solid var(--line);padding-top:22px}.answers{display:grid;gap:9px;margin:16px 0}.answer{width:100%;text-align:left;padding:13px 16px;background:white;border:1px solid #dce0ed;border-radius:9px;font-size:16px}.answer.correct{background:#e5f4ef;border-color:#74b7a4;color:#176d57}.answer.wrong{background:#fff0f0;border-color:#d79797;color:#a02e38}.answer:disabled{opacity:1;cursor:default}.feedback{padding:13px 16px;background:#f5f3fb;border-radius:8px;font-size:14px;margin-top:12px;line-height:1.7}.lesson-bottom{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px;justify-content:space-between}.practice-shell{max-width:850px;margin:0 auto}.practice-intro{padding:30px;position:relative;overflow:hidden;background:linear-gradient(120deg,#f0fbff,#fff 50%,#f9edff)}.practice-intro p{color:var(--muted);max-width:590px}.practice-config{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-top:25px}.practice-config .field{flex:1;min-width:180px}.practice-stats{display:flex;gap:25px;padding-top:25px;font-size:13px;color:var(--muted)}.practice-stats strong{display:block;font-size:24px;color:var(--ink)}.quiz-card{padding:32px}.quiz-meta{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--muted);margin-bottom:15px}.quiz-progress{height:6px;background:#edf0f8;border-radius:8px;overflow:hidden;margin-bottom:25px}.quiz-progress div{height:100%;background:linear-gradient(90deg,#178ca9,#894abc);transition:width .25s}#quizQuestion{font-size:25px;letter-spacing:-.5px;line-height:1.5;margin-bottom:17px}.quiz-word{display:flex;align-items:center;gap:15px;margin-bottom:20px}.quiz-word strong{font-size:35px;letter-spacing:-1px}.result-number{font-size:64px;line-height:1.2;font-weight:800;background:linear-gradient(100deg,#00819a,#8247b4);background-clip:text;-webkit-text-fill-color:transparent}.review-list{margin:25px 0;padding:0;list-style:none}.review-list li{padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.review-list strong{display:block}.review-list p{margin:5px 0;color:var(--muted)}.details-block{margin-top:20px}.details-block summary{cursor:pointer;color:var(--purple-dark);font-size:14px;padding:12px}.details-block p{font-size:14px;color:var(--muted);padding:0 12px}.site-footer{border-top:1px solid var(--line);padding:24px 0 10px;margin-top:36px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}.site-footer p{margin:0;max-width:710px}.site-footer a{white-space:nowrap}.status-banner{background:#fff2da;border:1px solid #e8d29f;padding:18px;border-radius:12px;margin-bottom:20px}.loading{padding:50px;text-align:center;color:var(--muted)}.progress-note{font-size:12px;color:var(--muted)}.reset-session{margin-left:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){main{padding-left:20px;padding-right:20px}.site-header{padding-left:max(4%,calc((100% - 1340px)/2));padding-right:max(4%,calc((100% - 1340px)/2))}}
@media(max-width:1000px){.device-note{display:none}.grammar-layout{grid-template-columns:230px minmax(0,1fr);gap:16px}.lesson-article{padding:24px}td,th{padding:13px}.word{font-size:17px}.level-note{max-width:225px}.forms-grid{grid-template-columns:1fr}.voice-tools .speech-note{margin-left:0}.nav-button{padding:10px 12px}}
@media(max-width:760px){.site-header{height:78px;padding:0 5%;gap:10px}.brand-title{font-size:22px}.brand-subtitle{font-size:10px}.brand-logo{width:35px;height:43px}.brand-logo img{width:35px;height:40px}.main-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid #e0dceb;padding:8px 12px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);gap:7px;box-shadow:0 -4px 20px #29314b09;z-index:60}.nav-button{display:flex;flex-direction:column;gap:3px;font-size:12px;min-height:50px;padding:6px}.nav-button svg{width:21px;height:21px}.device-note{display:block;font-size:11px;max-width:90px;text-align:right}.welcome{gap:14px}.welcome h1{font-size:30px}.welcome p:last-child{font-size:14px}.learning-pill{min-width:88px;padding:12px}.learning-pill strong{font-size:22px}.learning-pill span{font-size:11px}.level-bar{display:block;margin-bottom:23px}.level-options{width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}.level-options button{padding:8px 4px;font-size:12px}.level-note{text-align:left;max-width:none;font-size:12px;margin-top:9px}main{padding:22px 5% 95px}.filters{grid-template-columns:1fr 1fr;padding:14px;gap:11px}.filters>.field:first-child{grid-column:1/-1}.resource-link{font-size:12px}.section-head h2{font-size:23px}.voice-tools{gap:8px;font-size:12px}.voice-tools select{max-width:180px}.voice-tools .speech-note{font-size:12px;width:100%}.letter{padding:6px;min-width:32px;min-height:35px}.table-wrap{overflow:visible}table,tbody{display:block}thead,colgroup{display:none}tr{display:grid;grid-template-columns:1fr auto;padding:9px 17px}td{display:block;border:0;padding:5px 0}.entry-start td{border:0}.entry-start{border-top:1px solid var(--line);padding-top:17px;margin-top:8px}.entry-start:first-child{border-top:0;margin-top:0}.continuation{padding-top:0;padding-bottom:5px}.continuation td:empty{display:none}td:nth-child(3),td:nth-child(4){grid-column:1/-1}.word{font-size:21px}.word-line{justify-content:flex-start}.word-tags{margin-top:5px}.mobile-label{display:inline;font-size:12px;color:#897493;font-weight:650;margin-right:7px}.imported{font-size:11px}.sense-number{margin-left:0}.example{font-size:15px;padding-bottom:10px}.learn-word{min-height:32px}.empty{grid-column:1/-1}.grammar-layout{display:flex;flex-direction:column;gap:15px}.lesson-menu{width:100%;max-height:220px;position:static;padding:8px}.lesson-link{padding:10px 12px}.lesson-article{width:100%;padding:23px 19px}.lesson-article h2{font-size:27px}.grammar-tools{grid-template-columns:1fr;gap:10px}.timeline{padding:17px}.time-track{gap:0}.time-button{padding:0}.time-button small{font-size:11px}.timeline-head{font-size:12px}.timeline-note{font-size:12px}.pager{flex-wrap:wrap;font-size:12px}.pager .button{padding:8px 13px}.table-top{font-size:12px;align-items:flex-start}.site-footer{display:block}.site-footer p{margin-bottom:12px}.quiz-card,.practice-intro{padding:24px 19px}.quiz-word strong{font-size:29px}#quizQuestion{font-size:22px}.practice-config{display:grid;grid-template-columns:1fr}.forms-grid{grid-template-columns:1fr}.suggestion{min-height:52px}h1{letter-spacing:-1px}.learning-pill{display:none}.section-head{align-items:flex-start}.voice-tools select{font-size:12px}.field input,.field select{font-size:16px}}
@media(max-width:760px){.site-header{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-header,.level-bar,.filters,.voice-tools,#letters,.table-top,.pager,.learn-word,.speak,.timeline,.grammar-tools,.lesson-menu,.quick-check,.lesson-bottom,.site-footer,.welcome,.resource-link,.main-nav{display:none!important}body{background:white}main{padding:0;max-width:none}.panel{box-shadow:none;border:0}.grammar-layout{display:block}.lesson-article{padding:0}.section-head{margin:0 0 12px}table{font-size:10pt}thead{display:table-header-group}tr{break-inside:avoid}td,th{padding:7px}.word{font-size:11pt}.lesson-article h2{font-size:22pt}.tag{font-size:9pt}}

.flash-shell{max-width:860px;margin:auto}.flash-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;color:var(--muted);margin:18px 0 8px}.flash-progress{height:5px;border-radius:10px;background:#e9eaf3;margin-bottom:22px;overflow:hidden}.flash-progress>div{height:100%;background:linear-gradient(90deg,#128da8,#9551b8);transition:width .3s}.flash-card{display:block;width:100%;background:none;padding:0;text-align:left;perspective:1400px;border-radius:24px}.flash-inner{display:grid;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.65,.3,1);width:100%;position:relative}.flash-card.flipped .flash-inner{transform:rotateY(180deg)}.flash-face{grid-area:1/1;backface-visibility:hidden;-webkit-backface-visibility:hidden;min-height:365px;border:1px solid #dfd8ee;border-radius:24px;padding:34px;box-shadow:0 15px 45px #5742760c}.flash-front{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(140deg,#eefbff 0%,#fff 45%,#f5e9fc 100%)}.flash-back{display:block;transform:rotateY(180deg);background:white}.flash-word{display:block;font-size:clamp(30px,5vw,51px);font-weight:770;letter-spacing:-1.4px;color:#434363;margin:25px 0 9px;overflow-wrap:anywhere;max-width:100%}.flash-type{font-size:14px;color:var(--muted);display:block}.flash-prompt{display:block;margin-top:32px;font-size:14px;color:#8c6d9c}.flash-back-title{font-size:27px;font-weight:750;letter-spacing:-.7px;display:block}.flash-senses{display:block;margin-top:20px}.flash-sense{display:block;padding:14px 0;border-top:1px solid #eee8f3}.flash-sense strong{display:block;font-size:16px;font-weight:650}.flash-sense>span{display:block;font-size:15px;color:var(--muted);margin-top:6px;line-height:1.75}.flash-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0}.flash-actions p{font-size:13px;color:var(--muted);margin:0;flex:1}.flash-actions .speak{width:44px;height:44px}.flash-actions .button{white-space:nowrap}
@media(max-width:760px){.main-nav{grid-template-columns:repeat(4,1fr);gap:3px}.nav-button{font-size:11px}.flash-face{padding:23px;min-height:320px;border-radius:18px}.flash-actions{flex-wrap:wrap;gap:12px}.flash-actions p{min-width:160px}.flash-actions .button{margin-left:auto}.flash-toolbar{font-size:13px}.welcome .eyebrow,.welcome>div>p:last-child{display:none}.welcome h1{font-size:27px;margin:0}.welcome{margin-bottom:18px}.level-bar{margin-bottom:18px}#letters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:7px}.letter{flex:0 0 auto}.speak{width:42px;height:42px;flex-basis:42px}}
@media(prefers-reduced-motion:reduce){.flash-inner{transition:none}}

@media(max-width:760px){.site-header{padding-inline:4%;gap:10px}.brand{gap:8px}.brand-subtitle{font-size:8.5px;letter-spacing:1px}.device-note{max-width:none;flex-shrink:0;white-space:nowrap;font-size:10px;line-height:1.6}.brand-logo{width:32px}.brand-logo img{width:32px}}
@media(max-width:340px){.site-header{flex-wrap:wrap;height:auto;padding-block:10px;gap:4px}.device-note{width:100%;text-align:left}.device-note br{display:none}.device-note br::after{content:" "}}

.site-footer{gap:20px;flex-wrap:wrap}.footer-brand p{margin:0 0 6px}.footer-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}.footer-links a{white-space:nowrap}@media(max-width:760px){.footer-links{margin-top:14px;gap:16px}.site-footer{padding-bottom:10px}}

/* German words and long compounds remain readable on small screens. */
.word,.flash-word,.flash-back-title{overflow-wrap:anywhere} .alias{display:block;line-height:1.6} .example{line-height:1.7} .welcome{padding-top:24px;padding-bottom:24px} @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.translation{display:block;color:#62566d;font-size:.9em;font-weight:400;line-height:1.55;margin-top:.35rem}.german-text{display:block}.answer .translation{color:inherit;opacity:.85}.lesson-link strong .translation{font-size:.85em}.flash-sense .translation{display:block}.flash-back .flash-senses{overflow:auto}.flash-card{min-height:400px}.lesson-article p,.form-example,.tip,.formula strong{white-space:normal}

/* Make the English meaning immediately visible under its German headword. */
.word-translation{font-size:1rem;line-height:1.55;font-weight:650;color:#403052;margin:.4rem 0 .65rem;overflow-wrap:anywhere}.word-translation>span{font-weight:500;color:#62556f}.english-definition{display:block;font-size:1rem;line-height:1.6;color:#303448}.translation-label{display:block;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700;color:#65506f;margin-bottom:.2rem}.german-definition{display:block;font-size:.9rem;line-height:1.6;color:#596477;margin-top:.8rem}.alias{font-size:.875rem;color:#526079}.alias .translation{font-size:.875rem;color:#526079}.learn-word{font-size:.875rem;padding:8px 0}.example .translation{color:#38425a;font-size:1rem}.form-example .german-text,.form-example .translation{font-size:1rem;font-weight:400}.sense-number{display:none}