:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#252735;background:#f7f8fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f7f8fb;--surface: #fff;--text: #252735;--muted: #828592;--line: #eaecf2;--purple: #7661ce;--soft: #f1eefb;--green: #438d76;--shadow: 0 4px 24px #29224803;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{transition:background .18s,transform .18s,box-shadow .18s}button:disabled{cursor:not-allowed;opacity:.48}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a99ae1;outline-offset:3px}button{color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:29px;font-weight:650;margin-bottom:10px;line-height:1.25}h2{font-size:20px;font-weight:650}h3{font-size:18px}p{line-height:1.75}button svg{flex-shrink:0}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:var(--surface);border-right:1px solid var(--line);padding:38px 23px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:23px;line-height:1.05;font-weight:750;letter-spacing:-1px;padding:0 9px}.brand-second{display:block}.brand-dot{color:var(--purple)}.brand-icon{display:flex;align-items:center;position:relative;font-size:32px;letter-spacing:-5px;background:#f0edfa;width:43px;height:46px;border-radius:13px;color:#7661ce;padding-left:4px;font-weight:750}.brand-icon span{font-size:23px;margin-top:8px}.brand-icon i{position:absolute;width:7px;height:7px;background:#e2ae70;border-radius:50%;top:7px;right:6px}.sidebar-caption{font-size:8px;letter-spacing:1.6px;color:var(--muted);margin:34px 9px 17px;font-weight:600}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:14px;padding:14px 15px;border-radius:9px;color:#858693;font-size:13px;text-align:left;font-weight:500}.nav-item:hover{background:var(--bg)}.nav-item.active{background:var(--soft);color:var(--purple);font-weight:650}.nav-dot{margin-left:auto;width:5px;height:5px;border-radius:50%;background:var(--purple)}.sidebar-bottom{margin-top:auto;padding-top:35px}.level-note{background:#f7f7fb;border:1px solid #eff0f5;padding:22px 17px;border-radius:13px}.level-flower{font-size:35px;display:block;color:#a99ad4;margin-bottom:9px}.level-note strong{font-size:13px;line-height:1.7;font-weight:600}.level-note p{font-size:11px;color:var(--muted);margin:8px 0 15px;line-height:1.8}.pill{background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:10px;padding:5px 10px;color:var(--purple);font-weight:650}.local-note{font-size:9px;color:var(--muted);margin:23px 0 0;display:flex;gap:6px;align-items:center;justify-content:center}.status-dot{background:#8bb7a6;width:5px;height:5px;border-radius:50%}.main-shell{margin-left:238px;width:calc(100% - 238px)}.topbar{height:86px;border-bottom:1px solid var(--line);padding:0 42px;display:flex;align-items:center;justify-content:space-between;background:var(--surface)}.breadcrumb{display:flex;gap:14px;align-items:center;font-size:11px;color:#9395a1}.breadcrumb strong{font-weight:500;color:var(--text)}.top-actions{display:flex;align-items:center;gap:19px}.course-level{font-size:11px;font-weight:650;display:flex;gap:9px;align-items:center}.course-level span{color:var(--muted);font-size:10px;border-left:1px solid var(--line);padding-left:9px;font-weight:450}.icon-button{border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;color:var(--muted)}.icon-button:hover{background:var(--soft);color:var(--purple)}.avatar{background:#ede9f7;border:3px solid #f8f6fc;color:#8672b7;font-size:10px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:700}main{max-width:1450px;margin:auto;padding:36px 42px 0}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#90909e;margin-bottom:12px}.eyebrow span{padding:0 8px;color:#b5b5bf}.page-heading p{font-size:12px;color:var(--muted);margin:0}.date-chip{text-align:right;font-size:11px;color:#6b6e7c;white-space:nowrap}.date-chip span{display:block;font-size:9px;color:#a0a2af;margin-top:7px}.hero{background:#7c69c2;border-radius:17px;min-height:323px;position:relative;overflow:hidden;display:flex;color:#fff;box-shadow:0 8px 20px #7661ce12}.hero-content{padding:30px 33px;z-index:2;width:60%}.hero-label{font-size:8px;font-weight:550;letter-spacing:1.8px;display:flex;gap:8px;align-items:center;color:#e2dcf4}.hero-label span{width:5px;height:5px;border-radius:50%;background:#c9bcea}.hero h2{font-size:39px;line-height:1.2;margin:19px 0 13px;font-weight:600;letter-spacing:-1.8px}.hero h2 em{font-style:normal;color:#e3d4ff}.hero p{font-size:11px;color:#e2dcf2;line-height:1.85;margin-bottom:20px}.button{background:var(--purple);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 20px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600;min-height:43px}.button:hover:not(:disabled){background:#6650bb;box-shadow:0 4px 12px #7661ce20}.button.white{background:#fff;color:#7561b5;font-size:11px;padding:12px 17px;min-height:40px}.button.white:hover{background:#f0ebfc}.button.secondary{background:var(--surface);color:var(--purple);border-color:var(--line)}.button.danger{background:transparent;color:#b75f66;border-color:#b75f6640}.hero-foot{font-size:8px;color:#d2c9e9;margin-top:20px}.hero-foot span{margin-right:6px;color:#e8d5b9}.hero-art{position:relative;width:40%;min-width:310px}.orbit{position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #ffffff12;top:-5px;left:0}.orbit-two{width:460px;height:460px;left:-50px;top:-55px}.art-card{position:absolute;border-radius:12px;box-shadow:0 15px 25px #3f2d7626;width:213px;height:223px}.front-card{background:#fcfbff;top:69px;left:31px;transform:rotate(7deg);padding:21px 20px;color:#41345d}.back-card{top:58px;left:9px;transform:rotate(-10deg);background:#c0b1e5;color:#8f7bb8;padding:20px;font-size:10px}.back-card i{position:absolute;left:17px;right:17px;bottom:20px;border-top:1px solid #a595c1}.art-level{font-size:6px;letter-spacing:1.2px;display:flex;align-items:center;justify-content:space-between;color:#9e90b8}.art-article{font-size:13px;color:#9c8fb4;display:block;margin-top:22px}.front-card strong{display:block;font-size:25px;letter-spacing:-1px;font-weight:600;margin:2px 0 7px}.art-translation{font-size:11px;color:#81728f}.art-divider{border-bottom:1px solid #ece6f2;margin:18px 0 12px}.art-example{font-size:7px;color:#7f718e;display:block}.art-example-ru{font-size:6px;color:#b0a4bb;display:block;margin-top:6px}.floating-tag{position:absolute;display:flex;align-items:center;gap:8px;background:#fcfbff;box-shadow:0 6px 15px #46326c12;color:#736383;border-radius:8px;padding:11px 12px;font-size:9px;z-index:4}.tag-top{top:32px;left:106px;transform:rotate(6deg)}.tag-top span{font-size:14px}.tag-bottom{top:278px;left:-2px;transform:rotate(-5deg)}.small-check{border-radius:50%;background:#e4f3ea;color:#6d9a82;display:flex;padding:3px}.art-spark{position:absolute;font-size:37px;color:#d2bde9}.spark-one{top:33px;left:0}.spark-two{bottom:50px;right:26px;font-size:30px;color:#ddc49d}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:22px 0 30px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:19px 16px;display:flex;gap:13px;box-shadow:var(--shadow)}.stat-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}.stat-icon svg{width:18px;height:18px}.purple{background:#f0ebfa;color:#9479cd}.green{background:#eaf5ef;color:#7aab96}.orange{background:#fcf0e5;color:#d9a16c}.blue{background:#edf1fc;color:#8a9dd2}.stat-card strong{display:block;font-size:24px;line-height:1.1;font-weight:600;letter-spacing:-1px;margin:0 0 7px}.stat-card span:not(.stat-icon){display:block;font-size:10px;color:#747783}.stat-card small{display:block;font-size:8px;color:#a3a4ae;margin-top:7px;line-height:1.5}.home-columns{display:grid;grid-template-columns:minmax(0,1.95fr) minmax(250px,1fr);gap:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-heading h2{font-size:17px;letter-spacing:-.5px;margin:0}.section-heading>span{font-size:9px;color:#a1a2ad}.learning-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.learning-card{text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:20px;position:relative;box-shadow:var(--shadow)}.learning-card:hover{box-shadow:0 6px 20px #7661ce12;transform:translateY(-2px)}.tile-icon{width:43px;height:43px;display:inline-grid;place-items:center;border-radius:12px}.tile-tag{position:absolute;right:18px;top:23px;font-size:8px;background:var(--bg);padding:5px 8px;border-radius:5px;color:#9999a6}.learning-card h3{font-size:17px;margin:18px 0 8px}.learning-card p{font-size:10px;color:var(--muted);line-height:1.9;margin-bottom:20px}.tile-footer{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#9697a5}.tile-footer svg{color:#a799c7}.profession-banner{display:flex;align-items:center;gap:17px;width:100%;background:#faf7f2;border:1px solid #f0eae0;border-radius:11px;padding:18px;margin-top:17px;text-align:left}.profession-banner .tile-icon{background:#f5e9da;color:#bf9b6f;flex-shrink:0}.profession-banner>span:nth-child(2){flex:1}.profession-banner .eyebrow{font-size:7px;display:block;letter-spacing:1.4px;color:#b49e82;margin-bottom:7px}.profession-banner strong{font-size:12px;display:block;font-weight:550}.profession-banner small{display:block;font-size:9px;color:#a59b90;margin-top:6px}.profession-banner>svg{color:#baaa96}.daily-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:23px;text-align:center}.daily-card .section-heading{margin-bottom:24px}.daily-card .section-heading h2{font-size:13px}.daily-card .section-heading svg{color:#d2b984}.goal-ring{margin:auto;width:125px;height:125px;background:conic-gradient(#9b87d4 var(--progress),#f0edf7 0);padding:7px;border-radius:50%;transform:rotate(-0deg)}.goal-ring>div{border-radius:50%;background:var(--surface);width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column}.goal-ring strong{font-size:30px;font-weight:500;letter-spacing:-1px}.goal-ring strong span{font-size:17px;color:#a7a5b5}.goal-ring small{font-size:8px;color:#a6a2b4;margin-top:4px}.daily-card h3{font-size:12px;font-weight:550;margin:22px 0 7px;letter-spacing:-.2px}.daily-card p{font-size:9px;color:#aaa8b5;line-height:1.9;margin-bottom:16px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;color:var(--purple);border:0;background:none;font-size:11px;padding:8px 0}.text-button:hover{text-decoration:underline}.bottom-quote{text-align:center;margin:29px 0;color:#9997a9;font-size:11px}.bottom-quote>span{font-size:25px;color:#c2b9d6;vertical-align:middle;margin-right:8px}.bottom-quote small{display:block;font-size:9px;color:#b7b5c0;margin-top:4px}footer{border-top:1px solid var(--line);padding:22px 0;display:flex;gap:17px;font-size:9px;color:#a7a7b3;margin-top:32px}footer>span:last-child{margin-left:auto}footer>span:first-child{color:#bcbcc6}.panel{background:var(--surface);border:1px solid var(--line);padding:26px;border-radius:14px;margin-bottom:22px;box-shadow:var(--shadow)}.panel>p{color:var(--muted);font-size:13px}.panel h2,.panel .section-heading h2{font-size:20px}.toolbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin:20px 0}.search{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:2px 12px;flex:1;max-width:430px;color:var(--muted)}input,select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:13px;min-width:0}.search input{border:0;background:none;outline:none;width:100%;font-size:12px;min-height:44px;padding:10px 0}.segmented{display:flex;gap:4px;background:var(--line);border-radius:9px;padding:4px}.segmented button{border:0;background:none;border-radius:6px;padding:10px 14px;font-size:11px;white-space:nowrap;color:var(--muted)}.segmented button.selected{background:var(--surface);color:var(--purple);box-shadow:0 2px 4px #00000008}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.word-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:19px;display:flex;flex-direction:column;overflow-wrap:anywhere}.word-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:16px;min-height:31px}.badge{background:var(--soft);color:var(--purple)!important;display:inline-block;border-radius:5px;padding:5px 8px;font-size:9px;line-height:1.5}.word-card h2{font-size:19px;margin-bottom:8px;letter-spacing:-.4px}.article{font-size:13px;font-weight:400;color:var(--muted)}.article-der{color:#7292c1}.article-die{color:#be789f}.article-das{color:#6b9e8b}.word-card>p{font-size:12px;color:var(--muted);margin-bottom:16px}.word-expand{border:0;background:none;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:9px 0;color:var(--purple);font-size:10px;margin-top:auto}.word-example{background:var(--bg);padding:12px;border-radius:7px;margin:8px 0}.word-example p{font-size:12px;margin-bottom:7px}.word-example small{font-size:11px;color:var(--muted);line-height:1.7;display:block}.word-status{border-top:1px solid var(--line);padding-top:12px;margin-top:12px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:9px}.tiny-dot{background:#bcb1d8;width:4px;height:4px;border-radius:50%}.beruf-intro{display:flex;align-items:center;gap:20px;background:#faf4eb;padding:23px;border:1px solid #f0e5d6;border-radius:12px}.beruf-intro h2{font-size:18px;margin-bottom:7px}.beruf-intro p{font-size:12px;color:#948776;margin:0}.beruf-intro .tile-icon{flex-shrink:0}.category-select{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px;margin-bottom:20px}.category-select select{font-size:12px;max-width:80%}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty svg{color:#afa3cd}.empty p{font-size:13px;margin-top:13px}.training-filters{display:flex;align-items:end;justify-content:space-between;gap:20px}.training-filters>label{display:grid;gap:9px;font-size:11px;color:var(--muted)}.training-filters select{min-width:220px;font-size:12px}.training-welcome{text-align:center;padding:50px 25px}.training-welcome p{max-width:550px;margin:0 auto 18px;font-size:13px}.large-icon{width:80px;height:80px;display:grid;place-items:center;background:var(--soft);color:var(--purple);border-radius:24px;margin:0 auto 26px}.training-welcome h2{font-size:27px}.training-welcome .eyebrow{margin-bottom:15px}.button-row{display:flex;flex-wrap:wrap;gap:12px}.centered{justify-content:center}.exercise-area{max-width:700px;margin:28px auto}.session-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.progress-track{height:5px;background:var(--line);border-radius:10px;overflow:hidden;margin:10px 0 25px}.progress-track>div{height:100%;background:var(--purple);transition:width .3s}.exercise-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:35px;text-align:center;animation:appear .25s ease-out}.exercise-instruction{font-size:12px;color:var(--muted);margin:25px 0 12px}.exercise-card h2{font-size:30px;overflow-wrap:anywhere;margin-bottom:25px}.revealed{padding:15px 0 25px;animation:appear .2s}.revealed h3{font-size:23px}.revealed p{font-size:14px;margin-bottom:8px}.revealed small{font-size:12px;color:var(--muted)}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.answer-option{padding:16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:13px;line-height:1.6;display:flex;align-items:center;justify-content:center;gap:8px}.answer-option:hover:not(:disabled){border-color:var(--purple);background:var(--soft)}.answer-option.right-option{background:#e8f5ee;border-color:#85b99f;color:#3d785b;opacity:1}.answer-option.chosen{border-color:var(--purple)}.exercise-card form{display:flex;flex-direction:column;gap:15px;align-items:center}.exercise-card form>input{width:100%;max-width:400px;font-size:18px;text-align:center}.umlaut-row{display:flex;gap:8px}.umlaut-row button{background:var(--soft);color:var(--purple);border:0;padding:8px 14px;border-radius:6px}.feedback{padding:19px;border-radius:10px;margin-top:22px;text-align:left;font-size:13px;line-height:1.7}.feedback.success{background:#edf6f1;color:#44775d}.feedback.failure{background:#fcf1ed;color:#ac6c56}.feedback p{margin:8px 0;font-size:13px}.feedback small{display:block}.feedback .button{display:flex;margin:18px 0 0 auto}.lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lesson-card{text-align:left;background:var(--surface);border:1px solid var(--line);padding:28px;border-radius:14px}.lesson-card:hover{border-color:#c7bbdf;transform:translateY(-2px)}.lesson-card h2{font-size:23px}.lesson-card p{font-size:13px;color:var(--muted);min-height:45px}.lesson-number{color:#c6bddc!important;font-size:26px!important;letter-spacing:-1px}.lesson-content{max-width:800px;margin:auto}.lesson-content>.text-button{margin-bottom:15px}.lesson-content article h2{font-size:28px;margin-top:15px}.lesson-content article p{font-size:14px;color:var(--muted)}.grammar-examples{background:var(--soft);padding:10px 20px;border-radius:10px}.grammar-examples p{color:var(--purple)!important;font-size:13px!important;margin:12px 0}.lesson-content fieldset{border:0;padding:18px 0 25px;border-bottom:1px solid var(--line);margin:0 0 22px}.lesson-content legend{font-size:14px;line-height:1.7}.lesson-content .answer-option{justify-content:flex-start;cursor:pointer}.lesson-content input[type=radio]{accent-color:var(--purple);margin-right:8px}.review-list{max-height:430px;overflow:auto}.review-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.review-list small,.history-list small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.review-list b{font-weight:550}.history-list>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0;font-size:12px}.history-list b{font-weight:550}.history-list time{margin-left:auto;color:var(--muted);font-size:10px;text-align:right}.result-dot{display:grid;place-items:center;border-radius:50%;padding:5px}.correct{background:#edf6f1;color:#619a7b}.wrong{background:#fcf1ed;color:#b37e6a}.week-chart{height:175px;display:flex;justify-content:space-around;gap:15px;padding-top:10px}.week-chart>div{display:flex;flex-direction:column;align-items:center;gap:10px;flex:1;max-width:55px}.week-chart b{font-size:11px;font-weight:500;color:var(--muted)}.week-chart small{font-size:10px;color:var(--muted)}.chart-track{height:105px;width:100%;background:var(--soft);border-radius:6px;display:flex;align-items:flex-end;overflow:hidden}.chart-track>div{background:#a594d3;width:100%;min-height:2px;border-radius:6px}.muted{color:var(--muted);font-size:11px}.warning,.notice{border:1px solid #e3c98e;background:#fff6df;color:#8d6f31;border-radius:8px;padding:15px;margin-bottom:20px;font-size:12px;line-height:1.7}.warning button{display:block;padding:8px;background:none;border:1px solid currentColor;border-radius:5px;margin-top:10px}.notice{background:var(--soft);border-color:var(--line);color:var(--purple)}.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}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark]{color-scheme:dark;--bg: #181920;--surface: #22232d;--text: #e8e6ef;--muted: #a09eaf;--line: #343440;--purple: #b7a0ee;--soft: #322b45;--green: #94bba9;--shadow: none;background:var(--bg);color:var(--text)}[data-theme=dark] .level-note{background:#292735;border-color:var(--line)}[data-theme=dark] .profession-banner,[data-theme=dark] .beruf-intro{background:#302b27;border-color:#43382e}[data-theme=dark] .purple{background:#3b304f}[data-theme=dark] .green{background:#263d35}[data-theme=dark] .orange{background:#44352a}[data-theme=dark] .blue{background:#2e334a}[data-theme=dark] .goal-ring{background:conic-gradient(#a18ad7 var(--progress),#383242 0)}[data-theme=dark] .button:not(.white):not(.secondary):not(.danger){background:#8d73c7;color:#fff}[data-theme=dark] .feedback.success,[data-theme=dark] .answer-option.right-option{background:#263d32;color:#a2d4b4}[data-theme=dark] .feedback.failure{background:#402e29;color:#e0b0a0}[data-theme=dark] .warning{background:#413724;color:#ecd29e}@media(min-width:1500px){main{padding-top:45px}.hero{min-height:370px}.hero-content{padding:39px}.hero h2{font-size:46px}.hero-art{transform:scale(1.1);transform-origin:center}.stats-grid{margin-top:26px}.stat-card{padding:24px}.learning-card{padding:26px}.learning-card h3{font-size:20px}.learning-card p{font-size:12px}.daily-card{padding:28px}.goal-ring{width:142px;height:142px}.tile-footer{font-size:10px}.hero p{font-size:13px}}@media(max-width:1190px){.sidebar{width:205px;padding:32px 17px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.topbar{padding:0 28px}main{padding:30px 28px 0}.hero-art{min-width:260px;transform:scale(.9);transform-origin:left center}.hero-content{padding:30px 26px}.hero h2{font-size:35px}.stat-card{gap:9px;padding:17px 12px}.stat-icon{width:30px;height:30px}.stat-card strong{font-size:22px}.home-columns{gap:17px;grid-template-columns:minmax(0,1.8fr) minmax(220px,1fr)}.learning-card{padding:16px}.learning-card h3{font-size:15px}.profession-banner{gap:12px;padding:14px}.profession-banner strong{font-size:11px}.daily-card{padding:18px}.daily-card .section-heading h2{font-size:12px}.word-grid{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.search{max-width:none}.training-filters{flex-wrap:wrap}.date-chip{display:none}}@media(max-width:950px)and (min-width:761px){.sidebar{width:180px;padding:28px 12px}.main-shell{margin-left:180px;width:calc(100% - 180px)}.brand{font-size:20px;padding:0 5px}.sidebar-caption{font-size:7px;letter-spacing:1px}.hero h2{font-size:32px}.hero-content{width:65%;padding:28px 22px}.hero-art{min-width:210px;transform:scale(.78);transform-origin:left center;margin-left:-10px}.hero-label{font-size:7px}.hero p{font-size:10px}.stats-grid{grid-template-columns:1fr 1fr}.home-columns{grid-template-columns:1fr}.daily-card{display:none}.page-heading h1{font-size:25px}.lesson-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:5px 6px env(safe-area-inset-bottom);border:0;border-top:1px solid var(--line);background:var(--surface)}.sidebar .brand,.sidebar-caption,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;height:100%}.nav-item{flex-direction:column;justify-content:center;gap:5px;padding:8px 0;font-size:8px;border-radius:9px}.nav-item svg{width:19px;height:19px}.nav-dot{display:none}.main-shell{margin:0;width:100%;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.topbar{height:65px;padding:0 21px}.breadcrumb{font-size:10px;gap:8px}.top-actions{gap:13px}.course-level{font-size:10px}.avatar{width:29px;height:29px;font-size:9px}main{padding:26px 20px 0}.page-heading{margin-bottom:23px}.eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:11px}h1{font-size:25px;letter-spacing:-1px;line-height:1.3}.page-heading p{font-size:11px;line-height:1.8}.hero{min-height:310px;border-radius:13px}.hero-content{width:65%;padding:27px 22px}.hero h2{font-size:34px;letter-spacing:-1.4px;margin-top:21px}.hero-label{font-size:6px;letter-spacing:1.15px}.hero p{font-size:10px;line-height:1.8;max-width:235px}.hero-art{position:absolute;left:65%;top:24px;height:310px;transform:scale(.72);transform-origin:top left;min-width:260px}.hero-foot{font-size:7px;line-height:1.8;max-width:180px}.hero .button{font-size:10px;padding:11px 12px}.hero-art .tag-bottom{top:285px;left:0}.hero-art .spark-two{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:11px;margin:17px 0 26px}.stat-card{padding:17px 13px;gap:11px;min-height:105px}.stat-card strong{font-size:24px}.stat-card span:not(.stat-icon){font-size:10px}.stat-card small{font-size:8px}.home-columns{grid-template-columns:1fr;gap:20px}.section-heading h2{font-size:16px}.learning-grid{gap:11px}.learning-card{padding:16px}.learning-card h3{font-size:16px;margin-top:17px}.learning-card p{font-size:10px}.tile-icon{width:37px;height:37px}.tile-tag{font-size:7px;top:18px;right:12px;padding:4px 6px}.tile-footer{font-size:7px;gap:5px}.profession-banner{padding:17px 14px;gap:12px}.profession-banner strong{font-size:11px}.profession-banner small{font-size:8px;line-height:1.6}.profession-banner .eyebrow{font-size:6px}.daily-card{padding:23px}.daily-card .section-heading h2{font-size:15px}.daily-card h3{font-size:14px}.daily-card p{font-size:11px}.bottom-quote{font-size:10px;margin:25px 0}footer{font-size:8px;flex-wrap:wrap;gap:7px 14px;padding:20px 0;margin-top:25px}footer>span:last-child{margin-left:0;width:100%;font-size:7px}.toolbar{gap:12px;margin-top:10px}.search{width:100%;flex:auto}.segmented{max-width:100%;width:100%}.segmented button{flex:1;padding:10px 8px;font-size:11px}.word-grid{grid-template-columns:1fr;gap:13px}.word-card{padding:20px}.word-card h2{font-size:21px}.word-card p{font-size:13px}.word-card .badge{font-size:10px}.word-expand{font-size:12px;padding:12px 0}.word-status{font-size:10px}.beruf-intro{padding:18px;gap:14px;align-items:flex-start}.beruf-intro h2{font-size:16px}.beruf-intro p{font-size:11px}.panel{padding:21px}.panel h2,.panel .section-heading h2{font-size:18px}.panel .section-heading{flex-wrap:wrap}.training-setup .section-heading{gap:8px}.training-filters{display:block}.training-filters>label{margin-bottom:16px}.training-filters select{width:100%;min-width:0}.training-welcome{padding:35px 22px}.training-welcome h2{font-size:24px}.training-welcome p{font-size:12px}.exercise-card{padding:24px 18px}.exercise-card h2{font-size:25px}.answer-grid{gap:10px}.answer-option{font-size:12px;padding:13px 10px}.feedback{padding:15px}.feedback .button{width:100%}.lesson-grid{grid-template-columns:1fr;gap:15px}.lesson-card{padding:23px}.lesson-card h2{font-size:22px}.lesson-card .tile-footer{font-size:9px}.lesson-content article h2{font-size:24px}.lesson-content article p{font-size:13px}.review-list>div{font-size:11px}.review-list .badge{font-size:8px}.history-list time{font-size:9px}.button{font-size:11px}.button-row{gap:10px}.button-row .button{flex-grow:1}.warning,.notice{font-size:11px}}@media(max-width:390px){main{padding:23px 16px 0}.hero-content{padding:25px 18px;width:75%}.hero h2{font-size:32px}.hero-art{left:73%;transform:scale(.65);opacity:.8}.hero p{max-width:215px}.hero-label{font-size:5.5px}.stat-card{padding:15px 10px;gap:9px}.stat-icon{width:27px;height:27px}.learning-card{padding:14px}.learning-card h3{font-size:14px}.learning-card p{font-size:9px}.tile-tag{right:9px;font-size:6px}.profession-banner>svg{display:none}.top-actions{gap:7px}.page-heading h1{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mode-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.mode-tabs button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:13px 18px;font-size:12px}.mode-tabs button.selected{background:var(--soft);border-color:var(--purple);color:var(--purple)}.game-source label{display:flex;align-items:center;gap:16px;font-size:13px}.game-source p{margin:14px 0 0}.game-panel{max-width:850px;margin:0 auto 22px}.game-panel h2{display:flex;align-items:center;gap:8px}.game-panel .training-welcome{padding:24px 10px}.game-panel .training-welcome>label{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:15px}.fire-stats{text-align:center;padding:15px}.fire-stats strong{display:block;font-size:58px;line-height:1.2;color:var(--purple)}.fire-stats span{font-size:13px;color:var(--muted)}.game-word{text-align:center;font-size:27px;overflow-wrap:anywhere}.completion{text-align:center;padding:35px 15px}.completion>svg{color:var(--purple);margin-bottom:18px}.completion h2{display:block;font-size:26px}.completion p{font-size:14px;line-height:1.8}.completion>.text-button{display:block;margin:15px auto}.match-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.match-columns>div{display:grid;gap:12px}.match-tile{display:flex;align-items:center;justify-content:center;gap:6px;min-height:73px;padding:15px 12px;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:14px;line-height:1.5}.match-tile.chosen{border-color:var(--purple);background:var(--soft)}.match-tile.matched,.match-tile.matched:disabled{border-color:#69aa88;color:var(--green);background:color-mix(in srgb,var(--green) 10%,var(--surface));opacity:1}.match-tile.mismatch{border-color:#c27067;animation:answer-shake .2s}.match-feedback{font-size:13px;margin:20px 0 0}.error-text{color:#bc7469}.success-text{color:var(--green)}.table-scroll{overflow-x:auto;margin:23px 0}.table-scroll table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.7}.table-scroll th,.table-scroll td{padding:12px;border:1px solid var(--line);text-align:left;min-width:100px}.table-scroll th{background:var(--soft);color:var(--purple)}.rule-list{font-size:13px;color:var(--muted);line-height:1.8;padding-left:20px}.rule-list li{margin:10px 0}.grammar-input{display:grid;gap:12px;font-size:13px;margin-bottom:20px}.grammar-input input{width:100%;font-size:17px}.grammar-input small{color:var(--muted);font-size:11px}.grammar-prompt{font-size:19px;line-height:1.8;font-weight:550;margin:25px 0}.grammar-input+button{margin-bottom:10px}.lesson-content .feedback .button{margin:10px 0 0}.lesson-content .feedback .button-row{justify-content:flex-end}.lesson-content .completion .button-row .button{margin:0}.game-panel .answer-option{min-height:68px}.match-tile:focus-visible{outline-offset:2px}@keyframes answer-shake{25%{transform:translate(-3px)}75%{transform:translate(3px)}}@media(max-width:760px){.mode-tabs{gap:7px}.mode-tabs button{flex:1;justify-content:center;font-size:10px;padding:11px 8px;min-height:45px}.mode-tabs svg{display:none}.game-source label{align-items:start;flex-direction:column;gap:10px}.game-source select{width:100%}.match-columns{gap:11px}.match-columns>div{gap:10px}.match-tile{font-size:12px;padding:10px 8px;min-height:85px}.completion h2{font-size:23px}.completion p{font-size:12px}.game-panel .section-heading{align-items:start}.grammar-prompt{font-size:17px}.table-scroll table{font-size:12px}.game-panel .answer-grid{grid-template-columns:1fr}.game-panel .answer-option{min-height:52px}}.speech-control{display:inline-flex;align-items:center;position:relative}.speech-message{position:absolute;right:0;top:100%;width:220px;max-width:70vw;background:var(--surface);border:1px solid var(--line);box-shadow:0 4px 16px #0002;color:var(--text);padding:12px;border-radius:8px;font-size:11px;line-height:1.7;z-index:5}.grammar-examples .speech-message{right:auto;left:0}.personal-note h2{font-size:21px}.personal-filters{display:flex;flex-wrap:wrap;align-items:end;gap:15px;margin-bottom:20px}.personal-filters>label:not(.search){display:grid;gap:8px;font-size:12px;color:var(--muted)}.personal-filters .search{max-width:none;min-width:200px}.folder-create{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.folder-create>input{flex:1;min-width:180px;font-size:13px}.folder-list{display:flex;flex-wrap:wrap;gap:10px}.folder-chip{border:1px solid var(--line);border-radius:9px;display:flex;align-items:center;padding:4px}.folder-chip.selected{background:var(--soft);border-color:var(--purple)}.folder-open{border:0;background:none;text-align:left;padding:10px;font-size:12px;overflow-wrap:anywhere}.folder-open>span{color:var(--muted);margin-left:8px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-bottom:20px}.editor-grid>label{display:grid;gap:8px;font-size:12px;color:var(--muted)}.editor-grid input,.editor-grid select,.editor-grid textarea{width:100%;font-size:14px}.editor-grid textarea{font:inherit;line-height:1.6;resize:vertical;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:80px}.full-width{grid-column:1/-1}.checkbox-label{display:flex;align-items:center;gap:9px;font-size:13px;margin:15px 0}.checkbox-label input{accent-color:var(--purple);width:18px;height:18px}.lookup-result{background:var(--soft);color:var(--purple);border:1px solid var(--line);border-radius:8px;padding:15px;margin-top:12px;text-align:left;width:100%;font-size:13px}.lookup-result>span{display:block;font-size:11px;margin-top:8px}.word-move{display:grid;gap:6px;font-size:10px;color:var(--muted);margin:15px 0}.word-move select{font-size:12px;width:100%}.personal-notes{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}.word-forms{color:var(--purple)!important;font-size:11px!important;line-height:1.8}.danger-text{color:#b96565}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:25px 0;font-size:12px}.personal-editor{scroll-margin-top:20px}.personal-editor .section-heading{align-items:start}.personal-note p{font-size:13px}@media(max-width:760px){.sidebar nav{grid-template-columns:repeat(7,minmax(0,1fr))}.nav-item{font-size:7px}.nav-item svg{width:18px;height:18px}.editor-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.personal-filters>label:not(.search){flex:1;min-width:130px}.personal-filters select{width:100%}.personal-filters .search{flex-basis:100%}.folder-create .button{flex:1}.personal-note .button-row .button{min-height:44px}.folder-open{font-size:11px}.folder-chip{max-width:100%}.folder-open{max-width:calc(100vw - 155px)}.personal-editor{scroll-margin-top:10px}}.library-tabs{display:flex;gap:10px;margin:20px 0}.library-filters{display:flex;flex-wrap:wrap;gap:14px;margin:18px 0 24px}.library-filters>label{display:grid;gap:7px;font-size:11px;color:var(--muted);flex:1;min-width:160px}.library-filters select{font-size:12px;width:100%}.level-filters{overflow-x:auto;max-width:100%}.level-filters button{min-height:40px}.word-card-top>div{display:flex;flex-shrink:0}.library-tabs .button{font-size:11px}.game-panel,.exercise-area{--surface: #20242c;--bg: #15181e;--text: #f4f6fc;--muted: #a6afbd;--line: #39414f;--purple: #62b4ff;--soft: #203952;--green: #8dd5b1;background:#15181e;color:var(--text);border-color:#343c49;border-radius:20px;padding:28px}.game-panel .answer-option,.exercise-area .answer-option{background:#252b35;border-color:#3a4353;color:#f4f6fc;border-radius:14px;font-size:15px;padding:20px;min-height:70px}.game-panel .button,.exercise-area .button{background:#167bd8;color:#fff}.game-panel .button.secondary,.exercise-area .button.secondary{background:#293340;color:#e1edfb;border-color:#4b617b}.game-panel .answer-option.right-option,.game-panel .feedback.success,.exercise-area .answer-option.right-option,.exercise-area .feedback.success{background:#193f32;color:#b6efd2;border-color:#4b9f7d}.game-panel .feedback.failure,.exercise-area .feedback.failure{background:#4a2b31;color:#ffc2c4}.game-panel .match-tile{background:#252b35;color:#f4f6fc;border-radius:15px}.game-panel .match-tile.chosen{background:#203e5e;border-color:#66b7ff}.game-panel .match-tile:disabled:not(.matched){opacity:.75}.game-panel .match-tile.matched{background:#193f32;color:#b6efd2;border-color:#4b9f7d}.game-panel input,.game-panel select,.exercise-area input{color:var(--text);background:#252b35}.game-panel .progress-track>div,.exercise-area .progress-track>div{background:#309eff}.game-panel .fire-stats strong{color:#5fb6ff}.mode-tabs button{padding:19px 20px;border-radius:14px}.mode-tabs button:nth-child(1){border-color:#b99ae1}.mode-tabs button:nth-child(2){border-color:#dfaa73}.mode-tabs button:nth-child(3){border-color:#75bbcd}.game-panel .game-word{font-size:32px}.exercise-area .exercise-card{border-radius:18px}@media(max-width:760px){.library-filters{gap:10px}.library-filters>label{min-width:130px}.library-tabs .button{flex:1}.game-panel,.exercise-area{padding:20px 15px}.game-panel .game-word{font-size:26px}.mode-tabs button{padding:15px 8px;font-size:10px}.game-panel .answer-option,.exercise-area .answer-option{font-size:13px;min-height:60px;padding:16px}.word-card-top .badge{font-size:9px}}.mode-tabs button:nth-child(1){background:linear-gradient(140deg,#7661ce,#55449a);color:#fff;border-color:#7661ce}.mode-tabs button:nth-child(2){background:linear-gradient(140deg,#c7623f,#984943);color:#fff;border-color:#c7623f}.mode-tabs button:nth-child(3){background:linear-gradient(140deg,#267c9a,#26617a);color:#fff;border-color:#267c9a}.mode-tabs button.selected{box-shadow:0 0 0 2px #67b8ff;outline-offset:3px}.game-panel h2,.game-panel h3,.exercise-area h2{color:#f4f6fc}