.grammar-hero h1{max-width:1060px;margin:auto}.grammar-desk{display:grid;grid-template-columns:1.3fr .8fr;min-height:375px}.sentence-side{padding:40px 43px}.workbench-label{font-size:11px;color:#aaa2b8}.diagram-sentence{font-size:47px;line-height:1.6;letter-spacing:-.04em;margin:29px 0 33px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 13px}.diagram-sentence button{font:inherit;line-height:1.5;border:0;border-bottom:1px solid #494053;padding:0 0 5px;position:relative;transition:color .3s,transform .4s}.diagram-sentence button span{display:none}.diagram-sentence button[aria-pressed=true]{color:#c8adff;border-color:#ad85fb;transform:translateY(-4px)}.diagram-sentence button:after{content:'';position:absolute;left:50%;bottom:-9px;width:5px;height:5px;border:1px solid #ad85fb;transform:rotate(45deg);opacity:0;transition:opacity .3s}.diagram-sentence button[aria-pressed=true]:after{opacity:1}.desk-hint{font-size:12px;color:#aaa2b8}.sentence-roles{display:flex;gap:15px;border-top:1px solid #353039;padding-top:20px;margin-top:26px;font-size:11px;color:#b1a5c1;justify-content:space-between}.word-explanation{background:#211b2a;border-left:1px solid #342b3f;padding:29px 32px;display:flex;flex-direction:column}.word-explanation>span{font-size:10px;color:#baa7d5;letter-spacing:.04em}.word-mark{font-size:60px;font-weight:500;letter-spacing:-.1em;color:#b58be4;line-height:1.2;margin:16px 0}.word-explanation h2{font-size:27px;line-height:1.2;letter-spacing:-.03em}.word-explanation p{font-size:12px;color:#c0b3ce;line-height:1.85;margin-top:19px}.word-explanation b{color:#f1e8ff;font-weight:500}.grammar-status{padding:13px 24px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #342b3f;background:#18121e;color:#a99bb9;font-size:10px}.grammar-sheet{min-height:295px}.sheet-sentence{padding:28px 32px}.sheet-sentence>span{font-size:10px;color:#a299af}.sheet-sentence>p{font-size:40px;line-height:1.3;letter-spacing:-.04em;margin:27px 0;color:#ede8f4}.sheet-sentence mark{background:#38223f;color:#e8b4e7;border-bottom:1px dashed #cb8bc7}.sentence-rule{border-top:1px solid #39303d;display:flex;justify-content:space-between;padding-top:15px;font-size:10px;color:#a99bb9}.grammar-explainer{background:#2b203b}.word-equation{display:flex;gap:20px;align-items:center;font-size:35px;letter-spacing:-.04em}.word-equation b{color:#c6a8fb;font-weight:500}.grammar-correct{min-height:280px;background:#201d2d}.correct-symbol{font-size:29px;color:#ba9feb}.grammar-correct h3{font-size:35px;line-height:1.2;letter-spacing:-.04em;margin:10px 0 15px}.grammar-correct>p{font-size:12px;color:#bdb0cb}.pattern-examples{margin-top:24px;display:flex;flex-wrap:wrap;gap:7px}.pattern-examples span{font-size:10px;color:#d3bce8;padding:6px 9px;background:#36293e;border-radius:4px}.grammar-practice{max-width:1110px;padding:0 42px 145px;margin:auto}.practice-desk{display:grid;grid-template-columns:1.1fr 1fr;border-radius:13px;overflow:hidden;background:#17131d;border:1px solid #302838}.question-plate{padding:35px 37px;background:#1a1421}.eyebrow{font-size:11px;letter-spacing:.02em;color:#b8a3c9}.sample-sentence{font-size:43px;line-height:1.28;letter-spacing:-.04em;margin:30px 0}.sample-sentence em{font-style:normal;color:#c8a7f6}.question-line{font-size:13px;color:#d3c6df}.answers{margin-top:24px;display:flex;gap:8px}.answers button{min-height:48px;border:1px solid #50405f;border-radius:7px;padding:10px 15px;flex:1;text-align:left;display:flex;justify-content:space-between;gap:10px;font-size:14px;transition:background .2s}.answers button span{font-size:9px;color:#a48caf}.answers button:hover,.answers button[data-correct=true]{background:#48335e;border-color:#b18de3}.answers button[data-wrong=true]{background:#4c2c43;border-color:#bb7eaa}.answer-plate{padding:35px 37px;display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid #342b3d;min-height:417px}.answer-symbol{font-size:49px;line-height:1.2;color:#ad8acd;margin:18px 0 12px}.answer-plate h3{font-size:24px;line-height:1.35;margin-bottom:14px}.answer-plate p{font-size:13px;line-height:1.9;color:#b9abca}.text-link{display:inline-flex;align-items:center;gap:14px;color:#cfb1f5;font-size:11px;min-height:44px}.text-link b{font-weight:400;transition:transform .3s}.text-link:hover b{transform:translateX(5px)}.answer-plate .lesson-link{margin-top:auto;padding-top:17px}.reset-question{padding:5px 0 0;border:0}.reset-question[hidden]{display:none}.grammar-module summary{grid-template-columns:40px 1fr 100px 20px}.chapter-list{list-style:none;padding:0 20px 24px 54px;margin:0}.chapter-list li{display:grid;grid-template-columns:24px 1fr auto;gap:13px;align-items:baseline;padding:12px 0;border-top:1px solid #28212f;color:#b9adc5;font-size:12px}.chapter-list li>span{font-size:10px;color:#94829f}.chapter-list li a{min-height:24px}.chapter-list a:hover{color:#e1c9fa}.chapter-list em{font-size:10px;font-style:normal;color:#c5a0f0}.grammar-faq{max-width:1110px;padding:120px 42px 0;margin:auto}.faq-list details{border-top:1px solid #302638}.faq-list details:last-child{border-bottom:1px solid #302638}.faq-list summary{display:flex;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:22px 0;color:#d6ccdf;font-size:14px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#b295d2;font-size:19px;transition:transform .3s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:800px;padding:0 25px 25px 0;color:#a99ab6;font-size:13px;line-height:1.9}.word-pop{animation:word-pop .45s var(--ease)}@keyframes word-pop{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:800px){.grammar-desk{grid-template-columns:1fr 1fr;min-height:340px}.sentence-side{padding:29px 27px}.diagram-sentence{font-size:34px;gap:8px 10px;margin:25px 0}.word-explanation{padding:26px}.word-explanation h2{font-size:24px}.word-mark{font-size:49px;margin:13px 0}.grammar-status{flex-wrap:wrap;gap:8px 20px;font-size:9px}.sheet-sentence>p{font-size:35px}.grammar-practice{padding:0 40px 100px}.question-plate,.answer-plate{padding:27px}.sample-sentence{font-size:34px}.answers{gap:5px}.answers button{font-size:12px;padding:8px}.answers button span{display:none}.answer-plate h3{font-size:22px}.grammar-module summary{grid-template-columns:27px 1fr 80px 16px}.grammar-faq{padding:95px 40px 0}.grammar-correct h3{font-size:31px}.atlas-link{flex-wrap:wrap}}
@media(max-width:480px){.grammar-hero h1{font-size:41px}.grammar-hero .hero-subtitle{font-size:24px;max-width:290px;margin-inline:auto}.grammar-desk{display:block}.sentence-side{padding:25px 24px}.diagram-sentence{font-size:33px;line-height:1.5;margin:20px 0;gap:5px 9px}.workbench-label{font-size:10px}.desk-hint{font-size:11px}.sentence-roles{font-size:10px;margin-top:21px;padding-top:14px}.word-explanation{display:grid;grid-template-columns:42px 1fr;gap:9px 16px;padding:22px 24px;border-left:0;border-top:1px solid #342b3f}.word-explanation>span{grid-column:1/-1}.word-mark{grid-column:1;grid-row:2;font-size:35px;margin:5px 0}.word-explanation h2{grid-column:2;font-size:20px}.word-explanation h2 br{display:none}.word-explanation p{grid-column:1/-1;margin-top:3px;font-size:11px}.grammar-status{padding:12px 18px;font-size:9px;justify-content:flex-start;gap:8px 15px}.grammar-sheet{min-height:245px}.sheet-sentence{padding:22px}.sheet-sentence>p{font-size:33px;margin:23px 0}.sheet-sentence>span{font-size:9px}.word-equation{font-size:27px;gap:15px}.grammar-correct{min-height:250px}.grammar-correct h3{font-size:29px}.pattern-examples{margin-top:18px;gap:5px}.pattern-examples span{font-size:9px;padding:5px}.grammar-practice{padding:0 25px 95px}.practice-desk{grid-template-columns:1fr}.question-plate,.answer-plate{padding:27px}.sample-sentence{font-size:37px;margin:24px 0}.answers button{font-size:13px;min-height:47px}.answer-plate{border-left:0;border-top:1px solid #342b3d;min-height:342px}.answer-plate p{font-size:12px}.answer-plate h3{font-size:23px}.answer-symbol{font-size:42px}.grammar-module summary{grid-template-columns:24px 1fr auto 16px;gap:9px}.grammar-module summary strong{font-size:13px}.chapter-list{padding:0 0 20px 33px}.chapter-list li{font-size:11px;gap:7px;grid-template-columns:20px 1fr auto}.chapter-list li>span{font-size:9px}.chapter-list em{font-size:9px}.grammar-faq{padding:80px 25px 0}.faq-list summary{font-size:13px;line-height:1.6;padding:19px 0}.faq-list details p{font-size:12px}.hero .hero-note{font-size:9px}.hero-note span{padding:0 4px}}
@media(max-width:350px){.grammar-hero h1{font-size:34px}.grammar-hero .hero-subtitle{font-size:21px}.sentence-side,.word-explanation{padding-inline:20px}.diagram-sentence{font-size:29px}.grammar-module .sc-access-badge{display:none}.grammar-module summary{grid-template-columns:20px 1fr 15px}.chapter-list{padding-left:0}.sample-sentence{font-size:32px}.question-plate,.answer-plate{padding:23px}.answers button{font-size:12px}.grammar-status{font-size:8px}.hero .hero-note{max-width:245px;margin-inline:auto;line-height:1.9}}
html[data-motion=off] .word-pop{animation:none}@media(prefers-reduced-motion:reduce){.word-pop{animation:none}}