.grammar-hub{--grammar-edge:#ffffffd9;--grammar-glass:linear-gradient(135deg,#ffffffa8,#ffffff44 65%,#eef5e43d);--grammar-shadow:0 15px 40px #34502b0c,inset 0 1px 1px #fff,inset 1px 0 1px #ffffff80;--grammar-gold:#a1894d;color:var(--ink)}.grammar-hub .glass-panel{border-color:var(--grammar-edge);box-shadow:var(--grammar-shadow);background:var(--grammar-glass)}.grammar-hero{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:310px;padding:40px 45px;border-radius:28px;overflow:hidden;background:radial-gradient(ellipse at 90% 80%,#e6d7b245,transparent 60%),var(--grammar-glass)!important}.grammar-hero .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:18px}.grammar-hero h2{font-size:43px;line-height:1.25;letter-spacing:-1.8px}.grammar-hero h2>span{color:var(--green)}.grammar-hero>div:first-child>p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:18px}.grammar-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.grammar-hero-tags>span{display:flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #ffffffb3;background:#ffffff52;border-radius:18px;color:var(--green);font-size:9px}.grammar-hero-art{position:relative;width:360px;flex:0 0 360px;height:240px}.grammar-orbit{position:absolute;inset:0 20px;border:1px solid #8fa97830;border-radius:50%;transform:rotate(-25deg)}.grammar-orbit:before{content:"";position:absolute;inset:20px -25px;border:1px solid #8fa97820;border-radius:50%;transform:rotate(45deg)}.grammar-art-symbol{position:absolute;right:35px;top:-12px;font:150px "Noto Serif JP",serif;color:#a2b68b2b;text-shadow:1px 2px 0 #fff8;transform:rotate(9deg)}.grammar-art-note{position:absolute;left:0;top:66px;width:305px;padding:22px 25px 20px;background:linear-gradient(140deg,#ffffffd6,#f7f9ec75);border:1px solid #fff;border-radius:19px;transform:rotate(-7deg);box-shadow:0 18px 30px #4f673516,inset 0 1px 1px #fff;backdrop-filter:blur(20px)}.grammar-art-note>small{font-size:6px;letter-spacing:1.1px;color:#9ba88b}.grammar-art-note>strong{display:flex;gap:15px;align-items:center;font:31px "Noto Serif JP",serif;color:#3e7052;margin:15px 0}.grammar-art-note>strong>svg{color:#a8b68c}.grammar-art-note>span{font-size:9px;color:#8a9b7b}.grammar-art-chip{position:absolute;bottom:6px;right:0;padding:10px 15px;border-radius:12px;border:1px solid #ffffffd9;background:#e9ddbd91;color:#9d8650;font:12px "Noto Serif JP",serif;letter-spacing:2px;transform:rotate(7deg);box-shadow:0 7px 20px #6f75330c}.grammar-art-spark{position:absolute;top:8px;left:25px;color:#a6b383}.grammar-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:27px 0 35px}.grammar-paths>button{position:relative;text-align:left;padding:20px 16px;display:flex;gap:11px;align-items:center;border-radius:18px;transition:transform .2s,border-color .2s}.grammar-paths>button:hover{transform:translateY(-3px)}.grammar-path-icon{height:43px;width:40px;flex:0 0 40px;display:grid;place-items:center;border:1px solid #ffffffe6;border-radius:13px;background:linear-gradient(135deg,#e8eddbad,#d9e4c954);color:#7a9266;box-shadow:inset 0 1px 0 #fff;transform:rotate(-5deg)}.grammar-paths>button>span:nth-child(2){min-width:0}.grammar-paths strong{display:block;font-size:12px;font-weight:600;line-height:1.6;letter-spacing:-.2px}.grammar-paths small{display:block;font-size:8px;line-height:1.8;color:var(--muted);margin-top:4px}.grammar-path-index{position:absolute;right:11px;top:10px;color:#98ac85;font-size:8px}.grammar-paths>button.selected{border-color:#83a471a3;background:linear-gradient(135deg,#e4f0d9ba,#dcebd49c);box-shadow:0 7px 20px #4a6c3210,inset 0 1px 1px #fff}.grammar-paths .selected .grammar-path-icon{color:white;background:linear-gradient(135deg,#699368,#397055);border-color:#a3bd8f99}.grammar-paths .selected .grammar-path-index{background:#4b7855;color:#fff;display:grid;place-items:center;width:17px;height:17px;border-radius:50%}.grammar-list-toolbar,.grammar-section-title{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.grammar-list-toolbar .eyebrow,.grammar-section-title .eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:8px}.grammar-section-title h3{font-size:27px;line-height:1.4;letter-spacing:-1px}.grammar-section-title p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:9px}.grammar-section-title>svg{color:#9bae84}.grammar-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border-radius:18px;background:#ffffff57;border:1px solid #ffffffb8;color:var(--green);font-size:9px;white-space:nowrap;box-shadow:inset 0 1px 0 #fff9}.grammar-books{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-bottom:34px}.grammar-books>button{padding:9px;text-align:left;border-radius:20px;transition:transform .25s,border-color .25s}.grammar-books>button:hover{transform:translateY(-4px)}.grammar-books>button.selected{border-color:#7d9e6ca6;box-shadow:0 8px 23px #43643712,inset 0 1px 1px #fff}.grammar-book-stage{position:relative;display:flex;align-items:center;justify-content:center;padding:27px 15px 22px;height:202px;background:radial-gradient(ellipse at 30% 20%,#ffffffa8,transparent 70%),#e2e9d952;border-radius:13px;overflow:hidden}.grammar-book-stage>span{position:absolute;top:10px;left:10px;font-size:9px;border:1px solid #fff;border-radius:6px;padding:2px 6px;color:var(--green);background:#ffffff9c}.grammar-book-stage>img{height:100%;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;box-shadow:3px 4px 1px #ffffff99,8px 12px 15px #2e493926;transform:rotate(-5deg);border-radius:2px 4px 4px 2px;transition:transform .3s}.grammar-books>button:nth-child(2n) img{transform:rotate(5deg)}.grammar-books>button.selected img{transform:rotate(0)}.grammar-books>button>div:last-child{padding:15px 7px 6px}.grammar-books small{display:block;font-size:6px;letter-spacing:1px;color:var(--muted)}.grammar-books strong{display:block;font-size:14px;font-weight:500;margin-top:5px}.grammar-books>button>div:last-child>span{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:9px;color:var(--green);border-top:1px solid var(--line);padding-top:10px;margin-top:14px}.grammar-levels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:32px}.grammar-levels>button{padding:19px 22px;text-align:left;border:1px solid var(--grammar-edge);border-radius:18px;background:var(--grammar-glass);box-shadow:var(--grammar-shadow);transition:transform .2s}.grammar-levels>button:hover{transform:translateY(-3px)}.grammar-levels small{display:block;font-size:8px;color:var(--muted)}.grammar-levels strong{font-size:34px;line-height:1.4;display:block;font-weight:500;color:var(--green);margin:12px 0 5px;letter-spacing:-1px}.grammar-levels span{font-size:10px;color:var(--muted)}.grammar-levels .selected{background:linear-gradient(135deg,#dceaccb3,#e4efda78);border-color:#7e9d7294}.grammar-list-toolbar{margin:33px 0 22px;align-items:flex-end}.grammar-list-toolbar h3{font-size:23px;letter-spacing:-.7px}.grammar-list-toolbar p{font-size:10px;color:var(--muted);margin-top:7px}.grammar-search{display:flex;align-items:center;gap:9px;padding:10px 14px;background:#ffffff65;border:1px solid var(--grammar-edge);border-radius:13px;min-width:250px;color:#92a181;box-shadow:inset 0 1px 1px white}.grammar-search input{width:100%;min-width:0;background:none;border:0;outline:0;font-size:11px;color:var(--ink)}.grammar-search input::-moz-placeholder{color:#9da98f}.grammar-search input::placeholder{color:#9da98f}.grammar-search button{font-size:19px;padding:0 2px;line-height:1}.grammar-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.grammar-lesson-card{display:flex;flex-direction:column;padding:23px;text-align:left;border-radius:20px;min-height:225px;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.grammar-lesson-card:hover{transform:translateY(-4px);border-color:#96b081;box-shadow:0 15px 28px #44653315,inset 0 1px 1px #fff}.grammar-lesson-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8a9d7d;margin-bottom:19px;font-size:9px}.grammar-lesson-card-top>span:first-child{font-variant-numeric:tabular-nums;letter-spacing:1.2px;font-size:11px}.grammar-complete{display:flex;align-items:center;gap:5px;font-size:8px;color:var(--green)}.grammar-lesson-card h4{font-size:16px;line-height:1.6;font-weight:600;letter-spacing:-.4px;margin:0}.grammar-lesson-card>p{font-size:11px;color:var(--muted);line-height:1.8;margin-top:8px}.grammar-pattern-chips{display:flex;flex-wrap:wrap;gap:5px;margin:16px 0 21px}.grammar-pattern-chips>span{border:1px solid #a4b99430;border-radius:6px;padding:3px 7px;background:#e4edda45;font-size:9px;line-height:1.7;max-width:100%;overflow-wrap:anywhere;color:#7e956a}.grammar-lesson-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:13px;border-top:1px solid var(--line);font-size:9px;color:var(--green);margin-top:auto}.grammar-lesson-card.passed{background:linear-gradient(135deg,#edf7e2b3,#deebcf70);border-color:#a4c08b7d}.grammar-editorial-note{display:flex;align-items:flex-start;gap:9px;margin-top:25px;padding:16px 18px;border:1px solid var(--line);border-radius:13px;font-size:10px;line-height:1.9;color:var(--muted)}.grammar-editorial-note>svg{margin-top:3px;color:#a2ad7d}.grammar-no-results{padding:35px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.grammar-no-results h3{font-size:20px}.grammar-no-results>svg{color:#9aaf84}.grammar-bottom-line{text-align:center;border-top:1px solid var(--line);padding-top:25px;margin-top:34px}.grammar-bottom-line>span{font:12px "Noto Serif JP",serif;letter-spacing:2px;color:#98ac83}.grammar-bottom-line p{font-size:10px;color:var(--muted);margin-top:8px}.grammar-conjugation-lab{display:grid;grid-template-columns:1fr 1.1fr;border-radius:24px;overflow:hidden}.grammar-lab-settings{padding:30px 34px;background:linear-gradient(135deg,#e2ead759,#e4edd129)}.grammar-lab-settings>.eyebrow{display:flex;align-items:center;gap:7px;font-size:7px}.grammar-lab-settings h3{font-size:25px;line-height:1.45;letter-spacing:-.8px;margin-bottom:24px}.grammar-lab-settings label{display:block;font-size:10px;color:var(--muted);margin-top:17px}.grammar-lab-settings select{display:block;width:100%;padding:11px 12px;background:#ffffff8c;border:1px solid #fff;border-radius:11px;color:var(--ink);font-size:12px;margin-top:7px;box-shadow:inset 0 1px 1px #fff}.grammar-lab-settings option{background:var(--solid)}.grammar-lab-result{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:28px 30px;text-align:center;background:radial-gradient(ellipse at 80% 0,#eee1af3b,transparent 65%)}.grammar-lab-result>.grammar-pill{font-size:8px;letter-spacing:.5px}.grammar-lab-transformation{display:flex;flex-direction:column;align-items:center;margin:20px 0 6px;gap:9px}.grammar-lab-transformation>span{font:23px "Noto Serif JP",serif;color:#8b9e80}.grammar-lab-transformation>svg{color:#bcc6aa}.grammar-lab-transformation>strong{font:40px "Noto Serif JP",serif;color:var(--green);line-height:1.6;overflow-wrap:anywhere}.grammar-lab-transformation>small{font:12px Noto Sans JP,sans-serif;color:var(--muted)}.grammar-lab-result>.text-button{font-size:10px}.grammar-lab-result>p{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:15px;max-width:370px}.grammar-lab-result>p>svg{color:#aaab7d}.grammar-lab-footnote{font-size:8px;line-height:1.8;color:#a1ad93;margin-top:12px}.grammar-number-intro{display:flex;align-items:center;gap:40px;padding:34px 40px;border-radius:24px}.grammar-number-mark{font-size:62px;font-weight:500;letter-spacing:-4px;line-height:1.4;color:#b49b5d;flex-shrink:0;background:linear-gradient(135deg,#f8edcb8c,#e8e4bb59);border:1px solid #fff;border-radius:23px;padding:20px 25px;transform:rotate(-5deg);box-shadow:0 10px 18px #676a310c,inset 0 1px 1px #fff}.grammar-number-mark>span{display:block;font:9px Noto Sans JP,sans-serif;letter-spacing:2px;text-align:center;color:#b09d6f}.grammar-number-intro h3{font-size:25px;line-height:1.5}.grammar-number-intro p{font-size:12px;line-height:1.9;color:var(--muted);margin-top:10px;max-width:500px}.grammar-number-intro>div>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.grammar-number-intro button{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #ffffffd6;border-radius:11px;background:#ffffff73;color:var(--green);box-shadow:inset 0 1px 0 #fff}.grammar-number-intro button>strong{font:17px "Noto Serif JP",serif}.grammar-number-intro button>span{font-size:9px;color:var(--muted)}.grammar-reading .grammar-paths{max-width:950px;margin:0 0 24px;gap:9px}.grammar-reading .grammar-paths>button{padding:12px;gap:9px;border-radius:14px}.grammar-reading .grammar-path-icon{width:29px;flex-basis:29px;height:31px;border-radius:9px}.grammar-reading .grammar-path-icon>svg{width:16px}.grammar-reading .grammar-paths strong{font-size:10px}.grammar-reading .grammar-path-index,.grammar-reading .grammar-paths small{display:none}.grammar-reader{scroll-margin-top:12px}.grammar-reader-bar{position:sticky;top:var(--learning-sticky-offset);z-index:30;display:flex;align-items:center;gap:18px;padding:12px 16px;border-radius:17px!important;background:linear-gradient(130deg,#f7faf0f0,#edf5e4e8)!important;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);margin-bottom:30px;box-shadow:0 10px 25px #35523614,inset 0 1px 1px white!important}.grammar-reader-back{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);border-right:1px solid var(--line);padding:7px 16px 7px 0;flex-shrink:0}.grammar-reader-bar>div{min-width:0;flex:1}.grammar-reader-bar small{font-size:6px;letter-spacing:1.1px;color:#92a17f;display:block}.grammar-reader-bar strong{font-size:12px;font-weight:500;line-height:1.7;display:block;margin-top:2px}.grammar-jump-test{display:flex;align-items:center;gap:7px;font-size:10px;padding:9px 11px;border:1px solid #fff;border-radius:11px;background:#ffffff7a;color:var(--green);white-space:nowrap}.grammar-reader-layout{display:grid;gap:27px}.grammar-reading-main{min-width:0}.grammar-lesson-heading{padding:3px 3px 26px}.grammar-lesson-heading .eyebrow{font-size:7px}.grammar-lesson-heading h2{font-size:31px;line-height:1.5;letter-spacing:-1px}.grammar-lesson-heading>p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:10px}.grammar-lesson-heading>div{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:#8ba07b;font-size:9px}.grammar-lesson-heading>div>span{display:flex;gap:6px;align-items:center}.grammar-point{padding:28px 30px;margin-bottom:23px;border-radius:22px;scroll-margin-top:95px}.grammar-point-title{display:flex;align-items:center;gap:13px}.grammar-point-title>span{display:grid;place-items:center;min-width:31px;height:33px;border:1px solid #ffffffb3;border-radius:10px;background:#e1ecd159;color:#7e9a67;font-size:10px;font-variant-numeric:tabular-nums}.grammar-point-title h3{font-size:23px;line-height:1.6;letter-spacing:-.5px;overflow-wrap:anywhere}.grammar-meaning{font-size:13px;color:var(--green);display:block;line-height:1.8;margin:11px 0 18px;font-weight:500}.grammar-formula{padding:15px 17px;border:1px solid #b6c7a647;border-radius:12px;background:linear-gradient(135deg,#e6eedb6b,#eff4e85e);display:flex;gap:15px;align-items:flex-start}.grammar-formula>span{font-size:6px;letter-spacing:1px;color:#8a9d78;white-space:nowrap;padding-top:5px}.grammar-formula p{font-size:13px;line-height:1.9;color:#577549;white-space:pre-line;overflow-wrap:anywhere}.grammar-explanation{font-size:13px;line-height:2;color:var(--ink);margin:20px 0;white-space:pre-line}.grammar-table-scroll{overflow-x:auto;border:1px solid #aebf9c38;border-radius:12px;margin:20px 0;scrollbar-width:thin;scrollbar-color:#b9cba7 transparent}.grammar-table-scroll table{border-collapse:collapse;min-width:100%;font-size:11px;line-height:1.9;text-align:left}.grammar-table-scroll th{background:#dfe9d34d;padding:11px 14px;font-weight:500;color:#6f8a5c;white-space:nowrap;border-bottom:1px solid #aebf9c38}.grammar-table-scroll td{padding:10px 14px;border-bottom:1px solid #aebf9c2e;min-width:90px;vertical-align:top}.grammar-table-scroll tr:last-child td{border:0}.grammar-table-scroll td:first-child{color:var(--green);font-weight:500}.grammar-examples{margin-top:25px}.grammar-examples>.eyebrow{font-size:7px;letter-spacing:1.2px}.grammar-example{display:flex;align-items:flex-start;gap:13px;padding:18px 0;border-top:1px solid var(--line)}.grammar-example-index{font-size:8px;color:#a7b295;padding-top:8px;font-variant-numeric:tabular-nums}.grammar-example>div{flex:1;min-width:0}.grammar-example>div>p:first-child{font:19px "Noto Serif JP",serif;color:#3c5d46;line-height:1.9;overflow-wrap:anywhere}.grammar-example>div>small{font:10px Noto Sans JP,sans-serif;line-height:1.9;display:block;color:#9aa98d;margin-top:5px}.grammar-example>div>p:last-child{font-size:12px;color:var(--muted);line-height:1.9;margin-top:8px}.grammar-example>.icon-button{width:31px;height:32px;border:1px solid #ffffffb3;color:#8ca378;background:#ffffff80;margin-top:3px}.grammar-notes{display:flex;align-items:flex-start;gap:11px;padding:17px 18px;border-radius:12px;background:#f0e5c557;border:1px solid #dbcda447;margin-top:14px}.grammar-notes>svg{color:#ae965b;margin-top:2px}.grammar-notes strong{font-size:11px;font-weight:500;color:#9a834c}.grammar-notes ul{padding:0 0 0 14px;margin:8px 0 0}.grammar-notes li{font-size:11px;line-height:1.95;color:#968664;margin-top:5px;white-space:pre-line}.grammar-outline{position:sticky;top:calc(var(--learning-sticky-offset) + 95px);border-radius:19px;padding:23px 19px}.grammar-outline>.eyebrow{font-size:7px}.grammar-outline h3{font-size:17px;letter-spacing:-.4px;margin-bottom:19px}.grammar-outline nav{display:flex;flex-direction:column;gap:4px}.grammar-outline nav>button{display:flex;gap:9px;align-items:center;font-size:10px;text-align:left;line-height:1.8;padding:9px 6px;border-radius:8px;color:var(--muted)}.grammar-outline nav>button:hover{background:#dfe9d44d;color:var(--green)}.grammar-outline nav>button>span{font-size:8px;color:#a3b18f}.grammar-outline nav>button>svg:last-child{margin-left:auto;color:#a0b18d}.grammar-outline nav>button:last-child{border-top:1px solid var(--line);margin-top:10px;padding-top:15px;color:var(--green)}.grammar-outline-note{padding-top:22px;margin-top:22px;border-top:1px solid var(--line);text-align:center;color:#b0ae7b}.grammar-outline-note>svg{margin:auto}.grammar-outline-note p{font-size:10px;line-height:1.9;color:#9aa887;margin:9px 0 12px}.grammar-outline .study-sync-indicator{font-size:8px}.grammar-quiz{padding:28px 30px;border-radius:23px;margin-top:30px;scroll-margin-top:95px}.grammar-quiz>header{display:flex;align-items:center;gap:15px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:27px}.grammar-quiz-icon{display:grid;place-items:center;width:49px;height:51px;flex-shrink:0;border:1px solid #ffffffed;border-radius:15px;background:linear-gradient(135deg,#dbeacb9c,#e6edcd63);color:#7b995f;box-shadow:inset 0 1px 1px white}.grammar-quiz .eyebrow{font-size:6px;letter-spacing:1.5px;margin-bottom:7px}.grammar-quiz h3{font-size:23px;line-height:1.4}.grammar-quiz header p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:7px}.grammar-quiz fieldset{padding:0;border:0;margin:0 0 27px;min-width:0}.grammar-quiz legend{display:flex;align-items:baseline;gap:10px;font-size:13px;line-height:1.9;padding:0;margin-bottom:13px;white-space:pre-line}.grammar-quiz legend>span{font-size:9px;color:#9caf8a;letter-spacing:1px;flex-shrink:0}.grammar-quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grammar-quiz-options>label{position:relative;display:flex;align-items:center;gap:9px;padding:12px 13px;border:1px solid #afc39947;border-radius:11px;background:#ffffff59;cursor:pointer;font-size:12px;line-height:1.8;transition:background .2s,border-color .2s}.grammar-quiz-options input{position:absolute;opacity:0;width:1px;height:1px}.grammar-quiz-options>label:has(input:focus-visible){outline:3px solid #39a883;outline-offset:3px}.grammar-option-letter{display:grid;place-items:center;min-width:22px;height:23px;border:1px solid #adbf983b;border-radius:6px;font-size:8px;color:#91a27d;background:#ffffff4d}.grammar-quiz-options>label>span:last-child{overflow-wrap:anywhere}.grammar-quiz-options>label.selected{border-color:#82a46a;background:#e0ecd261}.grammar-quiz-options>.correct{border-color:#81b277!important;background:#d8ebce80!important}.grammar-quiz-options>.correct>svg{color:#638d52;margin-left:auto}.grammar-quiz-options>.wrong{border-color:#c79874!important;background:#f2dfcc66!important}.grammar-quiz-options>.wrong>svg{color:#b08865;margin-left:auto}.grammar-answer-explanation{display:flex;gap:8px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:#e1ebd73b;color:#81906f;font-size:11px;line-height:1.95;margin-top:12px}.grammar-answer-explanation>svg{margin-top:4px;color:#b0ad79}.grammar-quiz-submit{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:21px}.grammar-quiz-submit>span{font-size:10px;color:var(--muted)}.grammar-quiz .button{border-radius:12px;gap:13px}.grammar-quiz-result{display:flex;align-items:center;gap:13px;padding:20px;border:1px solid #a6c29466;border-radius:14px;background:linear-gradient(135deg,#e3efd6a3,#deedcf4f)}.grammar-quiz-result>span{color:#7da069}.grammar-quiz-result>div{flex:1}.grammar-quiz-result strong{font-size:14px;font-weight:500;line-height:1.8}.grammar-quiz-result p{font-size:10px;line-height:1.9;color:var(--muted);margin:5px 0}.grammar-quiz-result>button{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--green);white-space:nowrap}.grammar-quiz-result.retry{border-color:#cfbb8d6b;background:linear-gradient(135deg,#f1e7cba1,#eee3ca47)}.grammar-quiz-result.retry>span{color:#ac9359}.grammar-reader-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 2px}.grammar-reader-actions .button{border-radius:12px;font-size:10px;gap:14px}.grammar-reader-actions .text-button{font-size:10px}.grammar-sources{padding:18px 20px;font-size:10px;border-radius:13px;line-height:1.9;color:var(--muted)}.grammar-sources summary{cursor:pointer;width:-moz-fit-content;width:fit-content}.grammar-sources>p{margin:12px 0}.grammar-sources>a{display:flex;align-items:center;gap:8px;padding:5px 0;color:var(--green)}[data-theme=dark] .grammar-hub{--grammar-edge:#b5cda540;--grammar-glass:linear-gradient(135deg,#2b4633c4,#15322685 70%,#26402c75);--grammar-shadow:0 15px 40px #0002,inset 0 1px 1px #cde7b329;--grammar-gold:#c4b27b}[data-theme=dark] .grammar-hero{background:radial-gradient(ellipse at 90% 80%,#8c794224,transparent 60%),var(--grammar-glass)!important}[data-theme=dark] .grammar-hero-tags>span,[data-theme=dark] .grammar-pill{background:#2d48387d;border-color:#adc49d30;box-shadow:inset 0 1px 0 #def1c71a}[data-theme=dark] .grammar-art-note{background:linear-gradient(140deg,#314d37e8,#243e2bcc);border-color:#b4c79947;box-shadow:0 18px 30px #0002,inset 0 1px 1px #d9ecc329}[data-theme=dark] .grammar-art-note>strong{color:#c1d4a4}[data-theme=dark] .grammar-art-chip{background:#6c67364f;border-color:#b4c79938;color:#d0bc7e}[data-theme=dark] .grammar-art-symbol{color:#b3c78a1a;text-shadow:none}[data-theme=dark] .grammar-path-icon{background:#3c573e52;border-color:#adc49d30;box-shadow:inset 0 1px 0 #d9ecc31a;color:#a1bc8c}[data-theme=dark] .grammar-levels .selected,[data-theme=dark] .grammar-paths>button.selected{background:linear-gradient(135deg,#4d703e8c,#3054348c);border-color:#93b57a78}[data-theme=dark] .grammar-book-stage{background:radial-gradient(ellipse at 30% 20%,#ffffff05,transparent 70%),#91a26c10}[data-theme=dark] .grammar-book-stage>span{background:#33513bd9;border-color:#92b07b40;color:#d5e0c9}[data-theme=dark] .grammar-lab-settings select,[data-theme=dark] .grammar-search{background:#1d392981;border-color:#adc49d30;box-shadow:inset 0 1px 0 #d9ecc31a}[data-theme=dark] .grammar-pattern-chips>span{background:#4a623333;border-color:#adbf7d29;color:#b4c89d}[data-theme=dark] .grammar-lesson-card.passed{background:linear-gradient(135deg,#4b6e3c70,#284e3087);border-color:#95b37f63}[data-theme=dark] .grammar-lab-settings{background:#66814810}[data-theme=dark] .grammar-number-mark{background:linear-gradient(135deg,#8a7c462e,#626b3724);border-color:#b7ca8f38;box-shadow:none}[data-theme=dark] .grammar-number-intro button{background:#29482f63;border-color:#adc49d38;box-shadow:inset 0 1px 0 #d9ecc314}[data-theme=dark] .grammar-reader-bar{background:linear-gradient(130deg,#29452eeb,#193626ed)!important;box-shadow:0 10px 25px #0003,inset 0 1px 1px #d9ecc329!important}[data-theme=dark] .grammar-jump-test{background:#4060374d;border-color:#adc49d38}[data-theme=dark] .grammar-point-title>span{background:#43613138;border-color:#adc49d30;color:#a9c18e}[data-theme=dark] .grammar-formula{background:linear-gradient(135deg,#57794226,#3b5c2f24);border-color:#adc49d29}[data-theme=dark] .grammar-formula p{color:#bbd19f}[data-theme=dark] .grammar-table-scroll th{background:#29482e73;color:#bed3a3}[data-theme=dark] .grammar-example>div>p:first-child{color:#d2dfc0}[data-theme=dark] .grammar-example>.icon-button{background:#42603533;border-color:#adc49d30;color:#afc496}[data-theme=dark] .grammar-notes{background:#8373441a;border-color:#ad985533}[data-theme=dark] .grammar-notes strong{color:#c8b57c}[data-theme=dark] .grammar-notes li{color:#b6aa85}[data-theme=dark] .grammar-outline nav>button:hover{background:#526e3830}[data-theme=dark] .grammar-quiz-icon{background:#54733a33;border-color:#adc49d30;box-shadow:none;color:#bdd4a0}[data-theme=dark] .grammar-quiz-options>label{background:#1d392947;border-color:#adc49d30}[data-theme=dark] .grammar-quiz-options>label.selected{background:#526f3c52;border-color:#8eaa6f9c}[data-theme=dark] .grammar-option-letter{background:#526f3c24;border-color:#adc49d30;color:#a7bd8f}[data-theme=dark] .grammar-quiz-options>.correct{background:#456c3559!important;border-color:#92b27994!important}[data-theme=dark] .grammar-quiz-options>.wrong{background:#79593d40!important;border-color:#bc936a80!important}[data-theme=dark] .grammar-answer-explanation{background:#526f3c24;color:#b0c49a}[data-theme=dark] .grammar-quiz-result{background:linear-gradient(135deg,#3a60337d,#284e2b59);border-color:#adc49d42}[data-theme=dark] .grammar-quiz-result.retry{background:linear-gradient(135deg,#6c5d3154,#534e2e29);border-color:#b9a46b42}@media(max-width:1100px){.grammar-hero{padding:34px}.grammar-hero h2{font-size:36px}.grammar-hero-art{flex-basis:300px;width:300px;transform:scale(.88);transform-origin:right center;margin-left:-20px}.grammar-paths{gap:10px}.grammar-paths>button{padding:18px 13px;gap:9px;align-items:flex-start;flex-direction:column}.grammar-paths strong{font-size:12px}.grammar-paths small{font-size:9px}.grammar-reader-layout{grid-template-columns:minmax(0,1fr) 205px;gap:19px}.grammar-point,.grammar-quiz{padding:25px}.grammar-lesson-card{padding:20px}.grammar-books{gap:12px}.grammar-book-stage{height:185px}.grammar-reading .grammar-paths>button{flex-direction:row;align-items:center}.grammar-outline{padding:20px 16px}.grammar-outline h3{font-size:16px}.grammar-conjugation-lab{grid-template-columns:1fr 1fr}.grammar-lab-settings{padding:28px}.grammar-lesson-card h4{font-size:15px}}@media(max-width:850px){.grammar-hero-art{flex-basis:260px;width:260px;transform:scale(.78);margin-left:-35px}.grammar-hero h2{font-size:33px}.grammar-hero{padding:30px}.grammar-hero>div:first-child>p{font-size:11px}.grammar-hero-tags>span{font-size:8px}.grammar-lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grammar-reader-layout{grid-template-columns:minmax(0,1fr)}.grammar-outline{display:none}.grammar-book-stage{height:164px;padding:29px 10px 20px}.grammar-books>button>div:last-child{padding:13px 4px 5px}.grammar-books small{font-size:5px;letter-spacing:.5px}.grammar-books strong{font-size:12px}.grammar-books>button>div:last-child>span{font-size:8px}.grammar-section-title h3{font-size:24px}.grammar-reader-bar{gap:13px}.grammar-reader-bar strong{font-size:11px}}@media(max-width:640px){.grammar-hero{padding:29px 25px 0;flex-direction:column;align-items:stretch;min-height:440px;gap:0}.grammar-hero h2{font-size:34px}.grammar-hero .eyebrow{font-size:6px;letter-spacing:1.3px}.grammar-hero>div:first-child>p{font-size:11px}.grammar-hero-art{position:relative;align-self:center;width:320px;flex:0 0 210px;transform:scale(.75);transform-origin:50% 15%;margin:5px -25px -25px}.grammar-hero-tags{gap:6px;margin-top:20px}.grammar-hero-tags>span{font-size:8px;padding:5px 8px}.grammar-paths{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0 29px}.grammar-paths>button{padding:18px;gap:11px;border-radius:16px}.grammar-paths strong{font-size:12px}.grammar-paths small{font-size:9px}.grammar-path-icon{width:37px;height:40px;flex-basis:37px}.grammar-section-title{gap:15px;align-items:flex-start}.grammar-section-title h3{font-size:23px}.grammar-section-title p{font-size:11px}.grammar-pill{font-size:8px;padding:5px 9px}.grammar-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.grammar-book-stage{height:180px}.grammar-books>button>div:last-child>span{font-size:8px;gap:3px}.grammar-books strong{font-size:13px}.grammar-levels{gap:8px}.grammar-levels>button{padding:14px 12px;border-radius:14px}.grammar-levels strong{font-size:28px}.grammar-levels span{font-size:8px}.grammar-list-toolbar{flex-direction:column;align-items:stretch;gap:17px}.grammar-list-toolbar h3{font-size:23px}.grammar-search{min-width:0;padding:12px 14px}.grammar-search input{font-size:12px}.grammar-lesson-card{padding:19px 17px;min-height:235px;border-radius:18px}.grammar-lesson-card h4{font-size:15px}.grammar-lesson-card>p{font-size:11px}.grammar-lesson-card-top{margin-bottom:15px}.grammar-lesson-card-top>span:first-child{font-size:10px}.grammar-complete{font-size:7px}.grammar-pattern-chips{gap:4px;margin:14px 0 19px}.grammar-pattern-chips>span{font-size:8px;padding:3px 6px}.grammar-lesson-card-bottom{font-size:8px}.grammar-editorial-note{font-size:9px;padding:15px}.grammar-conjugation-lab{grid-template-columns:1fr;border-radius:22px}.grammar-lab-settings{padding:25px}.grammar-lab-settings h3{font-size:25px;margin-bottom:20px}.grammar-lab-settings label{font-size:11px}.grammar-lab-settings select{font-size:12px;padding:12px}.grammar-lab-result{padding:25px;min-height:310px;border-top:1px solid var(--line)}.grammar-lab-transformation>strong{font-size:37px}.grammar-lab-result>p{font-size:11px}.grammar-number-intro{padding:26px;gap:22px;align-items:flex-start}.grammar-number-mark{font-size:38px;padding:16px 18px;letter-spacing:-2px;border-radius:17px}.grammar-number-mark>span{font-size:6px;letter-spacing:1px}.grammar-number-intro h3{font-size:22px;line-height:1.5}.grammar-number-intro p{font-size:11px}.grammar-number-intro>div>div{gap:7px;margin-top:16px}.grammar-number-intro button{padding:7px 9px;gap:6px}.grammar-number-intro button>strong{font-size:16px}.grammar-number-intro button>span{font-size:8px}.grammar-reading .grammar-paths{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 20px;gap:8px}.grammar-reading .grammar-paths>button{padding:10px 11px;gap:8px}.grammar-reading .grammar-paths strong{font-size:10px}.grammar-reader-bar{padding:11px 12px;gap:11px;margin-bottom:24px;border-radius:14px!important}.grammar-reader-back{border:0;padding:5px 0}.grammar-reader-back>span{display:none}.grammar-reader-bar small{font-size:5px;letter-spacing:.6px}.grammar-reader-bar strong{font-size:10px;line-height:1.7}.grammar-jump-test{font-size:9px;gap:5px;padding:8px}.grammar-jump-test>svg:last-child{display:none}.grammar-lesson-heading{padding-bottom:21px}.grammar-lesson-heading h2{font-size:26px;line-height:1.55}.grammar-lesson-heading>p{font-size:12px}.grammar-lesson-heading>div{font-size:9px;gap:12px;line-height:1.9}.grammar-point,.grammar-quiz{padding:23px 21px;border-radius:19px}.grammar-point-title{gap:10px;align-items:flex-start}.grammar-point-title h3{font-size:21px;line-height:1.65}.grammar-point-title>span{margin-top:2px;min-width:27px;height:30px;font-size:9px}.grammar-meaning{font-size:13px}.grammar-formula{flex-direction:column;gap:5px;padding:14px}.grammar-formula>span{font-size:6px;padding-top:0}.grammar-formula p{font-size:12px;line-height:1.95}.grammar-explanation{font-size:12px;line-height:2}.grammar-table-scroll table{font-size:10px}.grammar-table-scroll td,.grammar-table-scroll th{padding:10px 12px}.grammar-example{gap:9px;padding:17px 0}.grammar-example-index{font-size:7px}.grammar-example>div>p:first-child{font-size:18px}.grammar-example>div>p:last-child{font-size:11px}.grammar-example>.icon-button{width:28px;height:29px}.grammar-example>.icon-button>svg{width:14px}.grammar-notes{padding:15px 13px;gap:9px}.grammar-notes li{font-size:10px}.grammar-quiz>header{gap:12px}.grammar-quiz-icon{width:42px;height:46px;border-radius:13px}.grammar-quiz .eyebrow{font-size:5px;letter-spacing:1px}.grammar-quiz h3{font-size:21px}.grammar-quiz header p{font-size:9px}.grammar-quiz legend{font-size:12px}.grammar-quiz-options{grid-template-columns:1fr;gap:8px}.grammar-quiz-options>label{font-size:12px;padding:12px}.grammar-answer-explanation{font-size:10px;line-height:2}.grammar-quiz-submit{gap:12px}.grammar-quiz-submit>span{font-size:9px}.grammar-quiz .button{padding:12px 15px;font-size:10px;gap:9px}.grammar-quiz-result{flex-wrap:wrap;padding:17px;gap:11px}.grammar-quiz-result strong{font-size:13px}.grammar-quiz-result p{font-size:10px}.grammar-quiz-result>button{margin-left:auto}.grammar-reader-actions .button{padding:12px 16px}.grammar-reader-actions .text-button{font-size:9px}.grammar-sources{font-size:9px;padding:17px}.grammar-sources>a{font-size:10px;line-height:1.8}.grammar-bottom-line{margin-top:28px}}@media(max-width:400px){.grammar-hero{padding-left:21px;padding-right:21px}.grammar-hero h2{font-size:31px}.grammar-hero-tags>span{font-size:7px}.grammar-paths>button{padding:16px 14px}.grammar-paths strong{font-size:11px}.grammar-paths small{font-size:8px}.grammar-books{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-book-stage{height:195px}.grammar-books small{font-size:6px}.grammar-books>button>div:last-child>span{font-size:9px}.grammar-lesson-grid{grid-template-columns:1fr}.grammar-lesson-card{min-height:210px;padding:22px}.grammar-lesson-card h4{font-size:16px}.grammar-lesson-card>p{font-size:12px}.grammar-lesson-card-bottom,.grammar-pattern-chips>span{font-size:9px}.grammar-complete{font-size:8px}.grammar-number-intro{flex-direction:column;gap:24px}.grammar-number-mark{align-self:flex-start;font-size:45px}.grammar-number-intro h3{font-size:23px}.grammar-number-intro button>span{font-size:9px}.grammar-point,.grammar-quiz{padding:22px 18px}.grammar-lesson-heading h2{font-size:24px}.grammar-reader-bar strong{font-size:9px}.grammar-jump-test{font-size:8px}.grammar-jump-test>svg{width:14px}.grammar-quiz .button{font-size:9px;padding:11px 13px}.grammar-quiz-submit>span{font-size:8px}.grammar-reader-actions{flex-wrap:wrap}.grammar-reader-actions .button{margin-left:auto}}.grammar-checkpoint{scroll-margin-top:160px}.grammar-checkpoint h3{font-size:24px;margin:12px 0}.grammar-checkpoint>p:not(.grammar-checkpoint-text){font-size:13px;color:var(--muted);line-height:1.8}.grammar-checkpoint .grammar-checkpoint-text{font-size:21px;line-height:2.4;letter-spacing:.04em;padding:24px 0;margin:10px 0;overflow-wrap:anywhere}.grammar-checkpoint details{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.grammar-checkpoint summary{cursor:pointer;font-size:13px}.grammar-checkpoint details p{line-height:2;font-size:14px;margin-top:14px}.grammar-n5-overview{padding:22px 26px;margin:20px 0;line-height:1.8}.grammar-n5-overview strong{display:block;font-size:17px}.grammar-n5-overview p{font-size:13px;color:var(--muted);margin:6px 0 0}@media(max-width:640px){.grammar-checkpoint .grammar-checkpoint-text{font-size:18px;line-height:2.2}.grammar-n5-overview{padding:20px}.grammar-n5-overview strong{font-size:15px}}@media(prefers-reduced-motion:reduce){.grammar-book-stage img,.grammar-hub button{transition:none}}@media(prefers-reduced-transparency:reduce){.grammar-hub{--grammar-glass:var(--solid)}.grammar-hub .glass-panel,.grammar-reader-bar{background:var(--solid)!important;backdrop-filter:none;-webkit-backdrop-filter:none}}.grammar-reader-layout{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:26px}.grammar-list-toolbar,.grammar-reader{scroll-margin-top:calc(var(--learning-sticky-offset) + 85px)}.grammar-paper{--ink:#1c2d27;--muted:#526357;--green:#375c3c;--line:#dce3d8;background:#fffefb;color:#1c2d27;border:1px solid #dbe2d5;border-radius:22px;padding:40px;box-shadow:0 12px 35px #263e2810;min-width:0}.grammar-paper .grammar-lesson-heading{padding:0 0 30px;border-bottom:1px solid #dce3d8}.grammar-paper .grammar-lesson-heading h2{font-size:32px;line-height:1.5}.grammar-paper .grammar-lesson-heading>p{font-size:14px;line-height:1.9}.grammar-paper .grammar-lesson-heading>div{font-size:12px;color:#526357}.grammar-paper .grammar-point,.grammar-paper .grammar-quiz,.grammar-paper .grammar-sources{background:#fff!important;color:#1c2d27;border:1px solid #dce3d8!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:16px;padding:30px;margin-top:30px}.grammar-paper .grammar-point{scroll-margin-top:calc(var(--learning-sticky-offset) + 90px)}.grammar-paper .grammar-point-title{align-items:center;flex-wrap:wrap;gap:10px}.grammar-paper .grammar-point-title h3{font-size:25px;line-height:1.7;flex:1;min-width:170px}.grammar-paper .grammar-point-title>span:first-child{background:transparent;border:0;color:#718269;width:24px;min-width:24px;font-size:12px}.grammar-paper .grammar-level-tag{display:inline-flex;align-items:center;justify-content:center;min-width:33px;width:auto;height:25px;padding:2px 8px;flex-shrink:0;background:#658647;color:#fff;border:0;border-radius:6px;font-size:12px;font-weight:700;line-height:1.4;white-space:nowrap}.grammar-paper .grammar-meaning{font-size:16px;line-height:1.8;color:#45603d;margin-top:14px}.grammar-paper .grammar-formula{background:#f0f4e9!important;border-color:#dce4d0!important;padding:18px;gap:12px}.grammar-paper .grammar-formula p{color:#2d4e35;font-size:17px;line-height:1.9}.grammar-paper .grammar-formula>span{color:#526b43;font-size:9px}.grammar-paper .grammar-explanation{font-size:16px;line-height:2.05;color:#263a2e}.grammar-paper .grammar-examples{margin-top:24px}.grammar-paper .grammar-examples h4{font-size:19px;color:#3c5b35;margin-bottom:5px}.grammar-paper .grammar-example{gap:16px;padding:24px 0;border-bottom:1px dashed #d9e2ce;align-items:center}.grammar-paper .grammar-example:last-child{border:0;padding-bottom:6px}.grammar-paper .grammar-example-index{font-size:13px;color:#63765b;min-width:18px}.grammar-paper .grammar-example>div{min-width:0}.grammar-paper .grammar-example>div>p:first-child{font-family:"Noto Serif JP",serif;font-size:24px;line-height:2;color:#17251f;overflow-wrap:anywhere}.grammar-paper .grammar-example>div>p:last-child{font-size:15px;line-height:1.9;color:#52614b;margin-top:8px}.grammar-paper .grammar-example>div>small{font-size:13px;color:#617456;line-height:1.8}.grammar-paper mark{background:#e5edce;color:#253e27;border-bottom:2px solid #8da855;border-radius:3px;padding:1px 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.grammar-paper .grammar-example>.icon-button{width:42px;height:42px;min-width:42px;border:1px solid #d3ddc5;background:#fff;color:#456b38;box-shadow:none}.grammar-paper .grammar-notes{background:#f7f4e9!important;border-color:#e3ddc5!important}.grammar-paper .grammar-notes strong{font-size:13px;color:#715e2f}.grammar-paper .grammar-notes li{font-size:13px;line-height:1.9;color:#635b42}.grammar-paper .grammar-table-scroll table{font-size:14px}.grammar-paper .grammar-table-scroll th{background:#eef3e7;color:#365337}.grammar-paper .grammar-table-scroll td{color:#263a2e}.grammar-paper .grammar-table-scroll td,.grammar-paper .grammar-table-scroll th{border-color:#dce3d8}.grammar-contents{margin:30px 0}.grammar-contents h3{font-size:23px;color:#365b36}.grammar-contents>p{font-size:13px;color:#5b6c55;margin:8px 0 20px}.grammar-contents>div{border-top:1px solid #dce3d8}.grammar-contents button{display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr) 16px;gap:15px;align-items:center;text-align:left;width:100%;padding:19px 4px;border-bottom:1px solid #dce3d8;transition:background .2s}.grammar-contents button:hover{background:#f2f6e9}.grammar-contents strong{font-size:18px;line-height:1.8;color:#3d5e35;overflow-wrap:anywhere}.grammar-contents button>span:nth-last-child(2){font-size:14px;line-height:1.8;color:#56674c}.grammar-contents svg{color:#7c936a}.grammar-paper .grammar-quiz{background:#f8f8ee!important;border-color:#dde3cc!important;scroll-margin-top:calc(var(--learning-sticky-offset) + 90px)}.grammar-paper .grammar-quiz h3{font-size:25px;color:#375535}.grammar-paper .grammar-quiz header p{font-size:13px;color:#57674d}.grammar-paper .grammar-quiz legend{font-size:16px;line-height:1.9;color:#25362a}.grammar-paper .grammar-quiz-options{grid-template-columns:1fr}.grammar-paper .grammar-quiz-options>label{font-size:15px;line-height:1.8;padding:15px;background:#fff!important;color:#25362a;border-color:#dce3d3}.grammar-paper .grammar-quiz-options>label.selected{background:#edf3e3!important;border-color:#7e9d5a}.grammar-paper .grammar-quiz-options>label.correct{background:#e8f2df!important}.grammar-paper .grammar-quiz-options>label.wrong{background:#faeae3!important}.grammar-paper .grammar-option-letter{color:#4f6d3d;background:#f1f4e8;border-color:#d4dfc8}.grammar-paper .grammar-answer-explanation{color:#365337!important;background:#eaf0de!important;font-size:14px;line-height:1.9}.grammar-paper .grammar-quiz fieldset{scroll-margin-top:calc(var(--learning-sticky-offset) + 100px)}.grammar-paper .grammar-quiz-result{background:#ecf4e1!important;border-color:#bdcea7!important;color:#304d2e}.grammar-paper .grammar-quiz-result.retry{background:#faf0df!important}.grammar-paper .grammar-quiz-submit{font-size:14px}.grammar-paper .grammar-editorial-note{font-size:12px;line-height:1.9;color:#5a6d51}.grammar-paper .grammar-sources{font-size:12px}.grammar-paper .grammar-sources>a{font-size:12px;color:#45663c}.grammar-paper .grammar-checkpoint-text{color:#17251f}.grammar-test-progress{margin:25px 0;padding:20px;background:#fff;border:1px solid #dce3d0;border-radius:12px}.grammar-test-progress>div{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#526548}.grammar-test-progress strong{color:#365535}.grammar-test-progress progress{width:100%;height:7px;accent-color:#658647;margin:15px 0}.grammar-test-progress nav{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.grammar-test-progress button{padding:7px 3px;border:1px solid #d7e1cb;border-radius:6px;font-size:12px;color:#4f6542;background:#fff}.grammar-test-progress button.answered,.grammar-test-progress button.correct{background:#e1edcf;border-color:#8daa64;color:#304b27}.grammar-test-progress button.wrong{background:#fae6dd;border-color:#bd8166;color:#84452a}.grammar-paper button:focus-visible{outline:3px solid #779a51;outline-offset:4px}.grammar-outline{max-height:calc(100vh - var(--learning-sticky-offset) - 110px);overflow:auto}@media(max-width:1100px){.grammar-reader-layout{grid-template-columns:minmax(0,1fr) 205px;gap:18px}.grammar-paper{padding:25px}.grammar-paper .grammar-point,.grammar-paper .grammar-quiz{padding:24px}.grammar-contents button{grid-template-columns:auto 1fr 16px}.grammar-contents button>span:nth-last-child(2){grid-column:2;grid-row:2}.grammar-contents button>svg{grid-column:3;grid-row:1/3}}@media(max-width:850px){.grammar-reader-layout{grid-template-columns:minmax(0,1fr)}.grammar-paper{padding:30px}}@media(max-width:640px){.grammar-paper{padding:22px 15px;border-radius:16px}.grammar-paper .grammar-lesson-heading h2{font-size:25px}.grammar-paper .grammar-point,.grammar-paper .grammar-quiz{padding:21px 15px;border-radius:12px;margin-top:22px}.grammar-paper .grammar-point-title h3{font-size:21px}.grammar-paper .grammar-explanation,.grammar-paper .grammar-formula p{font-size:15px}.grammar-paper .grammar-example>div>p:first-child{font-size:21px;line-height:2}.grammar-paper .grammar-example{gap:10px;align-items:flex-start}.grammar-paper .grammar-example>.icon-button{width:34px;height:34px;min-width:34px;margin-top:5px}.grammar-paper .grammar-example>div>p:last-child{font-size:14px}.grammar-contents strong{font-size:17px}.grammar-contents button{gap:8px 11px;padding:17px 0}.grammar-contents button>span:nth-last-child(2){font-size:13px}.grammar-contents h3{font-size:22px}.grammar-test-progress{padding:14px}.grammar-test-progress nav{grid-template-columns:repeat(5,1fr)}.grammar-paper .grammar-quiz legend{font-size:15px}.grammar-paper .grammar-quiz-options>label{font-size:14px}.grammar-paper .grammar-formula{padding:14px}}.grammar-test-pages{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 0;border-top:1px solid #dce3d0;margin-top:20px}.grammar-test-pages>span{font-size:12px;line-height:1.7;text-align:center;color:#526548}.grammar-test-pages>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 12px;border:1px solid #d1ddc3;border-radius:8px;background:#fff;color:#3b5b30;font-size:12px}.grammar-test-pages>button:disabled{opacity:.4;cursor:default}.grammar-first-unanswered{display:flex;align-items:center;gap:5px;margin-top:7px;color:#426a33;font-size:11px;text-decoration:underline;text-underline-offset:3px}.grammar-paper .grammar-quiz-submit>span{font-size:12px}.grammar-quiz fieldset:focus-within{outline:1px solid #a5bc8d;outline-offset:8px}@media(max-width:640px){.grammar-test-pages{gap:7px;flex-wrap:wrap}.grammar-test-pages>span{font-size:11px}.grammar-test-pages>button{font-size:11px;padding:9px}.grammar-paper .grammar-quiz-submit{align-items:flex-start;flex-wrap:wrap;gap:18px}.grammar-paper .grammar-quiz-submit>.button{margin-left:auto}}.community-page{min-height:100vh;color:var(--ink)}.community-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px;margin:auto;padding:28px 35px;border-bottom:1px solid var(--line)}.community-main{max-width:1240px;margin:auto;padding:30px 35px 80px}.community-hero{display:flex;align-items:center;justify-content:space-between;gap:35px;margin:50px 0 40px}.community-hero h1{font-size:48px;line-height:1.3;letter-spacing:-1.7px;margin:15px 0 20px}.community-hero h1 span{color:var(--green)}.community-hero p{font-size:15px;color:var(--muted);line-height:1.9}.community-trophy{width:220px;height:220px;flex-shrink:0;border-radius:45px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;color:#9f8d43;background:linear-gradient(140deg,#fff9,#e8edcd88);transform:rotate(5deg)}.community-trophy span{font-size:8px;letter-spacing:1.6px}.community-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:25px;align-items:start}.community-board,.community-personal{padding:28px;border-radius:22px}.community-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.community-section-heading h2{display:flex;align-items:center;gap:10px;font-size:23px;line-height:1.5}.community-section-heading p{font-size:12px;color:var(--muted);margin-top:7px}.community-rank-list{list-style:none;padding:0;margin:0}.community-rank-list li{display:flex;align-items:center;gap:13px;padding:19px 7px;border-top:1px solid var(--line)}.community-rank-list .is-me{background:#8cac6530;border-radius:12px;padding-left:12px;padding-right:12px}.community-rank{min-width:28px;font-size:14px;color:var(--muted)}.rank-1{color:#ac872c}.rank-2{color:#81928c}.rank-3{color:#ae7a51}.community-initial{width:38px;height:40px;flex:0 0 38px;display:grid;place-items:center;background:#9fb47c2a;border:1px solid var(--line);border-radius:12px;color:var(--green);font-size:18px}.community-rank-list li>div{min-width:0;flex:1}.community-rank-list strong{display:block;font-size:14px;overflow-wrap:anywhere}.community-rank-list small{display:block;font-size:11px;color:var(--green);margin-top:4px}.community-duration{display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap;color:var(--green)}.community-personal h2{font-size:27px;line-height:1.6;margin:12px 0}.community-personal p{font-size:13px;line-height:1.9;color:var(--muted);margin:12px 0 18px}.community-personal label{display:block;font-size:12px;line-height:1.7;margin-top:18px}.community-personal input:not([type=checkbox]){width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;background:var(--solid);color:var(--ink);margin-top:8px;font-size:14px}.community-check{display:flex!important;gap:9px;align-items:flex-start}.community-check input{margin-top:4px;accent-color:var(--green)}.community-personal .button{margin-top:9px;font-size:12px}.community-help{font-size:11px!important;line-height:1.9;color:var(--muted);margin-top:18px}.community-rules{padding:24px 10px}.community-rules h3{font-size:15px;margin-bottom:10px}.community-rules p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:12px}.community-empty{text-align:center;padding:55px 15px;color:var(--muted)}.community-empty svg{color:#9ab481}.community-empty h3{color:var(--ink);font-size:20px;margin:20px 0 12px}.community-empty p,.community-message{font-size:13px;line-height:1.9}.community-nav-link{font-size:12px;color:var(--green);text-decoration:none;white-space:nowrap;padding:12px 5px}.community-nav-link:hover{text-decoration:underline;text-underline-offset:5px}.admin-learners{margin:30px 0 35px;padding:28px!important}.admin-learner-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:23px}.admin-learner-stats>div{border:1px solid var(--line);border-radius:15px;padding:18px;background:#fff3}.admin-learner-stats strong{display:block;font-size:25px;font-weight:600;color:var(--green);line-height:1.5}.admin-learner-stats span{font-size:11px;color:var(--muted);line-height:1.8}.admin-user-search{display:flex;align-items:center;gap:10px;max-width:500px;margin:20px 0}.admin-user-search input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--solid);color:var(--ink);font-size:13px}.admin-user-search .button{font-size:11px;padding:10px 15px}.admin-user-table{overflow:auto}.admin-user-table table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:780px}.admin-user-table th{font-size:10px;color:var(--muted);font-weight:600;background:#b2c08b18}.admin-user-table td,.admin-user-table th{padding:15px 12px;border-bottom:1px solid var(--line);line-height:1.8;vertical-align:top}.admin-user-table strong{display:block;font-size:13px}.admin-user-table small{display:block;font-size:11px;color:var(--muted)}.admin-user-table td>svg{display:inline;vertical-align:middle}.admin-user-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:20px}.admin-user-pagination span{font-size:11px;color:var(--muted)}.admin-user-pagination button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:12px}.admin-user-pagination button:disabled{opacity:.4;cursor:default}.grammar-furigana-toggle{font-size:11px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;color:var(--green);white-space:nowrap}.grammar-furigana-toggle[aria-pressed=true]{background:#a2bc7e38;border-color:#93ae73}.grammar-paper ruby{ruby-align:center;ruby-position:over}.grammar-paper rt{font-family:Noto Sans JP,sans-serif;font-size:.47em;line-height:1.3;font-weight:400;letter-spacing:.025em;color:#596d4c}.grammar-paper ruby rp{display:none}.grammar-paper .grammar-example>div>p:first-child{line-height:2.5}.grammar-paper .grammar-contents strong{line-height:2.25}.grammar-paper .grammar-point-title h3{line-height:2.2}.grammar-paper .grammar-quiz legend,.grammar-paper .grammar-quiz-options>label{line-height:2.3}.grammar-paper mark ruby{background:transparent}@media(max-width:1100px){.community-nav-link{font-size:11px}.community-layout{grid-template-columns:minmax(0,1fr) 290px}.community-duration{font-size:11px}.community-rank-list li{gap:9px}.admin-learner-stats strong{font-size:23px}}@media(max-width:800px){.community-layout{grid-template-columns:1fr}.community-layout aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.community-hero h1{font-size:38px}.community-trophy{width:160px;height:170px;border-radius:32px}.community-trophy span{font-size:6px;letter-spacing:1px}.admin-learner-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.community-header{padding:20px}.community-main{padding:25px 18px 55px}.community-hero{margin:30px 0;gap:17px;align-items:flex-start}.community-hero h1{font-size:31px;letter-spacing:-1px}.community-hero p{font-size:12px}.community-trophy{width:85px;height:100px;border-radius:22px;gap:10px;margin-top:25px}.community-trophy svg{width:37px}.community-trophy span{display:none}.community-layout aside{grid-template-columns:1fr}.community-board,.community-personal{padding:22px 18px}.community-section-heading h2{font-size:20px}.community-initial{width:30px;flex-basis:30px;height:33px;font-size:15px}.community-rank-list strong{font-size:12px}.community-duration{font-size:10px;gap:4px}.community-duration svg{display:none}.community-rank{min-width:20px;font-size:11px}.community-rank-list li{padding-top:17px;padding-bottom:17px;gap:9px}.admin-learners{padding:22px 16px!important}.admin-learner-stats{gap:9px}.admin-learner-stats>div{padding:14px 12px}.admin-learner-stats strong{font-size:21px}.admin-learner-stats span{font-size:10px}.admin-user-search .button{font-size:10px;padding:10px}.admin-user-pagination{gap:8px}.admin-user-pagination span{font-size:10px}.admin-user-pagination button{padding:8px;font-size:11px}.grammar-furigana-toggle{font-size:9px;padding:8px}.grammar-reader-bar{flex-wrap:wrap}.grammar-reader-bar>div{min-width:120px}.grammar-paper .grammar-example>div>p:first-child{font-size:21px}}