:root{--ink:#251820;--muted:#766873;--pink:#e768a2;--deep:#ad356e;--soft:#f9d7e6;--gold:#bd984d;--cream:#fff9f4;--line:#eadde3;--green:#e6f4df;--blue:#dff1ff;--purple:#eee4ff;--danger:#9c3847;--dark:#241721;--shadow:0 20px 55px rgba(63,25,48,.14)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left,rgba(231,104,162,.2),transparent 35%),linear-gradient(145deg,#fff7fb,#f4eee9);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.eyebrow{margin:0;color:var(--deep);font-size:.72rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.primary,.secondary,.text{border:0;border-radius:13px;padding:12px 17px;font-weight:850}.primary{color:#fff;background:linear-gradient(135deg,var(--pink),var(--deep));box-shadow:0 10px 24px rgba(173,53,110,.25)}.secondary{color:var(--deep);background:var(--soft)}.text{color:var(--deep);background:transparent}.full{width:100%}input,textarea,select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;outline:none}textarea{min-height:150px;resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{border-color:var(--pink);box-shadow:0 0 0 4px var(--soft)}
.welcome{display:grid;min-height:100vh;place-items:center;padding:28px}.welcome-card{width:min(730px,100%);padding:clamp(30px,6vw,60px);border:1px solid rgba(189,152,77,.3);border-radius:30px;background:rgba(255,255,255,.97);box-shadow:var(--shadow);text-align:center}.lexi{display:block;width:150px;max-width:44%;margin:0 auto 18px}.welcome h1{margin:8px 0 10px;font-family:Georgia,serif;font-size:clamp(2.4rem,6vw,4.2rem)}.tagline{color:var(--muted);font-size:1.1rem;margin:0 0 24px}.welcome label{display:block;width:min(390px,100%);margin:0 auto 7px;text-align:left;font-weight:800}.welcome input{display:block;width:min(390px,100%);margin:0 auto 16px}.welcome small{display:block;max-width:570px;margin:18px auto 0;color:var(--muted);line-height:1.5}
.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:24px 18px;color:#fff;background:linear-gradient(180deg,#20161e,#48263b);overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 7px 20px}.brand>span{display:grid;width:48px;height:48px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#f8d7e7,#d8b36a);font-size:1.4rem}.brand h2{margin:2px 0;font-family:Georgia,serif;font-size:1.2rem}.brand .eyebrow{color:#efa3c7}nav{display:grid;gap:5px}.nav{width:100%;padding:11px 12px;border:0;border-radius:12px;color:rgba(255,255,255,.78);background:transparent;text-align:left;font-weight:750}.nav:hover,.nav.active{color:#fff;background:rgba(255,255,255,.12)}.side-footer{display:grid;gap:5px;margin-top:auto;padding-top:18px}.side-footer .text{color:#efb4d0}.main-shell{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px clamp(22px,4vw,48px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.8);backdrop-filter:blur(12px)}.topbar h1{margin:3px 0;font-family:Georgia,serif;font-size:clamp(1.55rem,3vw,2.35rem)}.stats{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stats span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:.82rem}.menu{display:none;border:0;background:transparent;font-size:1.6rem}#content{width:min(1180px,100%);margin:0 auto;padding:clamp(24px,4vw,48px)}footer{padding:20px 30px 35px;color:var(--muted);font-size:.75rem;text-align:center}
.hero,.card,.question,.lesson,.exam,.prof{border:1px solid rgba(189,152,77,.23);border-radius:23px;background:rgba(255,255,255,.97);box-shadow:0 13px 38px rgba(63,25,48,.09)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;padding:clamp(25px,4vw,42px);color:#fff;background:linear-gradient(140deg,#2b1a25,#652c4a)}.hero h2{margin:8px 0 12px;font-family:Georgia,serif;font-size:clamp(2rem,4vw,3.3rem)}.hero p{color:rgba(255,255,255,.78);line-height:1.65}.hero .eyebrow{color:#ef9fc5}.hero-note{align-self:center;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.08)}.hero-note strong{display:block;margin-bottom:8px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.grid{display:grid;gap:15px}.stats-grid{grid-template-columns:repeat(4,1fr);margin-top:22px}.mode-grid{grid-template-columns:repeat(3,1fr)}.unit-grid{grid-template-columns:repeat(4,1fr)}.case-grid,.lab-grid{grid-template-columns:repeat(3,1fr)}.stat-card,.mode-card,.unit-card,.case-card,.lab-card,.achievement,.metric{padding:19px;border:1px solid var(--line);border-radius:18px;background:#fff}.big{display:block;margin:8px 0 3px;font-family:Georgia,serif;font-size:2rem;font-weight:850}.stat-card p,.mode-card p,.unit-card p,.case-card p,.lab-card p,.metric p{margin:6px 0;color:var(--muted);font-size:.86rem;line-height:1.5}.mode-card,.unit-card,.case-card,.lab-card{display:flex;flex-direction:column;min-height:215px}.icon{display:grid;width:47px;height:47px;place-items:center;border-radius:14px;background:var(--soft);font-size:1.4rem}.mode-card h3,.unit-card h3,.case-card h3,.lab-card h3{margin:13px 0 4px;font-family:Georgia,serif;font-size:1.32rem}.mode-card button,.unit-card button,.case-card button,.lab-card button{margin-top:auto;align-self:flex-start}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:34px 0 16px}.section-head h2,.section-head h3{margin:4px 0;font-family:Georgia,serif}.card,.lesson,.exam,.prof{padding:clamp(22px,4vw,38px)}.lesson h2,.exam h2,.prof h2,.question h2{margin:7px 0 12px;font-family:Georgia,serif;font-size:clamp(1.8rem,4vw,2.7rem)}.chips{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.chip{padding:6px 9px;border-radius:999px;color:var(--deep);background:var(--soft);font-size:.76rem;font-weight:850}.lesson-grid,.setup-grid,.prof-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lesson-box{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--cream)}.lesson-box h3{margin-top:0;font-family:Georgia,serif}.lesson-box ol{line-height:1.65}.language{padding:12px;border-left:4px solid var(--gold);border-radius:10px;background:#fff;line-height:1.55;margin-top:9px}.form{margin-bottom:16px}.form label{display:block;margin-bottom:6px;font-weight:800}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--cream)}.check input{width:auto}
.question{max-width:900px;margin:0 auto;padding:clamp(24px,4vw,42px)}.qmeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.progress{height:9px;margin:14px 0 22px;border-radius:999px;background:var(--line);overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--gold))}.fact{padding:17px;border-left:5px solid var(--gold);border-radius:13px;background:var(--cream);line-height:1.7}.options{display:grid;gap:10px;margin-top:18px}.option{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:left}.option.selected{border-color:var(--pink);background:var(--soft)}.option.correct{border-color:#28704f;background:#e8f5ed}.option.wrong{border-color:var(--danger);background:#fbe9ec}.feedback{margin-top:18px;padding:17px;border-radius:14px;line-height:1.62}.feedback.good{color:#20583f;background:#e8f5ed}.feedback.bad{color:#74313c;background:#fbe9ec}.rule{display:inline-block;margin-top:8px;font-weight:850}.results{max-width:850px;margin:0 auto;padding:34px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow);text-align:center}.score{display:grid;width:145px;height:145px;margin:20px auto;place-items:center;border:12px solid var(--soft);border-top-color:var(--pink);border-right-color:var(--gold);border-radius:50%;font-family:Georgia,serif;font-size:1.8rem;font-weight:900}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:22px 0}.result-grid div{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--cream)}.result-grid span{display:block;color:var(--muted);font-size:.76rem}.timeline-list,.casebook-list,.custom-list,.bars{display:grid;gap:12px}.timeline-item,.casebook-entry,.custom-item{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.timeline-item{display:flex;gap:12px;align-items:flex-start}.number{display:grid;flex:0 0 31px;width:31px;height:31px;place-items:center;border-radius:50%;color:#fff;background:var(--dark);font-weight:900}.casebook-entry summary{cursor:pointer;font-family:Georgia,serif;font-size:1.2rem;font-weight:800}.casebook-body{padding-top:12px;line-height:1.65}.lab-space{margin-top:20px;padding:25px;border:1px solid var(--line);border-radius:20px;background:#fff}.sequence{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--cream);margin:9px 0}.sequence button{margin-left:auto}.exam-facts{padding:18px;border-left:5px solid #8662b5;border-radius:14px;background:var(--purple);line-height:1.7}.exam textarea{min-height:340px;margin-top:18px}.rubric{display:grid;gap:9px;padding:0;list-style:none}.rubric li{display:flex;gap:10px;padding:11px 12px;border-radius:11px}.rubric .pass{color:#20583f;background:#e8f5ed}.rubric .fail{color:#74313c;background:#fbe9ec}.model{margin-top:18px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--cream)}.prof-grid{align-items:start}.custom-item{background:var(--cream)}.bar-row{display:grid;grid-template-columns:minmax(150px,.8fr) 2fr 55px;align-items:center;gap:10px}.bar-track{height:10px;background:var(--line);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--gold))}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:.83rem}.empty{padding:30px;border:1px dashed var(--line);border-radius:17px;color:var(--muted);text-align:center}
@media(max-width:1050px){.app{grid-template-columns:235px 1fr}.stats-grid,.unit-grid{grid-template-columns:repeat(2,1fr)}.mode-grid,.case-grid,.lab-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.app{display:block}.sidebar{position:fixed;z-index:30;left:-290px;width:280px;transition:left .2s}.sidebar.open{left:0}.menu{display:block}.stats{display:none}.hero,.lesson-grid,.setup-grid,.prof-grid{grid-template-columns:1fr}}@media(max-width:620px){#content{padding:20px 14px 35px}.topbar{padding:18px 15px}.stats-grid,.mode-grid,.unit-grid,.case-grid,.lab-grid,.checks,.result-grid{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.bar-row{grid-template-columns:1fr}.table{display:block;overflow-x:auto}.lexi{width:115px}}