:root{--ink:#26231f;--muted:#6e685f;--cream:#fff8eb;--paper:#fffdfa;--gold:#d5a32d;--gold-dark:#956915;--teal:#0d766f;--line:#e8dfcf;--shadow:0 16px 44px rgba(54,43,23,.1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--cream)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#fff0c4 0,transparent 28rem),var(--cream);line-height:1.55}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}.site-header{max-width:1320px;margin:18px auto;min-height:82px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(255,253,250,.92);border:1px solid var(--line);border-radius:25px;box-shadow:var(--shadow);position:sticky;top:10px;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}.brand .mark{display:grid;place-items:center;width:53px;height:53px;border-radius:17px;color:white;font-weight:900;background:linear-gradient(145deg,var(--teal),#4bbcb1)}.brand strong{font:800 1.22rem Georgia,serif;display:block}.brand small{display:block;color:var(--muted);font-weight:700}.site-header nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.site-header nav a,.site-header nav button{border:0;background:transparent;text-decoration:none;padding:10px 12px;font-weight:750;cursor:pointer;border-radius:999px}.site-header nav a:hover,.site-header nav button:hover{background:#f2ede4}.site-header .account{background:var(--ink);color:white}.languages{display:flex;border:1px solid var(--line);border-radius:999px;padding:4px;gap:2px}.languages>*{padding:6px 10px;border-radius:999px}.languages b{background:var(--gold);color:white}main{max-width:1180px;margin:auto;padding:44px 24px 80px}.hero{display:grid;grid-template-columns:1.45fr .8fr;gap:46px;align-items:center;min-height:470px}.eyebrow{font-size:.79rem;letter-spacing:.14em;font-weight:900;color:var(--gold-dark);margin:0 0 11px;text-transform:uppercase}.hero h1,.section-head h2{font:800 clamp(2.6rem,7vw,5.7rem)/.96 Georgia,serif;margin:0}.hero h1 em{color:var(--teal);font-style:normal}.hero>div>p:not(.eyebrow){max-width:630px;font-size:1.18rem;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.primary,.secondary,.quiet{border:0;border-radius:999px;padding:13px 19px;font-weight:850;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--ink);color:white}.secondary{background:var(--paper);border:1px solid var(--line)}.quiet{background:#f1ede5;color:var(--ink)}.hero aside{background:var(--teal);color:white;padding:34px;border-radius:35px;box-shadow:var(--shadow);transform:rotate(2deg)}.hero aside span{font-weight:800;opacity:.72}.hero aside p{font:700 2rem/1.2 Georgia,serif}.progress-card{background:var(--paper);border:1px solid var(--line);border-radius:25px;display:grid;grid-template-columns:180px 180px 1fr;gap:18px;padding:25px;margin:22px 0 70px;box-shadow:var(--shadow)}.progress-card div{border-right:1px solid var(--line)}.progress-card small{display:block;color:var(--muted);font-weight:800}.progress-card strong{font-size:1.25rem}.progress-card p{margin:0;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.section-head h2{font-size:clamp(2.1rem,5vw,3.6rem)}label{display:grid;gap:7px;font-weight:800}select,input,textarea{width:100%;border:1px solid #d9d1c5;background:white;border-radius:14px;padding:12px 14px;color:var(--ink)}textarea{resize:vertical}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.lesson-card{text-align:left;border:1px solid var(--line);background:var(--paper);padding:25px;border-radius:23px;min-height:235px;cursor:pointer;box-shadow:0 8px 25px rgba(40,31,16,.055);transition:.2s transform,.2s box-shadow}.lesson-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.lesson-card>span{font-size:2rem}.lesson-card small{display:block;color:var(--teal);font-weight:850;margin-top:17px}.lesson-card h3{font:800 1.5rem Georgia,serif;margin:7px 0}.lesson-card p{color:var(--muted)}.lesson-card b{color:var(--gold-dark)}footer{max-width:1320px;margin:0 auto 25px;padding:32px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:26px;color:var(--muted)}footer img{width:min(330px,100%);filter:contrast(1.15)}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}footer nav a,footer nav button{border:0;background:none;text-align:left;color:var(--ink);cursor:pointer;font-weight:750;text-decoration:none;padding:3px}footer>small{grid-column:1/-1}dialog{width:min(680px,calc(100% - 26px));max-height:90vh;overflow:auto;border:0;border-radius:28px;padding:26px;background:var(--paper);box-shadow:0 30px 100px rgba(0,0,0,.3)}dialog::backdrop{background:rgba(30,25,20,.55);backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.dialog-head h2{font:800 2rem Georgia,serif;margin:0}.dialog-head>button{border:0;background:#eee7db;width:38px;height:38px;border-radius:50%;font-size:1.5rem;cursor:pointer}.prompt-card{background:#eff9f7;border-radius:18px;padding:18px;margin:20px 0}.prompt-card>button:first-child{float:right;border:0;background:white;border-radius:50%;width:42px;height:42px}.prompt-card p{font:700 1.35rem Georgia,serif}.text-button,.voice-inline{border:0;background:none;color:var(--teal);font-weight:850;cursor:pointer}.voice-inline{padding:4px 7px;border-radius:9px;background:#e6f5f2}.prompt-card small{display:block;color:var(--muted);margin-top:8px}.word{display:grid;grid-template-columns:1fr 1fr auto;width:100%;gap:10px;border:1px solid var(--line);background:white;padding:12px;margin:8px 0;border-radius:13px;text-align:left;cursor:pointer}.word span,.word small{color:var(--muted)}#correction{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}#reviewList article{display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--line)}#reviewList article button{border:0;background:#eff9f7;border-radius:50%;width:40px;height:40px}#feedbackForm{display:grid;gap:16px}.admin-main{max-width:1150px;margin:auto;padding:35px 24px 80px}.admin-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-grid{display:grid;grid-template-columns:390px 1fr;gap:22px}.panel{border:1px solid var(--line);background:var(--paper);border-radius:22px;padding:22px;box-shadow:var(--shadow)}.lesson-form{display:grid;gap:13px}.lesson-admin-list{display:grid;gap:12px}.admin-row{border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:12px}.admin-row h3{margin:0}.admin-row p{grid-column:1/-1;margin:0;color:var(--muted)}.actions{display:flex;gap:7px}.danger{border:0;background:#fff0ed;color:#9b2c19;border-radius:999px;padding:9px 13px;font-weight:800}.status{min-height:1.5em;color:var(--teal);font-weight:750}
@media(max-width:900px){.site-header{position:static;margin:0;border-radius:0;display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:11px 14px}.site-header nav{width:100%;display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:0 0 2px}.site-header nav::-webkit-scrollbar{display:none}.site-header nav>a,.site-header nav>button{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;padding:9px 12px;border:1px solid var(--line);background:#fff}.site-header nav>.account{background:var(--ink);color:#fff}.site-header .languages{flex:0 0 auto}.hero{grid-template-columns:1fr;min-height:auto;padding-top:20px}.hero aside{transform:none}.progress-card{grid-template-columns:1fr 1fr}.progress-card p{grid-column:1/-1}.lesson-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}}
@media(max-width:520px){main{padding:25px 15px 60px}.hero h1{font-size:3.15rem}.progress-card{grid-template-columns:1fr}.progress-card div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:10px}.lesson-card{min-height:0}footer{padding:24px 18px}footer nav{grid-template-columns:1fr}.word{grid-template-columns:1fr 1fr}.word small{grid-column:1/-1}}