:root{--ink:#172329;--muted:#68767a;--paper:#f7f5ef;--cream:#efe8d8;--orange:#e66e45;--yellow:#edc75a;--blue:#8cc8cf;--line:#dedbd1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.eyebrow{font:500 11px 'DM Mono';letter-spacing:.08em;color:#69787b;margin:0 0 12px}.login-screen{min-height:100vh;background:#183b42;display:grid;grid-template-columns:1.15fr .85fr;padding:7vw 10vw;gap:10vw;align-items:center;color:white}.login-copy h1{font:600 clamp(48px,6vw,85px)/.97 'Playfair Display';margin:0}.intro{max-width:420px;font-size:18px;line-height:1.6;color:#d2e2df;margin:24px 0 36px}.login-copy .eyebrow{color:#b9dad4}.login-note{font-size:13px;color:#d2e2df}.login-note span{color:var(--yellow);margin-right:10px}.login-card{background:#fffdf8;color:var(--ink);border-radius:5px;padding:38px;max-width:420px;box-shadow:20px 20px 0 #e26d46}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#e36d47;color:#fff;font:600 16px 'DM Mono';letter-spacing:-2px}.brand-mark span{color:#f3cf67}.login-card h2{font:600 30px 'Playfair Display';margin:22px 0 8px}.login-card>p{color:var(--muted);font-size:14px;line-height:1.45;margin:0 0 24px}.login-card label,.answer-label{display:grid;gap:7px;font-size:12px;font-weight:600;margin-bottom:16px}.login-card input,textarea{width:100%;border:1px solid #d7d7cf;background:white;border-radius:2px;padding:13px;outline-color:var(--orange)}.button{border-radius:2px;padding:13px 17px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:24px}.primary{background:var(--orange);color:white}.dark{background:var(--ink);color:white}.form-error{color:#bd3b32!important;margin:0 0 12px!important;min-height:0}.demo-hint{font-size:11px!important;margin:18px 0 0!important}.demo-hint button{padding:0;background:none;color:#c35c3e;text-decoration:underline}.dashboard{display:flex;min-height:100vh}.sidebar{width:245px;background:#183b42;color:white;display:flex;flex-direction:column;padding:30px 20px}.brand{display:flex;align-items:center;gap:10px;font:600 18px 'Playfair Display';padding:0 10px 47px}.brand .brand-mark{width:30px;height:30px;font-size:12px}.sidebar nav{display:grid;gap:7px}.nav-link{background:transparent;color:#c2d4d2;text-align:left;padding:12px 13px;border-radius:3px;font-size:14px}.nav-link span{font-size:19px;display:inline-block;width:29px}.nav-link.active,.nav-link:hover{background:#285057;color:white}.sidebar-bottom{margin-top:auto}.level-card{background:#284c52;padding:17px;border-radius:3px}.level-card span{font:10px 'DM Mono';color:#b8cfcc}.level-card strong{display:block;margin:7px 0 11px;font-size:13px}.tiny-progress{height:4px;background:#496a6d;border-radius:4px}.tiny-progress i{display:block;width:0%;height:100%;background:var(--yellow);transition:.3s}.level-card small{display:block;font-size:10px;color:#b8cfcc;margin-top:8px}.logout{color:#bdd1cf;background:none;padding:18px 10px 0;font-size:13px}.content{flex:1;max-width:1300px;margin:auto;padding:34px clamp(28px,5vw,75px) 65px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px}header h1{font:600 clamp(30px,3vw,42px) 'Playfair Display';margin:0}.avatar{background:#e9c65a;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-weight:600}.mobile-menu{display:none}.hero-grid{display:grid;grid-template-columns:2.25fr 1fr;gap:18px}.welcome-card{background:var(--cream);padding:40px 43px;min-height:260px}.welcome-card h2,.section-title h2,.page-lead h2,.training-head h2{font:600 clamp(27px,3vw,38px)/1.08 'Playfair Display';margin:0}.welcome-card>p:not(.eyebrow){color:#5e6665;max-width:360px;line-height:1.5;font-size:14px;margin:18px 0 25px}.streak-card{background:#efc95b;padding:31px;display:flex;flex-direction:column;justify-content:center}.sun{font-size:32px}.streak-card p{font-size:13px;margin:12px 0 2px}.streak-card strong{font:600 35px 'Playfair Display'}.streak-card small{font-size:11px;line-height:1.4;margin-top:8px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:49px 0 20px}.section-title h2{font-size:27px}.section-title>span{font:12px 'DM Mono';color:var(--muted)}.exercise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.exercise-card{text-align:left;position:relative;min-height:184px;padding:23px;color:var(--ink)}.exercise-card.gold{background:#f1d99a}.exercise-card.blue{background:#b9dde0}.exercise-card.coral{background:#efad92}.exercise-icon{font-size:24px}.exercise-card small{display:block;font:10px 'DM Mono';margin-top:15px}.exercise-card h3{font:600 23px/1.05 'Playfair Display';margin:7px 0}.exercise-card p{font-size:11px;color:#566164;margin:0}.exercise-card b{position:absolute;right:21px;bottom:18px;font-size:22px}.page-lead{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.page-lead h2,.training-head h2{font-size:38px}.page-lead p:not(.eyebrow),.training-head>p{color:var(--muted);font-size:14px}.round-progress{width:94px;height:94px;border-radius:50%;border:6px solid var(--yellow);display:flex;align-items:center;justify-content:center;gap:3px}.round-progress strong{font:600 27px 'Playfair Display'}.round-progress span{font-size:10px;line-height:1.2}.vocab-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:23px}.vocab-card{background:#fffdf8;border:1px solid var(--line);min-height:385px;padding:42px}.word-type{font:11px 'DM Mono';color:var(--orange);letter-spacing:.1em}.word-main{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.word-main h3{font:600 clamp(38px,5vw,60px) 'Playfair Display';margin:0}.sound-btn{width:48px;height:48px;border-radius:50%;background:var(--ink);color:white;font-size:18px}.translation{font-size:17px;margin:8px 0 34px}.example{border-left:3px solid var(--yellow);padding:7px 17px;color:#475357;font-size:15px;line-height:1.6}.example em{display:block;font-size:12px;color:var(--muted)}.vocab-actions{display:flex;gap:10px;margin-top:35px}.vocab-actions button{padding:11px 14px;border:1px solid var(--line);background:white;font-size:13px}.vocab-actions .known{background:#d9e9d7;border-color:#b8d0b4}.word-list{border-left:1px solid var(--line);padding-left:20px}.word-list .eyebrow{font-size:9px}.word-item{width:100%;background:none;text-align:left;padding:12px 2px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;color:var(--ink)}.word-item.active{color:var(--orange);font-weight:700}.word-item i{font-style:normal;color:#579163}.training-head{max-width:640px;margin-bottom:29px}.training-head>p{line-height:1.5}.dictation-box{max-width:700px;background:#fffdf8;border:1px solid var(--line);padding:36px}.dictation-meta{display:flex;justify-content:space-between;font:11px 'DM Mono';color:var(--muted);margin-bottom:28px}.listen-button{width:100%;padding:30px;background:#d8eced;color:var(--ink);font:600 21px 'Playfair Display';margin-bottom:28px}.listen-button span{margin-right:9px}.answer-label{font-size:13px}.feedback{min-height:20px;font-size:13px;margin:0 0 14px}.feedback.good{color:#31704b}.feedback.bad{color:#b84836}.training-actions{display:flex;align-items:center;gap:15px}.text-button{background:none;color:var(--ink);padding:7px}.shadow-card{display:grid;grid-template-columns:.9fr 1.1fr;max-width:870px;background:#fffdf8;border:1px solid var(--line)}.dialogue-visual{min-height:330px;background:#b9dde0;padding:42px;display:flex;flex-direction:column;justify-content:center}.sound-wave{font:600 35px 'DM Mono';letter-spacing:4px;color:#35717a}.dialogue-visual p{font-size:13px;margin:23px 0 7px}.dialogue-visual strong{font:600 27px 'Playfair Display'}.shadow-copy{padding:37px}.tag{font:10px 'DM Mono';background:#f1d99a;padding:5px 7px}.shadow-copy h3{font:600 28px 'Playfair Display';margin:21px 0 13px}.shadow-copy p{font-size:13px;line-height:1.45;color:#59676a;margin:8px 0}.shadow-actions{display:flex;gap:9px;margin-top:22px}.shadow-actions .button{font-size:12px;padding:10px;gap:5px}.how-it-works{max-width:870px;display:grid;grid-template-columns:24px 1fr 24px 1fr 24px 1fr;gap:10px;align-items:center;margin-top:21px;font-size:11px;color:var(--muted)}.how-it-works span{background:var(--ink);color:white;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font:11px 'DM Mono'}.how-it-works p{margin:0;line-height:1.5}.how-it-works b{color:var(--ink)}
@media(max-width:800px){.login-screen{grid-template-columns:1fr;padding:55px 25px;gap:42px}.login-copy h1{font-size:52px}.login-card{padding:29px;box-shadow:10px 10px 0 #e26d46}.sidebar{position:fixed;z-index:4;left:-245px;top:0;height:100%;transition:.25s}.sidebar.open{left:0}.content{padding:25px 20px 45px}.mobile-menu{display:block;background:none;font-size:23px;margin-right:12px}header{justify-content:flex-start;margin-bottom:32px}.avatar{margin-left:auto}.hero-grid,.exercise-grid,.vocab-layout,.shadow-card{grid-template-columns:1fr}.streak-card{min-height:150px}.welcome-card{padding:31px}.word-list{border-left:0;border-top:1px solid var(--line);padding:20px 0}.page-lead{align-items:start}.page-lead h2,.training-head h2{font-size:31px}.vocab-card,.dictation-box{padding:25px}.how-it-works{grid-template-columns:24px 1fr}.how-it-works p{margin-bottom:10px}.shadow-actions{flex-wrap:wrap}}

.teacher-lead{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.teacher-lead h2{font:600 38px 'Playfair Display';margin:0}.teacher-lead p{color:var(--muted);font-size:14px;max-width:560px;line-height:1.5}.status-pill{background:#eee8d9;padding:7px 10px;font:10px 'DM Mono';letter-spacing:.08em}.status-pill.published{background:#d9e9d7;color:#31704b}.editor-form{max-width:900px;display:grid;gap:16px}.editor-card{background:#fffdf8;border:1px solid var(--line);padding:28px}.editor-title{display:flex;gap:13px;margin-bottom:20px}.editor-title>span{background:var(--ink);color:#fff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font:11px 'DM Mono';flex:0 0 auto}.editor-title h3{font:600 25px 'Playfair Display';margin:0}.editor-title p{color:var(--muted);font-size:12px;margin:4px 0 0}.editor-card label{display:grid;gap:7px;font-size:12px;font-weight:600}.editor-card input,.editor-card textarea{border:1px solid #d7d7cf;background:white;border-radius:2px;padding:12px;outline-color:var(--orange);font:13px/1.5 'DM Sans'}.editor-card textarea{resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 2fr;gap:13px;margin-bottom:16px}.editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.publish-toggle{font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px}.publish-toggle input{accent-color:var(--orange);width:17px;height:17px}.editor-actions p{font-size:13px;margin:0;color:#31704b}@media(max-width:800px){.teacher-lead,.field-grid{display:grid;grid-template-columns:1fr}.teacher-lead h2{font-size:31px}.editor-card{padding:21px}}
.access-screen{min-height:100vh;background:#183b42;color:#fff;display:grid;place-content:center;padding:30px;text-align:center}.access-screen .brand-mark{margin:auto auto 25px}.access-screen h1{font:600 clamp(35px,5vw,62px)/1.05 'Playfair Display';max-width:700px;margin:0 auto 20px}.access-screen p:not(.eyebrow){max-width:540px;margin:0 auto;color:#d2e2df;line-height:1.6}.access-screen .eyebrow{color:#b9dad4}
.preview-toggle{margin-left:auto;margin-right:12px;background:#f1d99a;color:var(--ink);font:10px 'DM Mono';letter-spacing:.04em;padding:9px 10px;border-radius:2px}