.lg-shell{padding:46px 0 90px;background:#fbfcff;min-height:720px}
.lg-top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.lg-top h1{margin:6px 0 0;font-size:clamp(34px,5vw,50px);letter-spacing:-.05em;line-height:1.05}
.lg-top p{margin:7px 0 0;color:var(--le-muted);font-size:11px}
.lg-mode-tabs{display:flex;gap:5px;margin-top:24px;padding:5px;border:1px solid var(--le-line);border-radius:14px;background:#fff;width:max-content;max-width:100%}
.lg-mode-tabs a{padding:9px 14px;border-radius:9px;text-decoration:none;color:#697286;font-size:10px;font-weight:850}
.lg-mode-tabs a.active{background:var(--le-soft-blue);color:var(--le-blue)}
.lg-layout{display:grid;grid-template-columns:minmax(0,1.5fr) 260px;gap:16px;margin-top:18px}
.lg-lesson,.lg-side,.lg-question,.lg-result,.lg-test-notice,.lg-empty{border:1px solid var(--le-line);border-radius:20px;background:#fff}
.lg-lesson{padding:26px}.lg-side{padding:22px;height:max-content}
.lg-lesson-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--le-line)}
.lg-lesson-head span,.lg-side>span{color:var(--le-violet);font-size:9px;font-weight:900;letter-spacing:.1em}
.lg-lesson-head b{padding:5px 8px;border-radius:999px;background:#eaf9f0;color:#238353;font-size:8px}
.lg-lesson-content{padding:18px 0;color:#2f3a4d;font-size:14px;line-height:1.75}
.lg-lesson-content h2,.lg-lesson-content h3{color:#101528;letter-spacing:-.03em}
.lg-side>strong{display:block;margin-top:8px;font-size:36px;letter-spacing:-.05em}.lg-side>small{color:var(--le-muted);font-size:9px}.lg-side hr{margin:20px 0;border:0;border-top:1px solid var(--le-line)}.lg-side p{margin:0;color:var(--le-muted);font-size:9px}.lg-side b{display:block;margin-top:4px;font-size:11px}
.lg-primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 15px;border:0;border-radius:11px;background:#101528;color:#fff;text-decoration:none;font-size:10px;font-weight:900;cursor:pointer}
.lg-primary.ghost{background:#fff;color:#101528;border:1px solid var(--le-line)}
.lg-test-notice{display:flex;justify-content:space-between;gap:14px;margin-top:18px;padding:15px 18px;background:#fffaf0;border-color:#ffe4b5}.lg-test-notice strong{font-size:11px}.lg-test-notice span{color:#856b3c;font-size:10px}
.lg-result{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:20px}.lg-result.pass{border-color:#cfeada;background:#f8fffb}.lg-result.review{border-color:#ffe1c2;background:#fffcf7}.lg-result span{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--le-violet)}.lg-result h2{margin:3px 0 0;font-size:36px;letter-spacing:-.05em}.lg-result p{margin:2px 0 0;color:var(--le-muted);font-size:9px}
.lg-question-form{margin-top:18px}.lg-question{padding:22px;margin-top:12px}.lg-question:first-child{margin-top:0}.lg-question.correct{border-color:#cfeada}.lg-question.incorrect{border-color:#ffd5d5}
.lg-q-head{display:flex;justify-content:space-between;gap:10px}.lg-q-head span{color:var(--le-blue);font-size:10px;font-weight:950}.lg-q-head b{color:var(--le-violet);font-size:8px;letter-spacing:.08em}
.lg-instruction{margin:12px 0 0;color:#6e7689;font-size:10px;font-weight:750}.lg-question h3{margin:7px 0 0;font-size:16px;line-height:1.5}
.lg-options{display:grid;gap:8px;margin-top:16px}.lg-options label{display:block;cursor:pointer}.lg-options input{position:absolute;opacity:0;pointer-events:none}.lg-options span{display:grid;grid-template-columns:31px 1fr;gap:8px;align-items:center;padding:11px 12px;border:1px solid #e1e5ef;border-radius:11px;font-size:11px}.lg-options span b{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#f1f3f8}.lg-options input:checked+span{border-color:var(--le-blue);background:var(--le-soft-blue)}.lg-options input:checked+span b{background:var(--le-blue);color:#fff}
.lg-text-answer{display:block;margin-top:16px}.lg-text-answer>span{display:block;margin-bottom:6px;color:#687185;font-size:9px;font-weight:850}.lg-text-answer input{width:100%;min-height:45px;padding:0 12px;border:1px solid #dfe3ee;border-radius:11px;font-size:14px}
.lg-feedback{margin-top:14px;padding:12px 14px;border-radius:11px;background:#f7f8fb;font-size:10px}.lg-feedback strong{display:block}.lg-feedback p{margin:5px 0 0;color:#646d80;line-height:1.5}
.lg-submit-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:18px;border:1px solid var(--le-line);border-radius:16px;background:#fff}.lg-submit-bar strong,.lg-submit-bar span{display:block}.lg-submit-bar strong{font-size:11px}.lg-submit-bar span{margin-top:3px;color:var(--le-muted);font-size:9px}
.lg-empty{padding:44px;max-width:700px;margin:20px auto}.lg-empty h1{margin:8px 0 0;font-size:38px;letter-spacing:-.05em}.lg-empty p{color:var(--le-muted)}.lg-empty a{display:inline-flex;margin-top:15px;color:var(--le-blue);font-weight:850;text-decoration:none}
.lt-content-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(380px,.8fr);gap:16px}
.lt-library-block{margin-top:16px}.lt-library-block:first-child{margin-top:0}.lt-library-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--le-line)}.lt-library-title strong{font-size:11px}.lt-library-title span{color:var(--le-muted);font-size:9px}
.lt-content-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--le-line)}.lt-content-row:last-child{border-bottom:0}.lt-content-row>span:first-child{font-size:19px}.lt-content-row strong,.lt-content-row small{display:block}.lt-content-row strong{font-size:10px}.lt-content-row small{margin-top:2px;color:var(--le-muted);font-size:8px}.lt-content-row a{font-size:8px;font-weight:850;color:var(--le-blue);text-decoration:none}.lt-json-help{margin-top:12px;padding:13px;border-radius:12px;background:#f7f8fc;font-size:9px;line-height:1.6;color:#596276}.lt-json-help code{display:block;margin-top:7px;white-space:pre-wrap;color:#30394c}
.ls-skill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.ls-skill-card{padding:18px;border:1px solid var(--le-line);border-radius:16px;background:#fff}.ls-skill-card span{font-size:9px;font-weight:900;color:var(--le-violet);letter-spacing:.08em}.ls-skill-card strong{display:block;margin-top:7px;font-size:24px;letter-spacing:-.04em}.ls-skill-card small{display:block;margin-top:2px;color:var(--le-muted);font-size:8px}
@media(max-width:900px){.lg-layout,.lt-content-grid{grid-template-columns:1fr}.ls-skill-grid{grid-template-columns:1fr}}
@media(max-width:650px){.lg-top,.lg-result,.lg-submit-bar,.lg-test-notice{display:block}.lg-top .ls-ghost-btn,.lg-result .lg-primary,.lg-submit-bar .lg-primary{margin-top:12px}.lg-question{padding:17px}}

/* V3.3.3 · Public FREE / PREMIUM Grammar */
.lg-public-hero{padding:58px 0 48px;background:radial-gradient(circle at 85% 0%,rgba(123,97,255,.18),transparent 30%),#101528;color:#fff}.lg-public-hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.5fr);gap:35px;align-items:end}.lg-public-hero h1{margin:7px 0 0;font-size:clamp(36px,5vw,55px);line-height:1.02;letter-spacing:-.05em}.lg-public-hero h1 span{color:#a9b3ff}.lg-public-hero p{max-width:680px;margin:12px 0 0;color:#bdc6d8;font-size:12px;line-height:1.7}.lg-public-note{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.05)}.lg-public-note span,.lg-public-note strong{display:block}.lg-public-note span{color:#aeb9ff;font-size:8px;font-weight:900}.lg-public-note strong{margin-top:6px;font-size:13px}.lg-public-note p{margin-top:5px;font-size:9px}.lg-public-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.lg-public-toolbar h2{margin:0;font-size:28px}.lg-public-toolbar p{margin:4px 0 0;color:var(--le-muted);font-size:10px}.lg-free-pill{padding:7px 10px;border-radius:999px;background:#eaf9f0;color:#27724e;font-size:8px;font-weight:900}.lg-public-alert{margin-top:12px;padding:11px;border-radius:10px;background:#fff1f1;color:#ad3b3b;font-size:9px}.lg-public-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.lg-public-card{display:flex;flex-direction:column;padding:20px;border:1px solid var(--le-line);border-radius:18px;background:#fff}.lg-public-card-top{display:flex;justify-content:space-between;align-items:center}.lg-public-card-top>span{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f2efff;font-size:19px}.lg-public-card-top b{padding:5px 7px;border-radius:999px;font-size:7px}.lg-public-card-top b.free{background:#e8f8ef;color:#287650}.lg-public-card-top b.premium{background:#f3edff;color:#7652cc}.lg-public-level{margin-top:14px;color:var(--le-violet);font-size:8px;font-weight:900}.lg-public-card h3{margin:5px 0 0;font-size:18px}.lg-public-card p{margin:7px 0 0;color:var(--le-muted);font-size:9px;line-height:1.55}.lg-public-meta{display:flex;gap:10px;margin-top:12px;color:#667085;font-size:8px}.lg-public-score{display:flex;justify-content:space-between;margin-top:11px;padding:9px;border-radius:9px;background:#f7f8fb}.lg-public-score span{font-size:8px;color:var(--le-muted)}.lg-public-score strong{font-size:10px}.lg-public-card>.lg-primary{margin-top:auto;padding-top:0}.lg-public-conversion{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:21px;border:1px solid #dce2ff;border-radius:18px;background:#f5f7ff}.lg-public-conversion span{color:var(--le-violet);font-size:7px;font-weight:900}.lg-public-conversion h3{margin:4px 0 0;font-size:17px}.lg-public-conversion p{margin:5px 0 0;color:var(--le-muted);font-size:9px}.lg-public-conversion>div:last-child{display:flex;gap:7px}.lg-public-conversion .lg-primary,.lg-public-conversion .lg-secondary{margin:0}.lg-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid var(--le-line);border-radius:11px;background:#fff;color:#101528;text-decoration:none;font-size:9px;font-weight:900}.lg-access-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:20px;background:rgba(16,21,40,.62)}.lg-access-modal[hidden]{display:none}.lg-access-card{position:relative;width:min(430px,100%);padding:25px;border-radius:20px;background:#fff}.lg-access-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:9px;background:#f2f3f7;font-size:20px}.lg-access-card>span{color:var(--le-violet);font-size:7px;font-weight:900}.lg-access-card h2{margin:6px 0 0;font-size:24px}.lg-premium-message{margin-top:12px;padding:11px;border-radius:10px;background:#f7f2ff;color:#6849a8;font-size:8px}.lg-access-card form{margin-top:14px}.lg-access-card label{display:block;margin-top:10px}.lg-access-card label span{display:block;margin-bottom:5px;font-size:8px;font-weight:850}.lg-access-card input{width:100%;min-height:44px;padding:0 11px;border:1px solid #dfe3ee;border-radius:10px}.lg-access-card form button{width:100%;min-height:45px;margin-top:14px;border:0;border-radius:10px;background:#101528;color:#fff;font-weight:900}.lg-access-card>a{display:block;margin-top:12px;text-align:center;color:var(--le-violet);font-size:9px;font-weight:850}.lg-primary{cursor:pointer}
@media(max-width:900px){.lg-public-hero-grid{grid-template-columns:1fr}.lg-public-grid{grid-template-columns:1fr 1fr}.lg-public-conversion{display:block}.lg-public-conversion>div:last-child{margin-top:12px}}@media(max-width:650px){.lg-public-toolbar{display:block}.lg-free-pill{display:inline-block;margin-top:10px}.lg-public-grid{grid-template-columns:1fr}}


/* =========================================================
   V3.3.4 · Grammar public UI fix + compact lab header
   ========================================================= */
.lg-public-hero{
  padding:40px 0 32px;
  background:linear-gradient(180deg,#f7f8ff 0%,#fff 100%);
  border-bottom:1px solid var(--le-line);
  color:#101528;
}
.lg-public-hero-grid{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
}
.lg-public-hero .le-section-kicker{
  color:var(--le-blue);
}
.lg-public-hero h1{
  margin:8px 0 0;
  font-size:clamp(34px,4.2vw,48px);
  line-height:1.04;
  letter-spacing:-.045em;
  color:#101528;
}
.lg-public-hero h1 span{
  color:#101528;
}
.lg-public-hero p{
  max-width:680px;
  margin:9px 0 0;
  color:var(--le-muted);
  font-size:12px;
  line-height:1.65;
}
.lg-public-note{
  min-width:230px;
  padding:14px 16px;
  border:1px solid var(--le-line);
  border-radius:14px;
  background:#fff;
  color:#101528;
}
.lg-public-note span{
  color:var(--le-violet);
  font-size:7px;
  font-weight:900;
  letter-spacing:.1em;
}
.lg-public-note strong{
  margin-top:4px;
  font-size:10px;
}
.lg-public-note p{
  margin:3px 0 0;
  color:var(--le-muted);
  font-size:8px;
}
.lg-shell{
  padding-top:38px;
}
.lg-public-toolbar h2{
  font-size:26px;
  letter-spacing:-.035em;
}
.lg-public-grid{
  align-items:stretch;
}
.lg-public-card{
  min-height:275px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.lg-public-card:hover{
  transform:translateY(-2px);
  border-color:#d5dcff;
  box-shadow:0 14px 38px rgba(30,40,80,.07);
}
.lg-public-card h3{
  line-height:1.3;
}
.lg-public-meta{
  margin-bottom:15px;
}
.lg-public-card>.lg-primary{
  margin-top:auto;
}
@media(max-width:900px){
  .lg-public-hero-grid{display:block}
  .lg-public-note{margin-top:18px;max-width:420px}
}


/* V3.3.5 · Admin functional preview */
.lg-admin-preview-note{
  display:flex;
  align-items:center;
  gap:11px;
  margin-bottom:14px;
  padding:10px 13px;
  border:1px solid #d9dfff;
  border-radius:11px;
  background:#f5f7ff;
  color:#59627a;
  font-size:8px;
}
.lg-admin-preview-note strong{
  flex:0 0 auto;
  padding:4px 7px;
  border-radius:999px;
  background:#e8ebff;
  color:#5263d6;
  font-size:7px;
  letter-spacing:.08em;
}
@media(max-width:650px){
  .lg-admin-preview-note{display:block}
  .lg-admin-preview-note span{display:block;margin-top:7px}
}