.grammar-page{background:#f2f5f2;min-width:0;min-height:calc(100vh - 68px);padding:24px 28px 28px}.grammar-page button,.grammar-page select,.grammar-page input{font:inherit}.grammar-page-header{justify-content:space-between;align-items:flex-end;gap:24px;width:100%;max-width:1440px;margin:0 auto 18px;display:flex}.grammar-header-copy{align-items:flex-end;gap:16px;min-width:0;display:flex}.grammar-source-switch,.grammar-mode-tabs{background:#eaf0ec;border:1px solid #dce5df;border-radius:14px;gap:4px;padding:5px;display:flex}.grammar-source-switch button,.grammar-mode-tabs button{color:#6f8077;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 15px;font-size:10px;font-weight:750;display:inline-flex}.grammar-source-switch button.is-active,.grammar-mode-tabs button.is-active{color:var(--green);background:#fff;box-shadow:0 4px 13px #204c3717}.grammar-mode-tabs button[aria-selected=true]{color:var(--green)}.grammar-sync-note{color:#74847c;white-space:nowrap;margin:0 0 3px;font-size:9px}.grammar-error{color:#84554b;background:#fff3f0;border:1px solid #ebd0c9;border-radius:11px;align-items:center;gap:9px;max-width:1440px;margin:0 auto 10px;padding:10px 13px;font-size:10px;display:flex}.grammar-error span{flex:1}.grammar-error button{color:inherit;cursor:pointer;background:0 0;border:0}.grammar-loading{color:#63766c;justify-content:center;align-items:center;gap:10px;min-height:420px;font-size:12px;display:flex}.grammar-library-layout{grid-template-columns:minmax(390px,420px) minmax(0,1fr);gap:20px;width:100%;max-width:1440px;min-height:620px;margin:0 auto;display:grid}.grammar-catalog-pane,.grammar-detail-pane{background:#fff;border:1px solid #dbe4df;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 14px 42px #1c3d2d0e}.grammar-catalog-pane{flex-direction:column;display:flex}.grammar-toolbar{background:#fbfcfb;border-bottom:1px solid #e3e9e5;gap:11px;padding:17px;display:grid}.grammar-search-field{color:#8b9992;background:#fff;border:1px solid #d8e2dc;border-radius:10px;align-items:center;gap:8px;min-height:43px;padding:0 13px;display:flex}.grammar-search-field input{color:#284137;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.grammar-level-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.grammar-level-tabs button{color:#6d7e75;cursor:pointer;background:#fff;border:1px solid #dce4df;border-radius:8px;min-width:0;height:33px;font-size:9px;font-weight:750}.grammar-level-tabs button.is-active{background:var(--green-soft);color:var(--green);border-color:#8eb9a2}.grammar-filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.grammar-filter-row select,.grammar-filter-row button{color:#61736a;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #dbe4df;border-radius:8px;min-width:0;height:35px;padding:0 10px;font-size:9px;overflow:hidden}.grammar-filter-row button.is-active{color:var(--green);background:#e8f3ed;border-color:#91baa4;font-weight:800}.grammar-tag-panel{background:#f7faf8;border-bottom:1px solid #e2e9e5;padding:11px 13px}.grammar-tag-panel header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.grammar-tag-panel header strong{font-size:10px}.grammar-tag-panel header button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:8px}.grammar-tag-panel>div{flex-wrap:wrap;gap:5px;max-height:137px;display:flex;overflow-y:auto}.grammar-tag-panel>div button,.grammar-selected-tags button{color:#63766c;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:8px;align-items:center;gap:5px;min-height:25px;padding:0 8px;font-size:8px;display:inline-flex}.grammar-tag-panel>div button.is-active{background:var(--green-soft);color:var(--green);border-color:#82b39b}.grammar-tag-panel small{color:#95a099;font-size:7px}.grammar-selected-tags{color:#849189;border-bottom:1px solid #e5ebe7;flex-wrap:wrap;align-items:center;gap:5px;padding:8px 13px;font-size:8px;display:flex}.grammar-selected-tags button{min-height:23px;color:var(--green);background:#edf5f0}.grammar-catalog-summary{color:#849189;border-bottom:1px solid #e3e9e5;justify-content:space-between;align-items:center;gap:8px;min-height:46px;padding:0 17px;font-size:8px;display:flex}.grammar-catalog-summary strong{color:#385448;font-size:12px}.grammar-list{scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.grammar-list>button{color:#2f473d;cursor:pointer;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ee;gap:6px;width:100%;padding:14px 17px;display:grid}.grammar-list>button:hover,.grammar-list>button.is-active{background:#eef6f1}.grammar-list>button.is-active{box-shadow:inset 3px 0 var(--green)}.grammar-list>button>strong{font-family:Noto Serif JP,Yu Mincho,serif;font-size:13px;line-height:1.5}.grammar-list>button>strong em{color:#d59b2a;margin-left:5px;font-style:normal}.grammar-list>button>span{color:#73847b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.55;display:-webkit-box;overflow:hidden}.grammar-list>button>small{color:#88958e;align-items:center;gap:6px;min-width:0;font-size:8px;display:flex}.grammar-list>button>small b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.grammar-list>button>small i{color:#66786f;background:#edf1ee;border-radius:5px;padding:3px 5px;font-style:normal}.grammar-list>button>small i.status-learning{color:#946b19;background:#fff2d9}.grammar-list>button>small i.status-mastered{color:#176347;background:#dff1e7}.grammar-list-empty,.grammar-detail-placeholder,.grammar-empty-state{color:#7a8a82;text-align:center;align-content:center;place-items:center;gap:8px;min-height:280px;padding:30px;display:grid}.grammar-list-empty strong,.grammar-detail-placeholder strong,.grammar-empty-state h2{color:#40594d;font-size:13px}.grammar-list-empty span,.grammar-detail-placeholder p,.grammar-empty-state p{margin:0;font-size:9px;line-height:1.6}.grammar-detail-placeholder>span,.grammar-empty-state>span{background:var(--green-soft);width:52px;height:52px;color:var(--green);border-radius:16px;place-items:center;font:800 20px/1 Noto Serif JP,serif;display:grid}.grammar-detail-pane{position:relative}.grammar-detail-scroll{scrollbar-width:thin;height:100%;padding:32px clamp(30px,4vw,58px) 50px;overflow-y:auto}.grammar-detail-back{display:none}.grammar-detail-heading{border-bottom:1px solid #e2e8e4;justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:25px;display:flex}.grammar-detail-heading h1{color:#203b30;margin:13px 0 6px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(26px,2.6vw,35px);line-height:1.4}.grammar-detail-heading>div>p{color:#71837a;margin:0;font-size:12px}.grammar-detail-badges{flex-wrap:wrap;gap:5px;display:flex}.grammar-detail-badges b,.grammar-detail-badges button{color:#49675a;background:#e8f1ec;border:0;border-radius:7px;min-height:25px;padding:0 8px;font-size:8px}.grammar-detail-badges b{background:var(--green);color:#fff;align-items:center;display:inline-flex}.grammar-detail-badges button{cursor:pointer}.grammar-detail-favorite{color:#d49b2c;cursor:pointer;background:#fff;border:1px solid #d8e2dc;border-radius:12px;flex:none;width:42px;height:42px;font-size:22px}.grammar-detail-block{margin-top:28px}.grammar-detail-block h2,.grammar-example-card h2,.grammar-progress-card h2{color:#315044;margin:0 0 9px;font-size:11px}.grammar-detail-block>p{color:#64776d;margin:0;font-size:12px;line-height:1.8}.grammar-meaning{background:#eef6f1;border-radius:15px;padding:20px 22px}.grammar-meaning>p{color:#274a3a;font-size:14px}.grammar-nuance{background:#f6f9f7;border-left:3px solid #9bbcaa;padding:10px 12px;margin-top:10px!important}.grammar-formations{gap:9px;display:grid}.grammar-formations>div{background:#fbfcfb;border:1px solid #e0e7e3;border-radius:11px;grid-template-columns:170px minmax(0,1fr);gap:18px;padding:12px 15px;display:grid}.grammar-formations strong{color:#51685d;font-size:9px}.grammar-formations span{color:#2f493e;font-family:Noto Serif JP,serif;font-size:12px}.grammar-chatgpt-card,.grammar-video-block a{color:#294b3c;background:linear-gradient(135deg,#eef7f2,#fff);border:1px solid #cdded5;border-radius:13px;align-items:center;gap:12px;margin-top:23px;padding:13px 15px;text-decoration:none;display:flex}.grammar-chatgpt-card>span,.grammar-video-block a>span{color:#fff;background:#214e3c;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;display:grid}.grammar-chatgpt-card p,.grammar-video-block a p{flex:1;gap:3px;min-width:0;margin:0;display:grid}.grammar-chatgpt-card strong,.grammar-video-block a strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.grammar-chatgpt-card small,.grammar-video-block a small{color:#75867d;font-size:8px}.grammar-chatgpt-card>b,.grammar-video-block a>b{color:#6f887b}.grammar-video-block>p{margin-top:-5px;font-size:9px}.grammar-video-block>div{gap:7px;display:grid}.grammar-video-block a{background:#fbfcfb;margin-top:0}.grammar-examples{gap:11px;margin-top:25px;display:grid}.grammar-example-card{background:#fff;border:1px solid #dce5df;border-radius:14px;padding:16px 17px}.grammar-example-card>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.grammar-example-card>header small{color:#7c8b84;font-size:8px}.grammar-example-card>header>div:last-child{gap:6px;display:flex}.grammar-example-card button,.grammar-example-card a{color:#49685a;cursor:pointer;background:#f8faf8;border:1px solid #d6e1da;border-radius:8px;align-items:center;min-height:30px;padding:0 9px;font-size:8px;text-decoration:none;display:inline-flex}.grammar-example-card button.is-playing{color:#8c493f;background:#fff1ee;border-color:#cc8d83}.grammar-example-jp{color:#203b30;margin:16px 0 6px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:20px;line-height:2.05}.grammar-example-jp ruby{ruby-align:center}.grammar-example-jp rt{color:#75867d;font-family:Inter,sans-serif;font-size:8px}.grammar-example-jp mark{color:inherit;background:#fff0af;border-radius:4px;padding:0 2px}.grammar-example-zh{color:#6e8077;margin:0;font-size:10px;line-height:1.6}.grammar-progress-card{background:#f7faf8;border:1px solid #dce5df;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin-top:25px;padding:15px 17px;display:flex}.grammar-progress-card h2{margin-bottom:4px}.grammar-progress-card p{color:#7b8b83;margin:0;font-size:8px}.grammar-progress-card>div:last-child{gap:5px;display:flex}.grammar-progress-card button{color:#687a71;cursor:pointer;background:#fff;border:1px solid #d6e0da;border-radius:8px;height:31px;padding:0 10px;font-size:8px}.grammar-progress-card button.is-active{background:var(--green);color:#fff;border-color:#7fae96}.grammar-adjacent{justify-content:space-between;gap:10px;margin-top:22px;display:flex}.grammar-adjacent button{color:#526b60;cursor:pointer;background:#fff;border:1px solid #d7e1db;border-radius:9px;min-width:105px;height:36px;font-size:9px}.grammar-adjacent button:disabled{cursor:default;opacity:.4}.grammar-review-pane,.grammar-history-pane,.grammar-stats-pane{background:#fff;border:1px solid #dbe4df;border-radius:18px;max-width:1100px;min-height:610px;margin:0 auto;padding:clamp(24px,4vw,52px);box-shadow:0 12px 38px #1d3f2e0e}.grammar-review-ready,.grammar-review-complete{text-align:center;align-content:center;place-items:center;gap:12px;min-height:500px;display:grid}.grammar-review-ready>span,.grammar-history-pane>header>span,.grammar-stats-pane>header span{color:var(--green-2);letter-spacing:.19em;text-transform:uppercase;font-size:8px;font-weight:850}.grammar-review-ready h1,.grammar-review-complete h1,.grammar-review-question h1,.grammar-history-pane h1,.grammar-stats-pane h1{color:#234034;margin:0;font-family:Noto Serif JP,serif;font-size:clamp(25px,3vw,36px)}.grammar-review-ready>p,.grammar-review-complete>p{color:#72837a;max-width:520px;margin:0;font-size:11px;line-height:1.7}.grammar-review-ready>div{gap:10px;margin:10px 0 4px;display:flex}.grammar-review-ready>div span{color:#597066;background:#f1f6f3;border-radius:12px;gap:5px;min-width:105px;padding:13px;font-size:9px;display:grid}.grammar-review-ready>div b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:25px;height:25px;margin:0 auto;display:grid}.grammar-review-ready>button,.grammar-review-complete>button,.grammar-review-next{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:11px;min-width:170px;min-height:42px;padding:0 18px;font-size:10px;font-weight:800}.grammar-review-ready>button:disabled{opacity:.45;cursor:default}.grammar-review-complete>span{background:var(--green-soft);width:64px;height:64px;color:var(--green);border-radius:50%;place-items:center;font-size:28px;display:grid}.grammar-review-session{max-width:780px;margin:0 auto}.grammar-review-session>header{color:#75867d;border-bottom:1px solid #e0e7e3;justify-content:space-between;padding-bottom:13px;font-size:9px;display:flex}.grammar-review-session>header strong{color:var(--green)}.grammar-review-question{text-align:center;place-items:center;gap:11px;padding:30px 0 23px;display:grid}.grammar-review-question>span{color:var(--green);letter-spacing:.18em;text-transform:uppercase;font-size:8px;font-weight:850}.grammar-review-question>button{color:#225b43;cursor:pointer;background:#eaf5ef;border:1px solid #cbded4;border-radius:11px;min-width:190px;min-height:43px;font-size:10px;font-weight:800}.grammar-review-question>button+button{color:#6a7c73;background:0 0;border:0;min-width:0;min-height:30px;font-size:8px}.grammar-review-question>button.is-playing{color:#8c493f;background:#fff1ee}.grammar-review-question>p{color:#4b584f;background:#fff6d7;border-radius:8px;margin:0;padding:8px 12px;font-family:Noto Serif JP,serif;font-size:16px}.grammar-review-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.grammar-review-choices button{color:#344f43;cursor:pointer;text-align:left;background:#fff;border:1px solid #dbe4df;border-radius:12px;gap:5px;min-height:72px;padding:12px 14px;display:grid}.grammar-review-choices button:hover:not(:disabled){background:#f1f7f3;border-color:#8cb69f}.grammar-review-choices button strong{font-family:Noto Serif JP,serif;font-size:12px}.grammar-review-choices button span{color:#74857c;font-size:8px;line-height:1.5}.grammar-review-choices button.is-correct{background:#e7f4ed;border-color:#6eae8c}.grammar-review-choices button.is-wrong{background:#fff0ed;border-color:#d69c92}.grammar-review-feedback{background:#f0f8f3;border:1px solid #cfe2d7;border-radius:12px;margin-top:13px;padding:15px}.grammar-review-feedback.is-wrong{background:#fff4f1;border-color:#ead0ca}.grammar-review-feedback>strong{color:var(--green);font-size:11px}.grammar-review-feedback.is-wrong>strong{color:#9a5549}.grammar-review-feedback>p:first-of-type{color:#2b463a;margin:10px 0 5px;font-family:Noto Serif JP,serif;font-size:18px}.grammar-review-feedback>p:nth-of-type(2),.grammar-review-feedback>small{color:#6c7e75;font-size:9px}.grammar-review-next{margin:14px 0 0 auto;display:block}.grammar-history-pane>header,.grammar-stats-pane>header{border-bottom:1px solid #e0e7e3;justify-content:space-between;align-items:end;gap:20px;padding-bottom:20px;display:flex}.grammar-history-pane>header{display:block}.grammar-history-pane>header p{color:#76877e;margin:7px 0 0;font-size:9px}.grammar-history-pane>div{gap:9px;margin-top:16px;display:grid}.grammar-history-pane article{background:#fbfcfb;border:1px solid #dfe6e2;border-radius:12px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px;display:grid;position:relative}.grammar-history-pane article>span{width:30px;height:30px;color:var(--green);background:#e4f2ea;border-radius:9px;place-items:center;font-weight:900;display:grid}.grammar-history-pane article>span.is-wrong{color:#9a4e43;background:#ffebe7}.grammar-history-pane article>div{min-width:0}.grammar-history-pane article strong,.grammar-history-pane article p,.grammar-history-pane article small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.grammar-history-pane article strong{color:#304b3f;font-family:Noto Serif JP,serif;font-size:11px}.grammar-history-pane article p{color:#64766d;margin:4px 0 2px;font-size:9px}.grammar-history-pane article small{color:#88958e;font-size:8px}.grammar-history-pane dl{gap:14px;margin:0;display:flex}.grammar-history-pane dl div{gap:3px;display:grid}.grammar-history-pane dt{color:#929d97;font-size:7px}.grammar-history-pane dd{color:#50675c;margin:0;font-size:8px}.grammar-history-pane time{color:#8a9790;font-size:8px}.grammar-stats-pane>header select{color:#5d7167;background:#fff;border:1px solid #d8e2dc;border-radius:9px;height:33px;padding:0 28px 0 10px;font-size:9px}.grammar-stats-cards{grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;display:grid}.grammar-stats-cards article{background:#f8faf8;border:1px solid #dce5df;border-radius:13px;gap:5px;padding:16px;display:grid}.grammar-stats-cards strong{color:var(--green);font-size:25px}.grammar-stats-cards span{color:#7a8b82;font-size:8px}.grammar-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grammar-stats-grid>section{border:1px solid #dce5df;border-radius:13px;padding:17px}.grammar-stats-grid h2{color:#405a4e;margin:0 0 13px;font-size:11px}.grammar-level-progress-row{grid-template-columns:28px minmax(0,1fr) 58px;align-items:center;gap:8px;margin:10px 0;display:grid}.grammar-level-progress-row strong{color:#496157;font-size:9px}.grammar-level-progress-row>span{background:#e7ede9;border-radius:6px;height:7px;overflow:hidden}.grammar-level-progress-row i{border-radius:inherit;background:linear-gradient(90deg,#65a883,#1d7452);height:100%;display:block}.grammar-level-progress-row small{color:#7e8d85;text-align:right;font-size:8px}.grammar-stats-grid>section:last-child>button{color:#40584d;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #e5ebe7;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:43px;padding:0 10px;display:flex}.grammar-stats-grid>section:last-child>button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:Noto Serif JP,serif;font-size:10px;overflow:hidden}.grammar-stats-grid>section:last-child>button small{color:#8d5b51;font-size:8px}.grammar-empty-state.compact{min-height:130px;padding:15px}.grammar-disclaimer{color:#8b9891;text-align:center;max-width:1440px;margin:10px auto 0;font-size:8px}@media (width>=921px){.grammar-page{flex-direction:column;height:calc(100vh - 68px);min-height:0;display:flex;overflow:hidden}.grammar-mode-tabs{display:none}.grammar-library-layout,.grammar-review-pane,.grammar-history-pane,.grammar-stats-pane{flex:1;min-height:0}.grammar-history-pane,.grammar-stats-pane{overflow-y:auto}.grammar-disclaimer{flex:none}}@media (width<=1380px){.grammar-page{padding-left:20px;padding-right:20px}.grammar-library-layout{grid-template-columns:360px minmax(0,1fr);gap:16px}}@media (width<=1180px){.grammar-library-layout{grid-template-columns:320px minmax(0,1fr);gap:14px}.grammar-page-header{flex-direction:column;align-items:stretch}.grammar-source-switch{grid-template-columns:repeat(4,1fr);width:100%;display:grid}}@media (width<=920px){.grammar-page{min-height:calc(100vh - 68px);padding:16px 18px 86px}.grammar-page-header{gap:10px;margin-bottom:12px}.grammar-header-copy{justify-content:space-between}.grammar-mode-tabs{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.grammar-library-layout{min-height:0;display:block}.grammar-catalog-pane{height:calc(100vh - 248px);min-height:500px}.grammar-detail-pane{min-height:620px;display:none;overflow:visible}.grammar-page.is-detail-open .grammar-catalog-pane{display:none}.grammar-page.is-detail-open .grammar-detail-pane{display:block}.grammar-detail-scroll{height:auto;padding:24px 22px 38px;overflow:visible}.grammar-detail-back{width:100%;height:40px;color:var(--green);cursor:pointer;background:#f7faf8;border:0;border-bottom:1px solid #e2e8e4;font-size:9px;display:block}.grammar-review-pane,.grammar-history-pane,.grammar-stats-pane{min-height:calc(100vh - 190px)}}@media (width<=760px){.grammar-page{min-height:calc(100vh - 68px);padding:12px 13px 82px}.grammar-page-header{gap:7px;margin-bottom:9px}.grammar-source-switch,.grammar-mode-tabs{border-radius:10px;gap:2px;padding:3px}.grammar-source-switch button,.grammar-mode-tabs button{text-overflow:ellipsis;gap:3px;min-width:0;min-height:32px;padding:0 3px;font-size:7px;overflow:hidden}.grammar-source-switch .icon{display:none}.grammar-header-copy{align-items:flex-end}.grammar-sync-note{margin:0 0 2px;font-size:7px}.grammar-library-layout{min-height:0;display:block}.grammar-catalog-pane{height:calc(100vh - 238px);min-height:470px}.grammar-detail-pane{min-height:600px;display:none;overflow:visible}.grammar-page.is-detail-open .grammar-catalog-pane{display:none}.grammar-page.is-detail-open .grammar-detail-pane{display:block}.grammar-detail-scroll{height:auto;padding:18px 14px 30px;overflow:visible}.grammar-detail-back{width:100%;height:38px;color:var(--green);cursor:pointer;background:#f7faf8;border:0;border-bottom:1px solid #e2e8e4;font-size:9px;display:block}.grammar-detail-heading h1{font-size:27px}.grammar-formations>div{grid-template-columns:1fr;gap:5px}.grammar-example-card>header{display:grid}.grammar-example-card>header>div:last-child{flex-wrap:wrap}.grammar-example-jp{font-size:18px}.grammar-progress-card{flex-direction:column;align-items:stretch}.grammar-progress-card>div:last-child{grid-template-columns:repeat(3,1fr);display:grid}.grammar-review-pane,.grammar-history-pane,.grammar-stats-pane{min-height:calc(100vh - 177px);padding:20px 13px}.grammar-review-ready,.grammar-review-complete{min-height:430px}.grammar-review-ready>div{gap:5px;width:100%}.grammar-review-ready>div span{flex:1;min-width:0;padding:9px 4px}.grammar-review-question h1{font-size:24px}.grammar-review-choices{grid-template-columns:1fr}.grammar-history-pane>header,.grammar-stats-pane>header{align-items:flex-start}.grammar-history-pane article{grid-template-columns:30px minmax(0,1fr)}.grammar-history-pane article dl{grid-column:2}.grammar-history-pane article time{position:absolute;top:12px;right:12px}.grammar-stats-cards{grid-template-columns:repeat(2,1fr)}.grammar-stats-grid{grid-template-columns:1fr}.grammar-disclaimer{line-height:1.5}}@media (width<=600px){.grammar-page{min-height:calc(100vh - 58px)}.grammar-catalog-pane{height:calc(100vh - 230px);min-height:450px}}:root{color:#183127;font-synthesis:none;text-rendering:optimizelegibility;--ink:#183127;--muted:#6d7d75;--line:#dfe6e1;--surface:#fff;--surface-soft:#f5f8f5;--green:#176347;--green-2:#25835e;--green-soft:#e1f2e9;--amber:#e2a62f;--shadow:0 18px 55px #1c3a2b17;background:#edf1ed;font-family:Inter,Noto Sans SC,Noto Sans JP,Hiragino Sans,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#edf1ed;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}.icon{flex:none;display:block}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;padding-bottom:100px}.topbar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafcfaf0;border-bottom:1px solid #cedad3e0;justify-content:space-between;align-items:center;height:68px;padding:0 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:210px;text-decoration:none;display:flex}.brand-button{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.brand-mark{color:#fff;background:linear-gradient(145deg,#22795a,#104a34);border-radius:11px;place-items:center;width:36px;height:36px;font:800 19px/1 Noto Serif JP,serif;display:grid;box-shadow:inset 0 -8px 12px #00000021}.brand>span:last-child{line-height:1.08;display:grid}.brand strong{letter-spacing:-.02em;font-size:15px}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin-top:3px;font-size:9px}.topbar-status{align-items:center;gap:13px;display:flex}.api-status{color:#577067;align-items:center;gap:7px;font-size:12px;display:inline-flex}.api-status i{background:#2ea46f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2ea46f1f}.topbar-status button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.mobile-sentences-button{position:relative;display:none!important}.mobile-history-button,.mobile-progress-button{display:none!important}.topbar-status .mobile-progress-button.is-active{background:var(--green-soft);color:var(--green);border-color:#a9cdb9}.mobile-sentences-button em{background:var(--green);color:#fff;border:2px solid #fafcfa;border-radius:10px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:7px;font-style:normal;display:grid;position:absolute;top:-5px;right:-5px}.auth-control{position:relative}.topbar-status .auth-trigger{color:#50665b;align-items:center;gap:7px;width:auto;max-width:170px;padding:0 10px;display:flex}.auth-trigger>img{object-fit:cover;border-radius:50%;width:24px;height:24px}.auth-trigger>span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:700;overflow:hidden}.auth-trigger.is-signed-in{background:#f5f9f6;padding-left:5px}.auth-popover{z-index:85;background:#fff;border:1px solid #d7e1db;border-radius:15px;width:274px;padding:16px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 55px #142d2133}.auth-title{color:#30463c;margin:0;font-size:14px;font-weight:800}.auth-description,.auth-loading{color:#76867e;margin:6px 0 14px;font-size:10px;line-height:1.55}.google-signin-slot{min-height:44px;overflow:hidden}.auth-error{color:#9a4b40;margin:10px 0 0;font-size:9px;line-height:1.5}.auth-profile{align-items:center;gap:10px;display:flex}.auth-profile>img,.auth-profile>span{background:var(--green-soft);width:38px;height:38px;color:var(--green);object-fit:cover;border-radius:50%;flex:none;place-items:center;display:grid}.auth-profile p{gap:3px;min-width:0;margin:0;display:grid}.auth-profile strong,.auth-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-profile strong{font-size:12px}.auth-profile small{color:#78877f;font-size:9px}.auth-sync-note{color:#78877f;margin:13px 0 9px;font-size:9px}.auth-signout{color:#5f7268;min-height:35px;font-size:9px;background:#f8faf8!important;border-color:#dae3de!important;width:100%!important}.workspace{grid-template-columns:230px minmax(420px,1fr) 340px;align-items:start;min-height:calc(100vh - 68px);display:grid}.sidebar,.inspector{scrollbar-width:thin;height:calc(100vh - 167px);position:sticky;top:68px;overflow-y:auto}.sidebar{border-right:1px solid var(--line);background:#f7f9f7;padding:22px 14px}.nav-label{color:#8a9891;letter-spacing:.14em;text-transform:uppercase;margin:0 9px 8px;font-size:10px;font-weight:800}.nav-link{color:#586a61;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:11px;width:100%;min-height:42px;margin-bottom:3px;padding:0 11px;font-size:13px;text-decoration:none;display:flex}.nav-link span{flex:1}.nav-link em{color:#687a70;background:#e8eeea;border-radius:20px;padding:2px 7px;font-size:10px;font-style:normal}.nav-link.is-active{color:var(--green);background:var(--green-soft);font-weight:750}.primary-navigation-group{position:relative}.primary-subnavigation{border-left:1px solid #cedbd3;margin:-1px 0 7px 21px;padding:5px 0 5px 17px}.sidebar-subnavigation{gap:2px;display:grid}.sidebar-subnav-link{color:#718078;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;min-height:32px;padding:0 9px;font-size:10px;font-weight:650;display:flex;position:relative}.sidebar-subnav-link:before{content:"";background:#cedbd3;width:9px;height:1px;position:absolute;top:50%;left:-21px}.sidebar-subnav-link span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-subnav-link em{color:#7a8881;text-align:center;background:#e8eeea;border-radius:10px;min-width:22px;padding:2px 5px;font-size:8px;font-style:normal}.sidebar-subnav-link:hover,.sidebar-subnav-link:focus-visible{color:#315c49;background:#eef4f0;outline:0}.sidebar-subnav-link.is-active{color:var(--green);background:#fff;font-weight:800;box-shadow:0 4px 14px #204c3712}.sidebar-subnav-link.is-active:before{background:var(--green);border-radius:2px;width:2px;height:17px;left:-22px;transform:translateY(-50%)}.sidebar-subnav-link.is-active em{background:var(--green-soft);color:var(--green)}.mobile-primary-navigation{display:none}.current-material{border-top:1px solid var(--line);margin-top:29px;padding-top:18px}.material-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e2dc;border-radius:13px;grid-template-columns:56px minmax(0,1fr);gap:10px;width:100%;padding:8px;display:grid;box-shadow:0 5px 16px #2541330d}.material-card img{object-fit:cover;background:#e7ece8;border-radius:9px;width:56px;height:56px}.material-card>span{min-width:0}.material-card strong{color:#284037;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.material-card small{color:#7c8c84;margin-top:6px;font-size:9px;display:block}.material-card b{color:var(--green)}.recent-material-label{margin-top:15px}.recent-material-card{box-shadow:none;background:#fbfcfb}.material-card-image{color:#819188;background:#e7ece8;border-radius:9px;place-items:center;width:56px;height:56px;font:800 17px/1 Noto Serif JP,serif;display:grid;position:relative;overflow:hidden}.material-card-image img{border-radius:inherit;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.recent-material-empty{color:#829087;border:1px dashed #d5dfd9;border-radius:10px;margin:0;padding:9px 10px;font-size:9px;line-height:1.55}.history-sidebar-button{width:100%;min-height:39px;color:var(--green);cursor:pointer;background:#edf5f0;border:1px solid #cfddd5;border-radius:11px;align-items:center;gap:8px;margin-top:10px;padding:0 10px;font-size:11px;font-weight:750;display:flex}.history-sidebar-button span{text-align:left;flex:1}.history-sidebar-button:hover,.history-sidebar-button:focus-visible{background:#e2f1e8;border-color:#9dc5af}.private-notice{color:#6a7a72;background:#edf2ee;border-radius:11px;align-items:center;gap:9px;margin-top:18px;padding:10px;display:flex}.private-notice>span{width:27px;height:27px;color:var(--green);background:#d8e6de;border-radius:8px;place-items:center;font-size:11px;font-weight:900;display:grid}.private-notice p{gap:2px;margin:0;display:grid}.private-notice strong{font-size:10px}.private-notice small{font-size:9px}.reader{background:var(--surface);min-width:0;padding:27px clamp(26px,4vw,70px) 70px}.warning-banner{color:#76591a;background:#fff8e7;border:1px solid #efd59e;border-radius:11px;max-width:820px;margin:0 auto 18px;padding:11px 14px;font-size:12px;line-height:1.5}.catalog-shell{padding-bottom:0}.catalog-shell.innovative-lesson-shell{padding-bottom:100px}.catalog-workspace{background:#f4f6f3;grid-template-columns:230px minmax(0,1fr)}.catalog-shell .sidebar{height:calc(100vh - 68px)}.catalog-side-guide{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#536a5f;align-items:center;gap:10px;margin-top:28px;padding:13px 11px;display:flex}.catalog-side-guide>span{width:32px;height:32px;color:var(--green);background:#dff0e7;border-radius:10px;flex:none;place-items:center;display:grid}.catalog-side-guide p{gap:3px;margin:0;display:grid}.catalog-side-guide strong{font-size:10px}.catalog-side-guide small{color:#819087;font-size:8px;line-height:1.45}.catalog-page{min-width:0;min-height:calc(100vh - 68px);padding:39px clamp(24px,4vw,62px) 70px}.history-page{background:#f4f6f3;min-width:0;min-height:calc(100vh - 68px);padding:39px clamp(24px,4vw,62px) 70px}.my-mobile-navigation{display:none}.catalog-section-header{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;min-height:46px;margin:0 auto 15px;display:flex}.section-title-compact{gap:3px;min-width:0;display:grid}.section-title-compact>span{color:var(--green-2);letter-spacing:.19em;font-size:8px;font-weight:850}.section-title-compact>strong{color:#19352a;letter-spacing:-.03em;font-family:Noto Serif JP,Yu Mincho,serif;font-size:24px;line-height:1.15}.section-view-tabs{background:#eaf0ec;border:1px solid #dce5df;border-radius:12px;gap:4px;padding:4px;display:flex}.section-view-tabs button{color:#6f8077;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 14px;font-size:9px;font-weight:800}.section-view-tabs button.is-active{color:var(--green);background:#fff;box-shadow:0 4px 13px #204c3717}@media (width>=921px){.catalog-section-header .section-view-tabs,.history-filter{display:none}.history-toolbar{justify-content:flex-end}}.dashboard-page{background:#f4f6f3;min-width:0;min-height:calc(100vh - 68px);padding:46px clamp(24px,5vw,72px) 72px}.dashboard-heading{justify-content:space-between;align-items:end;gap:28px;max-width:1160px;margin:0 auto 28px;display:flex}.dashboard-heading>div>span{color:var(--green-2);letter-spacing:.12em;font-size:9px;font-weight:850}.dashboard-heading h1{color:#19352a;letter-spacing:-.04em;margin:8px 0 7px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(31px,4vw,48px);line-height:1.2}.dashboard-heading p{color:#72837a;margin:0;font-size:11px;line-height:1.6}.dashboard-heading>button{min-height:39px;color:var(--green);cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cadbd1;border-radius:10px;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:800;display:inline-flex}.dashboard-focus-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:1160px;margin:0 auto;display:grid}.dashboard-focus-card{background:#fff;border:1px solid #d8e3dc;border-radius:18px;flex-direction:column;min-width:0;min-height:250px;padding:22px;display:flex;box-shadow:0 12px 35px #1b3a2a0e}.dashboard-focus-card>span{color:var(--green);align-items:center;gap:8px;font-size:10px;font-weight:850;display:inline-flex}.dashboard-focus-card h2{color:#263e34;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:23px 0 8px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:20px;line-height:1.55;display:-webkit-box;overflow:hidden}.dashboard-focus-card p{color:#74857c;margin:0;font-size:10px;line-height:1.65}.dashboard-focus-card>button{min-height:36px;color:var(--green);cursor:pointer;background:#edf5f0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.dashboard-focus-card.is-reading{background:linear-gradient(145deg,#fff,#f4faf6)}.dashboard-focus-card.is-grammar>span{color:#8a6419}.dashboard-focus-card.is-grammar>button{color:#725311;background:#fbf4e5}.dashboard-focus-card.is-course>span{color:#345e8a}.dashboard-focus-card.is-course>button{color:#345e8a;background:#edf3f8}.dashboard-library-strip{background:#fffc;border:1px solid #d9e3dd;border-radius:15px;grid-template-columns:130px 130px minmax(0,1fr);align-items:center;gap:10px;max-width:1160px;margin:17px auto 0;padding:12px;display:grid}.dashboard-library-strip>div{border-right:1px solid #e1e8e4;gap:3px;padding:4px 10px;display:grid}.dashboard-library-strip strong{color:var(--green);font-size:18px}.dashboard-library-strip span{color:#7a8981;font-size:9px}.dashboard-library-strip>button{min-height:38px;color:var(--green);cursor:pointer;background:0 0;border:0;justify-content:flex-end;align-items:center;gap:7px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.history-hero{justify-content:space-between;align-items:end;gap:30px;max-width:1120px;margin:0 auto 27px;display:flex}.history-hero.is-compact{border-bottom:1px solid #dbe4df;align-items:center;min-height:84px;margin-bottom:20px;padding-bottom:18px}.history-hero h1{color:#19352a;letter-spacing:-.035em;margin:8px 0 7px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(30px,3vw,43px)}.history-hero.is-compact h1{margin-top:6px;font-size:clamp(27px,2.5vw,36px)}.history-hero p{color:#74847c;margin:0;font-size:11px}.history-summary{grid-template-columns:repeat(4,minmax(86px,1fr));gap:8px;display:grid}.history-summary span,.history-summary button{color:#76867e;text-align:left;background:#fff;border:1px solid #dbe4df;border-radius:13px;gap:3px;min-width:86px;padding:11px 14px;font-size:9px;display:grid;box-shadow:0 7px 20px #223d2f0a}.history-summary button{cursor:pointer}.history-summary button:hover,.history-summary button:focus-visible{background:#f7fbf8;border-color:#9fc3b0;outline:0}.history-summary strong{color:var(--green);font-size:20px;line-height:1}.history-learning-courses{background:linear-gradient(145deg,#f7fbf8,#edf5f0);border:1px solid #d7e3dc;border-radius:17px;max-width:1120px;margin:0 auto 18px;padding:16px;box-shadow:0 9px 28px #1f3f2f0b}.history-learning-courses>header{justify-content:space-between;align-items:center;gap:18px;min-height:38px;margin-bottom:13px;display:flex}.history-learning-courses>header>div{align-items:center;gap:10px;min-width:0;display:flex}.history-course-icon{background:var(--green);color:#fff;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.history-learning-courses>header>div>span:last-child{gap:2px;min-width:0;display:grid}.history-learning-courses>header h2{color:#284337;margin:0;font-size:13px}.history-learning-courses>header small{color:#7c8c84;font-size:8px}.history-learning-courses>header>button{color:var(--green);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.history-learning-courses>header>button:hover,.history-learning-courses>header>button:focus-visible{background:#ffffffbf;outline:0}.history-course-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.history-course-card{text-align:left;cursor:pointer;background:#ffffffed;border:1px solid #d8e3dc;border-radius:13px;flex-direction:column;align-items:stretch;min-width:0;min-height:142px;padding:13px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 5px 17px #1b3b2a0a}.history-course-card:hover,.history-course-card:focus-visible{border-color:#9ebfad;outline:0;transform:translateY(-1px);box-shadow:0 10px 25px #1b3b2a17}.history-course-level{color:var(--green);background:#e8f2ec;border-radius:6px;align-self:flex-start;padding:3px 7px;font-size:7px;font-weight:800}.history-course-card>strong{color:#2a4036;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin-top:8px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.history-course-progress-copy{justify-content:space-between;align-items:baseline;gap:8px;margin-top:9px;display:flex}.history-course-progress-copy b{color:#365247;font-size:9px}.history-course-progress-copy small{color:var(--green);font-size:9px;font-weight:800}.history-course-progress-track{background:#dfe9e3;border-radius:4px;width:100%;height:4px;margin-top:5px;display:block;overflow:hidden}.history-course-progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--green), #57a981);height:100%;display:block}.history-course-footer{color:#849189;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.history-course-footer>small{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:7px;overflow:hidden}.history-course-footer>b{color:var(--green);white-space:nowrap;align-items:center;gap:3px;font-size:8px;display:inline-flex}.history-courses-loading,.history-courses-error,.history-courses-empty{color:#74847c;background:#ffffffa8;border:1px dashed #cfdbd4;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:92px;font-size:9px;display:flex}.history-courses-error button,.history-courses-empty button{min-height:28px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #c9dacf;border-radius:7px;padding:0 9px;font-size:8px;font-weight:800}.history-content-section{max-width:1120px;margin:0 auto 22px}.history-content-heading{justify-content:space-between;align-items:center;gap:18px;min-height:42px;margin-bottom:11px;display:flex}.history-content-heading>div{gap:3px;min-width:0;display:grid}.history-content-heading h2{color:#2c463a;margin:0;font-size:14px}.history-content-heading p{color:#819087;margin:0;font-size:8px}.history-content-heading>button{color:var(--green);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;padding:7px 4px 7px 9px;font-size:9px;font-weight:800;display:inline-flex}.history-content-heading>button:hover,.history-content-heading>button:focus-visible{background:#e9f2ed;outline:0}.history-empty.compact{min-height:190px}.history-saved-library{gap:5px;display:grid}.history-saved-sentences{border-top:1px solid #dbe4df;margin-top:7px;padding-top:17px}.history-saved-sentence-groups{gap:18px;display:grid}.history-saved-sentence-group{gap:9px;display:grid}.history-saved-sentence-group>header{justify-content:space-between;align-items:center;gap:16px;min-height:43px;padding:0 3px;display:flex}.history-saved-sentence-group>header>div{gap:3px;min-width:0;display:grid}.history-saved-sentence-group>header h3{color:#315044;margin:0;font-size:11px}.history-saved-sentence-group>header p{color:#849188;margin:0;font-size:8px}.history-saved-sentence-group>header>span{color:var(--green);background:#e8f2ec;border-radius:7px;flex:none;padding:4px 8px;font-size:8px;font-weight:800}.history-saved-sentences .saved-sentences-list{padding:0;overflow:visible}.history-saved-sentences .saved-sentences-list article{box-shadow:0 6px 22px #1c3a2b0a}.history-toolbar{background:#fff;border:1px solid #dce5df;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;max-width:1120px;min-height:48px;margin:0 auto 14px;padding:6px 9px;display:flex}.history-toolbar>span{color:#849089;padding-right:8px;font-size:9px}.history-filter{gap:4px;display:flex}.history-filter button{color:#66786f;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;min-height:34px;padding:0 12px;font-size:10px;font-weight:700;display:inline-flex}.history-filter button.is-active{background:var(--green-soft);color:var(--green)}.history-list{gap:11px;max-width:1120px;margin:0 auto;display:grid}.history-card{cursor:pointer;background:#fff;border:1px solid #dce5df;border-radius:15px;grid-template-columns:190px minmax(0,1fr) 36px;align-items:center;gap:19px;min-height:154px;padding:12px 17px 12px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 25px #1a38290b}.history-card:hover,.history-card:focus-visible{border-color:#b8d0c2;outline:0;transform:translateY(-1px);box-shadow:0 13px 34px #1a382917}.history-card-image{color:#8a9a91;background:#e6ece8;border-radius:11px;place-items:center;width:190px;height:130px;font:800 29px/1 Noto Serif JP,serif;display:grid;position:relative;overflow:hidden}.history-card-image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.history-card-content{min-width:0}.history-card-meta{color:#89958f;flex-wrap:wrap;align-items:center;gap:7px;font-size:8px;display:flex}.history-card-meta i{background:#b7c1bb;border-radius:50%;width:3px;height:3px}.history-card-meta .history-level{background:var(--green);color:#fff;border-radius:6px;padding:3px 7px;font-weight:800}.history-card h2{color:#263e34;text-overflow:ellipsis;white-space:nowrap;margin:9px 0 5px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:18px;line-height:1.55;overflow:hidden}.history-card-content>p{color:#74857c;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;line-height:1.5;overflow:hidden}.history-card-footer{color:#849189;align-items:center;gap:12px;margin-top:13px;font-size:8px;display:flex}.history-card-footer b{color:var(--green);align-items:center;gap:4px;font-weight:750;display:inline-flex}.history-card-footer b .icon{fill:currentColor}.history-card-arrow{color:#769083}.history-empty{color:#698176;text-align:center;background:#ffffffb3;border:1px dashed #d4dfd8;border-radius:17px;align-content:center;place-items:center;gap:9px;max-width:1120px;min-height:350px;margin:0 auto;padding:40px 20px;display:grid}.history-empty h2{color:#40584d;margin:3px 0 0;font-size:15px}.history-empty p{color:#829087;max-width:400px;margin:0;font-size:10px;line-height:1.6}.history-empty button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:36px;margin-top:7px;padding:0 15px;font-size:10px;font-weight:750}.catalog-hero{justify-content:space-between;align-items:end;gap:30px;max-width:1320px;margin:0 auto 28px;display:flex}.catalog-eyebrow{color:var(--green-2);letter-spacing:.2em;font-size:9px;font-weight:850}.catalog-hero h1{color:#19352a;letter-spacing:-.035em;margin:8px 0 6px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(29px,3vw,44px);line-height:1.25}.catalog-hero>div:first-child>p{color:#75867d;margin:0;font-size:12px}.catalog-controls{background:#fff;border:1px solid #dce4df;border-radius:15px;align-items:center;gap:12px;max-width:1320px;min-height:52px;margin:0 auto;padding:7px;display:flex;box-shadow:0 7px 30px #213d300d}.catalog-mode-label{min-height:38px;color:var(--green);white-space:nowrap;background:#edf4ef;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.catalog-mode-switch{background:#edf2ef;border-radius:11px;gap:3px;min-height:38px;padding:3px;display:flex}.catalog-mode-switch button{color:#718078;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:9px;font-weight:750;display:inline-flex}.catalog-mode-switch button.is-active{color:var(--green);background:#fff;box-shadow:0 3px 11px #1d473317}.catalog-mode-copy{border-left:1px solid var(--line);color:#75867d;flex:1;align-items:center;min-width:0;height:38px;padding-left:14px;font-size:10px;display:flex}.catalog-search{border-left:1px solid var(--line);color:#87958e;flex:1;align-items:center;gap:8px;height:38px;padding-left:10px;display:flex}.catalog-search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:12px}.catalog-search input::placeholder{color:#a0aaa5}.catalog-search button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;align-self:stretch;padding:0 15px;font-size:10px;font-weight:750}.refresh-button{border:1px solid var(--line);color:#61756b;cursor:pointer;background:#f8faf8;border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.refresh-button.is-loading .icon{animation:.8s linear infinite catalog-spin}.catalog-filters{align-items:center;gap:13px;max-width:1320px;margin:14px auto 24px;display:flex}.level-filter{gap:4px;display:flex}.level-filter button{color:#718078;cursor:pointer;background:#fff;border:1px solid #dce5df;border-radius:8px;min-width:40px;height:29px;padding:0 8px;font-size:9px}.level-filter button.is-active{color:var(--green);background:#e4f2ea;border-color:#82b39b;font-weight:800}.catalog-filters label{color:#849189;align-items:center;gap:6px;font-size:9px;display:flex}.catalog-filters select{color:#5d7066;background:#fff;border:1px solid #dce5df;border-radius:8px;outline:0;height:29px;padding:0 24px 0 9px;font-size:9px}.reading-status-filter{background:#fff;border:1px solid #dce5df;border-radius:9px;gap:3px;padding:3px;display:inline-flex}.reading-status-filter button{color:#74837b;cursor:pointer;background:0 0;border:0;border-radius:6px;min-width:43px;height:23px;padding:0 8px;font-size:8px}.reading-status-filter button.is-active{background:var(--green-soft);color:var(--green);font-weight:800}.live-note{color:#819087;align-items:center;gap:6px;margin-left:auto;font-size:9px;display:inline-flex}.live-note i{background:#2e9d6d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #2e9d6d1c}.catalog-error{color:#85534a;background:#fff2ef;border:1px solid #efd2cc;border-radius:11px;align-items:center;gap:9px;max-width:1320px;margin:14px auto 20px;padding:11px 13px;font-size:10px;display:flex}.catalog-error strong{font-size:11px}.catalog-error span{flex:1}.catalog-error button{color:#85534a;cursor:pointer;background:#fff;border:1px solid #e4bbb2;border-radius:7px;padding:5px 10px;font-size:9px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1320px;margin:0 auto;display:grid}.article-card{cursor:pointer;background:#fff;border:1px solid #dce5df;border-radius:17px;outline:0;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s,opacity .18s;position:relative;overflow:hidden;box-shadow:0 10px 33px #1e3c2d0e}.article-card:hover,.article-card:focus-visible{border-color:#9cbdac;transform:translateY(-3px);box-shadow:0 16px 40px #1e3c2d1a}.article-card:focus-visible{box-shadow:0 0 0 3px #2a966a2e,0 16px 40px #1e3c2d1a}.article-card.is-disabled{cursor:wait;opacity:.62;transform:none}.article-card.is-opening{cursor:wait}.article-card.is-read{background:#fbfcfb;border-color:#d9e1dc}.article-card-image{background:#e5ebe7;height:154px;position:relative;overflow:hidden}.article-card-image>img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.article-card:hover .article-card-image>img{transform:scale(1.025)}.article-card-placeholder{color:#91a099;place-items:center;width:100%;height:100%;font:800 35px/1 Noto Serif JP,serif;display:grid}.article-card-badges{gap:5px;display:flex;position:absolute;top:11px;left:11px}.article-card-badges b,.article-card-badges span{color:#5a6d63;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:7px;align-items:center;min-height:23px;padding:0 8px;font-size:8px;font-weight:750;display:inline-flex}.article-card-badges b{color:#fff;background:#166246f0}.article-read-status{color:#61736a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:7px;align-items:center;gap:4px;min-height:23px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex;position:absolute;top:11px;right:11px}.article-read-status.is-read{color:#fff;background:#1e694be6}.article-card-body{flex-direction:column;min-height:196px;padding:15px;display:flex}.jlpt-card .article-card-body{min-height:154px}.article-card-meta{color:#89968f;flex-wrap:wrap;align-items:center;gap:6px;font-size:8px;display:flex}.article-card-meta i{background:#b2bcb7;border-radius:50%;width:3px;height:3px}.article-card h3{color:#263d34;letter-spacing:-.018em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:12px 0 6px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:18px;line-height:1.75;display:-webkit-box;overflow:hidden}.article-card h3 rt{font-size:.42em}.article-card-translation{color:#60756a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:10px;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}.article-card-description{color:#829087;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:9px;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-loading{color:var(--green);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8fbf9e0;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:800;display:flex;position:absolute;inset:0}.button-spinner{border:2px solid #b6cec1;border-top-color:var(--green);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite catalog-spin}.catalog-pagination{justify-content:center;align-items:center;gap:16px;max-width:1320px;margin:27px auto 0;display:flex}.catalog-pagination button{color:#536b5f;cursor:pointer;background:#fff;border:1px solid #d7e1db;border-radius:9px;min-width:78px;height:34px;font-size:9px}.catalog-pagination button:disabled{cursor:default;opacity:.42}.catalog-pagination span{color:#819087;font-size:9px}.catalog-pagination strong{color:var(--green)}.catalog-empty{text-align:center;background:#ffffff8c;border:1px dashed #ccd8d1;border-radius:18px;justify-items:center;max-width:720px;margin:55px auto;padding:45px;display:grid}.catalog-empty>span{width:48px;height:48px;color:var(--green);background:#e3eee7;border-radius:15px;place-items:center;font:800 22px/1 Noto Serif JP,serif;display:grid}.catalog-empty h3{margin:15px 0 5px;font-size:15px}.catalog-empty p{color:#819087;margin:0;font-size:10px}.catalog-empty>button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;min-height:35px;margin-top:13px;padding:0 14px;font-size:9px;font-weight:800}.article-card-skeleton{height:450px;padding:15px;animation:1.3s ease-in-out infinite catalog-pulse}.article-card-skeleton span{background:#e6ece8;border-radius:9px;margin-bottom:13px;display:block}.article-card-skeleton span:first-child{border-radius:0;height:170px;margin:-15px -15px 24px}.article-card-skeleton span:nth-child(2){width:85%;height:25px}.article-card-skeleton span:nth-child(3){height:60px}.catalog-access-gate{background:#fff;border:1px solid #d2e2d9;border-radius:16px;align-items:center;gap:13px;max-width:720px;margin:38px auto;padding:21px;display:flex;box-shadow:0 12px 34px #1e3c2d0f}.catalog-access-gate>span{background:var(--green-soft);width:42px;height:42px;color:var(--green);border-radius:13px;flex:none;place-items:center;display:grid}.catalog-access-gate>div{min-width:0}.catalog-access-gate strong{color:#2f4a3e;font-size:14px}.catalog-access-gate p{color:#74857c;margin:5px 0 0;font-size:10px;line-height:1.65}.innovative-pathway-card .article-card-body{min-height:184px}.innovative-pathway-card .article-card-description{-webkit-line-clamp:2}.innovative-pathway-progress{min-width:38px;min-height:23px;color:var(--green);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border-radius:7px;place-items:center;padding:0 7px;font-size:8px;font-weight:850;display:grid;position:absolute;top:11px;right:11px}.innovative-card-action{color:var(--green);align-items:center;gap:5px;margin-top:auto;padding-top:15px;font-size:9px;font-weight:800;display:inline-flex}.innovative-pathway-detail{max-width:1120px;margin:0 auto}.innovative-pathway-detail>header{background:linear-gradient(135deg,#f9fcfa,#edf6f1);border:1px solid #d9e4dd;border-radius:18px;padding:25px 27px;position:relative;box-shadow:0 12px 34px #1e3c2d0d}.innovative-pathway-detail>header>button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.innovative-pathway-detail>header>span{background:var(--green);color:#fff;border-radius:7px;padding:5px 9px;font-size:8px;font-weight:800;position:absolute;top:22px;right:24px}.innovative-pathway-detail h2{color:#203c30;margin:14px 0 5px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(25px,2.6vw,38px);line-height:1.3}.innovative-pathway-detail>header>p{color:#6d8076;max-width:760px;margin:0;font-size:11px;line-height:1.7}.innovative-pathway-meta{color:#7c8b83;margin-top:17px;font-size:9px}.innovative-pathway-meta strong{color:var(--green);font-size:13px}.innovative-progress-panel{background:#ffffffb8;border:1px solid #cfe0d6;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px 14px;max-width:760px;margin-top:18px;padding:15px;display:grid}.innovative-progress-panel:focus{outline-offset:3px;outline:2px solid #27875f59}.innovative-progress-heading{color:#73847a;align-items:baseline;gap:9px;min-width:0;font-size:9px;display:flex}.innovative-progress-heading>span{font-weight:800}.innovative-progress-heading>strong{color:#335447;font-size:11px}.innovative-progress-heading>b{color:var(--green);margin-left:auto;font-size:13px}.innovative-progress-track{background:#dfe9e3;border-radius:99px;grid-column:1;height:7px;overflow:hidden}.innovative-progress-track>i{border-radius:inherit;background:linear-gradient(90deg,#27875f,#55aa7f);height:100%;transition:width .2s;display:block}.innovative-progress-panel>button{min-width:205px;max-width:285px;min-height:43px;color:var(--green);cursor:pointer;text-align:left;background:#fff;border:1px solid #b8d3c4;border-radius:10px;grid-area:1/2/span 2;grid-template-columns:minmax(0,1fr) 17px;align-content:center;gap:2px 8px;padding:8px 11px;display:grid}.innovative-progress-panel>button>span{font-size:8px;font-weight:800}.innovative-progress-panel>button>strong{color:#395448;text-overflow:ellipsis;white-space:nowrap;grid-column:1;min-width:0;font-size:9px;overflow:hidden}.innovative-progress-panel>button>.icon{grid-area:1/2/span 2}.innovative-progress-panel>button:disabled{cursor:wait;opacity:.6}.innovative-progress-overview{max-width:1120px;margin:0 auto}.innovative-progress-overview>header{background:linear-gradient(135deg,#f9fcfa 0%,#eaf5ef 100%);border:1px solid #d7e4dc;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:26px;padding:25px 27px;display:grid;box-shadow:0 12px 34px #1e3c2d0d}.innovative-progress-overview>header>div:first-child>span{color:#698175;letter-spacing:.17em;font-size:8px;font-weight:900}.innovative-progress-overview h2{color:#203c30;margin:8px 0 5px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(25px,2.6vw,38px);line-height:1.25}.innovative-progress-overview>header p{color:#6d8076;max-width:590px;margin:0;font-size:11px;line-height:1.7}.innovative-progress-overview-stats{grid-template-columns:repeat(3,minmax(82px,1fr));gap:7px;min-width:320px;display:grid}.innovative-progress-overview-stats article{text-align:center;background:#ffffffb8;border:1px solid #c2d7cbe6;border-radius:11px;gap:3px;min-width:0;padding:12px 10px;display:grid}.innovative-progress-overview-stats strong{color:var(--green);font-variant-numeric:tabular-nums;font-size:19px}.innovative-progress-overview-stats span{color:#77887f;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.innovative-progress-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:14px;display:grid}.innovative-progress-card{cursor:pointer;background:#fff;border:1px solid #d9e4dd;border-radius:15px;outline:none;flex-direction:column;min-width:0;min-height:210px;padding:17px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #1d3d2d0b}.innovative-progress-card:hover,.innovative-progress-card:focus-visible{border-color:#9fc6b1;transform:translateY(-2px);box-shadow:0 13px 30px #1955391a}.innovative-progress-card.is-started{background:linear-gradient(160deg,#fff 55%,#f0f8f3);border-color:#b9d6c6}.innovative-progress-card.is-disabled{cursor:wait;opacity:.55}.innovative-progress-card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.innovative-progress-card-heading>span,.innovative-progress-card-heading>b{border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800}.innovative-progress-card-heading>span{color:#667a70;background:#eef3f0}.innovative-progress-card-heading>b{color:#89968f;background:#f0f2f0}.innovative-progress-card.is-started .innovative-progress-card-heading>b{background:var(--green-soft);color:var(--green)}.innovative-progress-card h3{color:#263f34;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:49px;margin:13px 0 15px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:15px;line-height:1.55;display:-webkit-box;overflow:hidden}.innovative-progress-card-count{align-items:baseline;gap:6px;display:flex}.innovative-progress-card-count strong{color:#315143;font-variant-numeric:tabular-nums;font-size:14px}.innovative-progress-card-count span{color:#819087;font-size:8px}.innovative-progress-card-count b{color:var(--green);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.innovative-progress-card-track{background:#e1e9e4;border-radius:99px;height:7px;margin-top:7px;overflow:hidden}.innovative-progress-card-track>i{border-radius:inherit;background:linear-gradient(90deg,#27875f,#55aa7f);height:100%;transition:width .2s;display:block}.innovative-progress-card footer{color:#7a8a81;justify-content:space-between;align-items:center;gap:9px;margin-top:auto;padding-top:15px;display:flex}.innovative-progress-card footer small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.innovative-progress-card footer span{color:var(--green);flex:none;align-items:center;gap:3px;font-size:8px;font-weight:800;display:inline-flex}.innovative-lesson-list{gap:8px;margin-top:14px;display:grid}.innovative-lesson-row{background:#fff;border:1px solid #dce5df;border-radius:13px;grid-template-columns:minmax(0,1fr) 88px;align-items:stretch;min-width:0;transition:border-color .16s,transform .16s,box-shadow .16s;display:grid;overflow:hidden;box-shadow:0 6px 20px #1e3c2d09}.innovative-lesson-row:hover,.innovative-lesson-row:focus-within{border-color:#9fc3b0;transform:translateY(-1px);box-shadow:0 10px 25px #1e3c2d14}.innovative-lesson-row.is-completed{background:#f8fbf9;border-color:#c6ddcf}.innovative-lesson-open{color:#334c41;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) auto 22px;align-items:center;gap:14px;min-width:0;min-height:76px;padding:11px 16px;display:grid}.innovative-lesson-open:focus-visible{outline-offset:-3px;outline:2px solid #7fb497}.innovative-lesson-open:disabled{cursor:wait;opacity:.65}.innovative-lesson-index{width:38px;height:38px;color:var(--green);background:#e9f2ed;border-radius:11px;place-items:center;font-size:9px;font-weight:850;display:grid}.innovative-lesson-row.is-completed .innovative-lesson-index{background:var(--green);color:#fff}.innovative-lesson-copy{gap:6px;min-width:0;display:grid}.innovative-lesson-copy strong{text-overflow:ellipsis;white-space:nowrap;font-family:Noto Serif JP,Yu Mincho,serif;font-size:13px;overflow:hidden}.innovative-lesson-copy small{color:#819087;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.innovative-lesson-meta{color:#7e8d85;align-items:center;gap:8px;font-size:8px;display:flex}.innovative-lesson-meta b{color:#547064;background:#edf3ef;border-radius:6px;padding:4px 7px}.innovative-completion-toggle{color:#70837a;cursor:pointer;white-space:nowrap;background:#f7faf8;border:0;border-left:1px solid #e0e8e3;justify-content:center;align-items:center;gap:5px;min-width:0;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.innovative-completion-toggle:hover,.innovative-completion-toggle:focus-visible{color:var(--green);background:#edf5f0;outline:0}.innovative-completion-toggle.is-completed{color:var(--green);background:#e6f2eb;border-left-color:#c6ddcf}.innovative-completion-toggle:disabled{cursor:wait;opacity:.65}.innovative-sidebar-path{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:7px;margin-top:28px;padding:15px 11px;display:grid}.innovative-sidebar-path>span{color:#8a9891;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:800}.innovative-sidebar-path strong{color:#395347;font-size:11px;line-height:1.5}.innovative-sidebar-path small{color:#7d8c84;font-size:9px}.innovative-sidebar-path button{color:#526c60;cursor:pointer;text-align:left;background:#fff;border:1px solid #d2dfd7;border-radius:8px;min-height:33px;padding:0 9px;font-size:9px}.innovative-sidebar-path button:hover,.innovative-sidebar-path button:focus-visible{color:var(--green);border-color:#9fc3b0;outline:0}.innovative-lesson-page{background:#fff;min-width:0;min-height:calc(100vh - 68px);padding:32px clamp(24px,4.2vw,68px) 58px}.innovative-lesson-breadcrumb{color:#84928b;align-items:center;gap:8px;max-width:1020px;margin:0 auto 18px;font-size:9px;display:flex}.innovative-lesson-breadcrumb>button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-weight:750}.innovative-lesson-breadcrumb strong{color:#5a7065;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.innovative-lesson-top-navigation{align-items:center;gap:6px;margin-left:auto;display:flex}.innovative-lesson-top-navigation button{color:#49685a;cursor:pointer;white-space:nowrap;background:#f8fbf9;border:1px solid #cfddd5;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.innovative-lesson-top-navigation button:hover,.innovative-lesson-top-navigation button:focus-visible{color:var(--green);background:#edf6f1;border-color:#9dbfae;outline:0}.innovative-lesson-top-navigation button:disabled{cursor:default;opacity:.42}.innovative-lesson-hero{background:linear-gradient(135deg,#f9fcfa 15%,#e9f5ee);border:1px solid #d9e5de;border-radius:19px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:30px;max-width:1020px;margin:0 auto;padding:27px 29px;display:grid;box-shadow:0 15px 45px #1c3a2b12}.innovative-provider{background:var(--green);color:#fff;letter-spacing:.05em;border-radius:6px;padding:5px 8px;font-size:8px;font-weight:850;display:inline-flex}.innovative-lesson-hero h1{color:#1c352b;letter-spacing:-.035em;margin:13px 0 5px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(28px,3.2vw,43px);line-height:1.35}.innovative-lesson-hero>div:first-child>p{color:#65796f;max-width:720px;margin:0;font-size:12px;line-height:1.7}.innovative-lesson-meta{color:#7b8a82;flex-wrap:wrap;align-items:center;gap:7px;margin-top:15px;font-size:9px;display:flex}.innovative-lesson-meta i{background:#aeb9b3;border-radius:50%;width:3px;height:3px}.innovative-hero-actions{justify-items:stretch;gap:8px;display:grid}.innovative-hero-actions .innovative-hero-completion{min-height:36px;color:var(--green);background:#fff;border:1px solid #b9d4c5;border-radius:10px}.innovative-hero-actions .innovative-hero-completion.is-completed{border-color:var(--green);background:var(--green);color:#fff}.innovative-hero-actions>a{color:#4f695d;background:#fffc;border:1px solid #cbdcd2;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:9px;font-weight:750;text-decoration:none;display:inline-flex}.innovative-audio-button{min-height:34px;color:var(--green);cursor:pointer;white-space:nowrap;background:#f3f8f5;border:1px solid #c7dacd;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.innovative-audio-button.is-playing{border-color:var(--green);background:var(--green);color:#fff}.innovative-lesson-error{color:#85534a;background:#fff2ef;border:1px solid #efd2cc;border-radius:10px;max-width:1020px;margin:14px auto 0;padding:10px 13px;font-size:10px}.innovative-lesson-tabs{scrollbar-width:none;background:#f5f8f6;border:1px solid #dce5df;border-radius:13px;gap:5px;max-width:1020px;margin:20px auto 0;padding:5px;display:flex;overflow-x:auto}.innovative-lesson-tabs button{color:#697c72;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:0 12px;font-size:9px;font-weight:750;display:inline-flex}.innovative-lesson-tabs button span{color:#718178;background:#e4ebe7;border-radius:9px;min-width:18px;padding:2px 5px;font-size:7px}.innovative-lesson-tabs button.is-active{color:var(--green);background:#fff;box-shadow:0 4px 13px #1e3c2d14}.innovative-lesson-tabs button.is-active span{background:var(--green-soft);color:var(--green)}.innovative-lesson-content{max-width:1020px;min-height:340px;margin:13px auto 0;position:relative}.innovative-lesson-loading{z-index:2;color:var(--green);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f8fbf9e6;border-radius:15px;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:800;display:flex;position:absolute;inset:0}.innovative-dialogue-list{gap:7px;display:grid}.innovative-dialogue-list>article{cursor:pointer;background:#fbfcfb;border:1px solid #dce5df;border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;padding:15px 16px;transition:border-color .16s,background .16s,box-shadow .16s;display:grid}.innovative-dialogue-list>article.is-selected{background:#f7fbf8;border-color:#afd0bd}.innovative-dialogue-list>article.is-active{border-color:var(--green);background:#edf7f1;box-shadow:0 8px 24px #195b3c17}.innovative-line-number{color:#90a097;font-size:8px;font-weight:800}.innovative-dialogue-list article>div{min-width:0}.innovative-dialogue-list article small{color:var(--green);margin-bottom:5px;font-size:8px;font-weight:800;display:block}.innovative-dialogue-list article p{color:#263d34;margin:0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:18px;line-height:1.8}.innovative-dialogue-list article div>div{color:#75867d;margin-top:3px;font-size:10px;line-height:1.6}.innovative-line-actions{align-items:center;gap:5px;display:flex}.innovative-line-chatgpt,.innovative-line-save{color:#426556;cursor:pointer;background:#fff;border:1px solid #cbdcd2;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;text-decoration:none;display:grid}.innovative-line-chatgpt{letter-spacing:.03em;font:850 7px/1 Inter,sans-serif}.innovative-line-chatgpt:hover,.innovative-line-chatgpt:focus-visible{color:#1f6045;background:#eaf4ee;border-color:#87ac99;outline:0}.innovative-line-save.is-saved{background:var(--green-soft);color:var(--green);border-color:#a9cdb9}.innovative-vocabulary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.innovative-vocabulary-grid>article{background:#fff;border:1px solid #dce5df;border-radius:13px;flex-direction:column;min-width:0;padding:16px;display:flex;box-shadow:0 7px 22px #1e3c2d09}.innovative-vocabulary-grid article>div{align-items:baseline;gap:8px;display:flex}.innovative-vocabulary-grid strong{color:#263e34;font-family:Noto Serif JP,serif;font-size:21px}.innovative-vocabulary-grid article>div span{color:#2b7d5b;font-size:10px}.innovative-vocabulary-grid article>small{color:#86938c;margin-top:4px;font-size:8px}.innovative-vocabulary-grid p{color:#526a5e;flex:1;margin:13px 0;font-size:11px;line-height:1.6}.innovative-vocabulary-grid .innovative-audio-button{align-self:start}.innovative-grammar-list{gap:8px;display:grid}.innovative-grammar-list>a{color:#344e42;border:1px solid #dce5df;border-radius:12px;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:11px;min-height:62px;padding:10px 15px;text-decoration:none;display:grid}.innovative-grammar-list>a:hover,.innovative-grammar-list>a:focus-visible{background:#f7faf8;border-color:#9dbfae;outline:0}.innovative-grammar-list a>span{background:var(--green-soft);width:34px;height:34px;color:var(--green);border-radius:10px;place-items:center;font-size:8px;font-weight:850;display:grid}.innovative-grammar-list strong{font-size:12px;line-height:1.6}.innovative-transcript{background:#fcfdfc;border:1px solid #dce5df;border-radius:15px;padding:23px 25px}.innovative-transcript p{color:#344c41;margin:0 0 14px;font-size:12px;line-height:1.9}.innovative-transcript p:last-child{margin-bottom:0}.innovative-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.innovative-resource-grid>a{color:#3d574b;border:1px solid #dce5df;border-radius:13px;grid-template-columns:39px minmax(0,1fr) 17px;align-items:center;gap:11px;min-width:0;min-height:72px;padding:11px 13px;text-decoration:none;display:grid}.innovative-resource-grid>a>span{width:38px;height:38px;color:var(--green);background:#e7f2eb;border-radius:11px;place-items:center;display:grid}.innovative-resource-grid>a>div{gap:4px;min-width:0;display:grid}.innovative-resource-grid strong,.innovative-resource-grid small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.innovative-resource-grid strong{font-size:10px}.innovative-resource-grid small{color:#829087;font-size:8px}.innovative-related-pathways{border-top:1px solid var(--line);gap:7px;margin-top:23px;padding-top:20px;display:grid}.innovative-related-pathways h2{color:#3a5146;margin:0 0 3px;font-size:13px}.innovative-related-pathways a{color:var(--green);background:#f2f7f4;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:10px;text-decoration:none;display:flex}.innovative-lesson-navigation{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:1020px;margin:24px auto 0;padding-top:20px;display:grid}.innovative-lesson-navigation button{color:#4d655a;cursor:pointer;text-align:left;background:#fff;border:1px solid #dce5df;border-radius:12px;align-items:center;gap:11px;min-width:0;min-height:61px;padding:9px 13px;display:flex}.innovative-lesson-navigation button:last-child{text-align:right;justify-content:flex-end}.innovative-lesson-navigation button>span{flex:1;gap:4px;min-width:0;display:grid}.innovative-lesson-navigation small{color:#88958e;font-size:8px}.innovative-lesson-navigation strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.innovative-lesson-navigation button:disabled{cursor:default;opacity:.45}.innovative-access-note{color:#86938c;text-align:center;max-width:1020px;margin:18px auto 0;font-size:8px;line-height:1.6}@keyframes catalog-spin{to{transform:rotate(360deg)}}@keyframes catalog-pulse{0%,to{opacity:.6}50%{opacity:1}}.reader-breadcrumb{color:#8a9891;align-items:center;gap:8px;max-width:820px;margin:0 auto 24px;font-size:11px;display:flex}.reader-breadcrumb b{font-weight:400}.reader-breadcrumb strong{color:#496058}.article-head{max-width:820px;margin:0 auto}.article-kicker{align-items:center;gap:7px;margin-bottom:12px;display:flex}.article-kicker span{color:#63766c;background:#eef3ef;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:750}.article-kicker span:first-child{background:var(--green);color:#fff}.article-head h1{color:#192e26;letter-spacing:-.035em;margin:0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(29px,3.1vw,44px);font-weight:700;line-height:1.55}ruby{ruby-align:center}rt{color:#2c8260;letter-spacing:0;font-family:Inter,Noto Sans JP,sans-serif;font-size:.43em;font-weight:600}.furigana-hidden rt{visibility:hidden}.title-translation{color:#718279;margin:11px 0 0;font-size:14px;line-height:1.55}.article-meta{color:#7a8981;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;font-size:11px;display:flex}.article-meta i{background:#aeb9b3;border-radius:50%;width:3px;height:3px}.article-meta button{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.article-meta .translation-toggle{color:#64766d;background:#f6faf7;border:1px solid #cfe0d6;border-radius:8px;min-height:28px;padding:0 9px;font-size:10px;font-weight:750}.article-meta .translation-toggle.is-on{background:var(--green-soft);color:var(--green);border-color:#b7d4c2}.article-meta .translation-toggle:hover,.article-meta .translation-toggle:focus-visible{border-color:#8ebba1;outline:none}.article-cover{max-width:820px;box-shadow:var(--shadow);background:#eef2ef;border:1px solid #e1e7e3;border-radius:15px;margin:25px auto 0;overflow:hidden}.article-cover img{aspect-ratio:16/7.7;object-fit:cover;width:100%;display:block}.article-cover figcaption{color:#829088;background:#fafbfa;justify-content:flex-end;align-items:center;gap:10px;min-height:38px;padding:0 13px;font-size:9px;display:flex}.article-cover figcaption button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:9px}.article-body{max-width:820px;margin:20px auto 0;padding:4px 0 max(50vh,360px)}.lesson-extras{border-top:1px solid var(--line);gap:28px;margin-top:35px;padding-top:28px;display:grid}.lesson-section-eyebrow,.lesson-section-heading>span,.lesson-quiz-number{color:var(--green-2);letter-spacing:.16em;margin:0;font-size:9px;font-weight:850}.lesson-explanation{background:#f5faf7;border:1px solid #d8e5dd;border-radius:15px;padding:19px 21px}.lesson-explanation>p:last-child{color:#50675c;white-space:pre-line;margin:10px 0 0;font-size:13px;line-height:1.9}.lesson-section-heading{margin-bottom:13px}.lesson-section-heading h2{color:#294438;margin:4px 0 0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:21px}.lesson-grammar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.lesson-grammar-grid article{background:#fff;border:1px solid #dce5df;border-radius:13px;min-width:0;padding:16px}.lesson-grammar-grid strong{color:#315446;font-size:12px}.lesson-grammar-grid p{color:#687c72;margin:8px 0 0;font-size:11px;line-height:1.65}.lesson-grammar-grid blockquote{color:#2f473d;background:#f3f7f4;border-left:3px solid #7cad94;margin:13px 0 5px;padding:10px 12px;font-family:Noto Serif JP,serif;font-size:13px;line-height:1.7}.lesson-grammar-grid small{color:#7a8a82;font-size:10px}.lesson-quizzes{gap:13px;display:grid}.lesson-quizzes>.lesson-section-heading{margin-bottom:0}.lesson-quiz{background:#fff;border:1px solid #d9e4de;border-radius:15px;padding:19px;box-shadow:0 8px 24px #1d3d2d0a}.lesson-quiz h3{color:#2a4137;margin:8px 0 14px;font-family:Noto Serif JP,Yu Mincho,serif;font-size:16px;font-weight:650;line-height:1.8}.lesson-quiz-options{gap:7px;display:grid}.lesson-quiz-options>button{color:#465d52;cursor:pointer;text-align:left;background:#fbfcfb;border:1px solid #dce5df;border-radius:10px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;min-height:47px;padding:8px 11px;display:grid}.lesson-quiz-options>button>b{color:#587064;background:#eaf1ed;border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.lesson-quiz-options>button>span{font-family:Noto Serif JP,Yu Mincho,serif;font-size:13px;line-height:1.7}.lesson-quiz-options>button.is-selected{background:#f0f7f3;border-color:#80aa94}.lesson-quiz-options>button.is-correct{color:#256646;background:#e8f6ee;border-color:#65a17f}.lesson-quiz-options>button.is-incorrect{color:#8b4c40;background:#fff2ef;border-color:#d79383}.lesson-quiz-feedback{color:#815044;background:#fff3ef;border-radius:9px;margin-top:11px;padding:10px 12px}.lesson-quiz-feedback.is-correct{color:#286b49;background:#e9f6ee}.lesson-quiz-feedback strong{font-size:11px}.lesson-quiz-feedback p{white-space:pre-line;margin:5px 0 0;font-size:10px;line-height:1.65}.reading-sentence{cursor:pointer;border-left:3px solid #0000;border-radius:5px 12px 12px 5px;grid-template-columns:31px minmax(0,1fr) 65px;align-items:start;gap:10px;margin:2px 0;padding:10px 8px 10px 4px;transition:background .16s,border-color .16s;display:grid;position:relative}.reading-sentence:hover{background:#f3f8f4}.reading-sentence.is-selected{background:#f0f6f2}.reading-sentence.is-active{background:#e8f5ed;border-left-color:#2a966a;box-shadow:0 7px 20px #23805b14}.reading-sentence.is-active .sentence-number{color:var(--green)}.sentence-number{color:#a1ada7;text-align:center;padding-top:10px;font:700 9px/1.2 Inter,sans-serif}.sentence-content{min-width:0}.sentence-japanese{color:#263b33;letter-spacing:.005em;margin:0;font-family:Noto Serif JP,Yu Mincho,serif;font-size:clamp(18px,1.65vw,22px);line-height:2.08}.sentence-translation{color:#75857c;margin:4px 0 0;font-size:12px;line-height:1.65}.sentence-actions{grid-template-columns:repeat(2,30px);gap:5px;width:65px;padding-top:6px;display:grid}.sentence-play,.sentence-chatgpt,.sentence-save{box-sizing:border-box;color:#789087;cursor:pointer;opacity:.45;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:30px;height:30px;text-decoration:none;transition:all .15s;display:grid}.sentence-chatgpt{color:#315c4a;letter-spacing:.025em;opacity:.62;font:850 7px/1 Inter,sans-serif}.reading-sentence:hover .sentence-play,.reading-sentence:hover .sentence-chatgpt,.reading-sentence:hover .sentence-save,.reading-sentence.is-selected .sentence-play,.reading-sentence.is-selected .sentence-chatgpt,.reading-sentence.is-selected .sentence-save,.sentence-play:focus-visible,.sentence-chatgpt:focus-visible,.sentence-save:focus-visible{color:var(--green);opacity:1;background:#fff;border-color:#cfddd5}.sentence-chatgpt:hover,.sentence-chatgpt:focus-visible{color:#1f6045!important;background:#eaf4ee!important;border-color:#87ac99!important}.sentence-save.is-saved{color:var(--green);opacity:1;background:#dff1e7;border-color:#8bb9a1}.saved-sentences-overlay{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12241c6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.saved-sentences-dialog{background:#f9fbf9;border:1px solid #d6e1da;border-radius:19px;flex-direction:column;width:min(640px,100%);max-height:min(760px,100vh - 48px);display:flex;overflow:hidden;box-shadow:0 30px 90px #11281d47}.saved-sentences-dialog>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding:12px 15px 12px 18px;display:flex}.saved-sentences-dialog>header>div{align-items:center;gap:10px;display:flex}.saved-sentences-dialog>header>div>span{background:var(--green-soft);width:34px;height:34px;color:var(--green);border-radius:10px;place-items:center;font-family:Noto Serif JP,serif;font-weight:800;display:grid}.saved-sentences-dialog header p{gap:3px;margin:0;display:grid}.saved-sentences-dialog header strong{font-size:14px}.saved-sentences-dialog header small{color:#7c8b83;font-size:9px;font-weight:500}.saved-sentences-dialog>header>button{border:1px solid var(--line);color:#63766c;cursor:pointer;background:#f7f9f7;border-radius:10px;width:34px;height:34px;font-size:21px}.saved-sentences-list{gap:10px;padding:14px;display:grid;overflow-y:auto}.saved-sentences-list article{background:#fff;border:1px solid #dce5df;border-radius:13px;padding:14px 190px 14px 15px;position:relative}.saved-sentence-meta{color:#788981;align-items:center;gap:8px;font-size:9px;display:flex}.saved-sentence-meta span{text-overflow:ellipsis;white-space:nowrap;max-width:330px;overflow:hidden}.saved-sentence-meta small{color:var(--green);background:#edf3ef;border-radius:5px;flex:none;padding:2px 6px;font-size:8px}.saved-sentences-list article>p{color:#263d34;margin:9px 0 4px;font-family:Noto Serif JP,serif;font-size:16px;line-height:1.75}.saved-sentence-translation{color:#7b8a82;font-size:10px;line-height:1.55}.saved-sentence-actions{align-items:center;gap:6px;display:flex;position:absolute;top:14px;right:14px}.saved-sentence-actions button{color:#62766b;cursor:pointer;background:#f8faf8;border:1px solid #dae4de;border-radius:8px;align-items:center;gap:5px;min-height:28px;padding:6px 8px;font-size:8px;display:inline-flex}.saved-sentence-actions button:first-child{color:var(--green);background:#eaf4ee;border-color:#b9d3c4;font-weight:800}.saved-sentence-actions button:disabled{cursor:wait;opacity:.58}.saved-sentences-empty{color:#85928c;text-align:center;align-content:center;place-items:center;gap:8px;min-height:250px;padding:40px;display:grid}.saved-sentences-empty .icon{color:#5f8573}.saved-sentences-empty strong{color:#50645a;font-size:13px}.saved-sentences-empty span{font-size:10px}.reading-word{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1.5px solid #23805b40;padding:0 1px 1px;display:inline}.reading-word:hover,.reading-word.is-selected{background:#56b58421;border-bottom-color:#1e805a;border-radius:4px}.reading-word.is-speaking,.reading-token.is-speaking{background:#ffe6a6;border-bottom-color:#d39d1d;border-radius:4px;box-shadow:0 0 0 2px #ffe6a68c}.inspector{border-left:1px solid var(--line);background:#f8faf8;min-width:0}.inspector-tabs{z-index:3;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8faf8f5;grid-template-columns:repeat(3,1fr);height:51px;padding:7px 12px 0;display:grid;position:sticky;top:0}.inspector-tabs button{color:#7b8a82;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-size:11px;position:relative}.inspector-tabs button.is-active{border-bottom-color:var(--green-2);color:var(--green);font-weight:800}.inspector-tabs button span{background:#e1eae4;border-radius:10px;margin-left:4px;padding:1px 5px;font-size:8px}.inspector-close{display:none}.dictionary-card,.notes-panel{padding:24px 21px}.panel-eyebrow{color:#88968f;letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:9px;font-weight:800}.dictionary-title{align-items:end;gap:9px;display:flex}.dictionary-title strong{font-family:Noto Serif JP,serif;font-size:32px;line-height:1.1}.dictionary-title>span{color:#297e5d;padding-bottom:3px;font-size:12px}.dictionary-tags{gap:5px;margin-top:10px;display:flex}.dictionary-tags span{color:#66776e;background:#e6eee9;border-radius:5px;padding:3px 7px;font-size:9px}.dictionary-meaning{color:#2e4139;margin:20px 0 15px;font-size:14px;font-weight:650;line-height:1.7}.dictionary-example{background:#edf3ef;border-left:3px solid #72ad91;border-radius:3px 9px 9px 3px;padding:12px 13px}.dictionary-example p{margin:0;font-family:Noto Serif JP,serif;font-size:13px;line-height:1.65}.dictionary-example span{color:#78877f;margin-top:3px;font-size:10px;line-height:1.5;display:block}.save-word{width:100%;min-height:38px;color:var(--green);cursor:pointer;background:#fff;border:1px solid #cddbd3;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-size:11px;font-weight:700;display:flex}.save-word.is-saved{background:var(--green-soft);border-color:#bddac9}.article-vocabulary{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.article-vocabulary>div{flex-wrap:wrap;gap:6px;display:flex}.article-vocabulary button{color:#566b60;cursor:pointer;background:#fff;border:1px solid #dae4de;border-radius:7px;padding:5px 8px;font-size:10px}.source-panel{padding:18px 15px 24px}.source-summary{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px;display:grid}.source-summary span{color:#728179;text-align:center;background:#edf3ef;border-radius:9px;gap:2px;padding:8px 5px;font-size:8px;display:grid}.source-summary strong{color:#2c634c;font-size:15px}.source-list{gap:8px;display:grid}.source-record{background:#fff;border:1px solid #dde5e0;border-radius:11px;padding:11px}.source-record-head{justify-content:space-between;align-items:start;gap:7px;display:flex}.source-record-head strong{font-size:11px;line-height:1.4}.ownership{color:#6f7e76;background:#edf0ee;border-radius:5px;flex:none;padding:3px 6px;font-size:7px;font-weight:750}.ownership-todaii{color:#536d93;background:#e7edf7}.ownership-original-source{color:#39765a;background:#e2f1e8}.ownership-derived{color:#806b3e;background:#f4eddd}.ownership-unknown{color:#8d5d56;background:#f5e7e5}.source-record p{color:#78877f;margin:8px 0;font-size:9px;line-height:1.55}.source-record-meta{color:#8b9791;justify-content:space-between;gap:8px;font-size:8px;display:flex}.source-record-meta a{color:var(--green);text-decoration:none}.notes-panel textarea{resize:vertical;width:100%;min-height:230px;color:var(--ink);background:#fff;border:1px solid #d8e2dc;border-radius:11px;outline:none;padding:13px;font-size:12px;line-height:1.7}.notes-panel textarea:focus{border-color:#71a98d;box-shadow:0 0 0 3px #4c9a721a}.notes-panel>p:not(.panel-eyebrow){color:#8a9790;margin:7px 2px 18px;font-size:8px}.selected-sentence-note{background:#eaf1ed;border-radius:10px;gap:7px;padding:11px;display:grid}.selected-sentence-note span{color:#77867e;font-size:8px}.selected-sentence-note strong{font-family:Noto Serif JP,serif;font-size:11px;line-height:1.65}.reader-player{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfdfcf7;border-top:1px solid #d8e1dc;min-height:99px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 35px #1c372a1a}.reader-player audio{display:none}.player-range{--player-progress:0%;appearance:none;background:linear-gradient(to right, #27875f var(--player-progress), #dbe4de var(--player-progress));cursor:pointer;border:0;border-radius:0;width:100%;height:4px;margin:0;position:absolute;top:-2px;left:0}.player-range::-webkit-slider-thumb{appearance:none;background:#1d7c56;border:3px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 1px 5px #0000002e}.player-range::-moz-range-thumb{background:#1d7c56;border:3px solid #fff;border-radius:50%;width:8px;height:8px}.player-range:disabled{cursor:default;opacity:.55}.player-inner{max-width:1600px;min-height:98px;padding:13px 18px env(safe-area-inset-bottom);grid-template-columns:auto minmax(160px,1fr) auto minmax(260px,1fr) auto;align-items:center;gap:18px;margin:0 auto;display:grid}.player-context{gap:5px;min-width:0;display:grid}.player-label{color:#8a9790;letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:750}.player-context strong{color:#41554c;text-overflow:ellipsis;white-space:nowrap;font-family:Noto Serif JP,serif;font-size:11px;font-weight:600;overflow:hidden}.player-controls{justify-content:center;align-items:center;gap:11px;display:flex}.player-controls button,.player-options button,.player-options a{color:#53675d;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.player-controls>button:not(.primary-play){border-radius:50%;width:34px;height:34px}.player-controls .player-sentence-navigation{display:inline-flex}.player-controls>button:not(.primary-play):hover{background:#edf3ef}.player-controls button:disabled{cursor:default;opacity:.38}.player-controls .primary-play{background:var(--green);color:#fff;border-radius:50%;width:48px;height:48px;box-shadow:0 7px 17px #17634742}.primary-play .icon{margin-left:2px}.player-page-navigation{color:#53675d;cursor:pointer;white-space:nowrap;background:#f8faf9;border:1px solid #d6e1da;border-radius:18px;justify-content:center;align-items:center;gap:6px;min-width:78px;height:36px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.player-page-navigation:hover{color:var(--green);background:#edf3ef;border-color:#b9cdc1}.player-page-navigation:disabled{cursor:default;opacity:.38}.player-page-previous{justify-self:start}.player-page-next{justify-self:end}.player-options{justify-content:flex-end;align-items:center;gap:13px;display:flex}.player-option-group{display:contents}.player-time{color:#72827a;font-variant-numeric:tabular-nums;min-width:78px;font-size:9px}.player-options button,.player-options a{white-space:nowrap;border-radius:8px;gap:5px;min-height:32px;padding:0 8px;font-size:9px}.player-options button.is-on{background:var(--green-soft);color:var(--green)}.player-save-article.is-on .icon{fill:currentColor}.player-options a:hover,.player-options a:focus-visible{color:var(--green);background:#edf3ef}.player-furigana-short{display:none}.player-gpt-badge{color:#fff;letter-spacing:.04em;background:#254f3f;border-radius:5px;place-items:center;min-width:25px;height:18px;font:800 7px/1 Inter,sans-serif;display:grid}.rate-select select{color:#52675c;background:#fff;border:1px solid #d7e0db;border-radius:8px;outline:0;height:31px;padding:0 23px 0 8px;font-size:10px}@media (width>=921px){.catalog-shell.innovative-lesson-shell{height:100vh;min-height:0;padding-bottom:0;overflow:hidden}.innovative-lesson-workspace{align-items:stretch;height:calc(100vh - 167px);min-height:0;overflow:hidden}.innovative-lesson-workspace>.sidebar{height:100%;position:static;top:auto}.innovative-lesson-page{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;overflow-y:auto}}@media (width<=1180px){.workspace{grid-template-columns:205px minmax(390px,1fr) 300px}.catalog-workspace{grid-template-columns:205px minmax(0,1fr)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reader{padding-left:35px;padding-right:35px}.dictionary-card,.notes-panel{padding-left:16px;padding-right:16px}.player-inner{grid-template-columns:auto minmax(110px,1fr) auto minmax(210px,1fr) auto;gap:12px;padding-left:14px;padding-right:14px}.innovative-vocabulary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.app-shell{padding-bottom:calc(178px + env(safe-area-inset-bottom))}.catalog-shell{padding-bottom:calc(66px + env(safe-area-inset-bottom))}.catalog-shell.innovative-lesson-shell{padding-bottom:calc(178px + env(safe-area-inset-bottom))}.workspace{display:block}.sidebar{display:none}.mobile-primary-navigation{z-index:70;min-height:64px;padding:5px max(8px, env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfdfbf7;border-top:1px solid #d6e0da;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #1b382a14}.mobile-primary-navigation button{color:#74847c;cursor:pointer;background:0 0;border:0;border-radius:10px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:52px;padding:3px 2px;font-size:8px;font-weight:750;display:grid;position:relative}.mobile-primary-navigation button.is-active{color:var(--green);background:#e6f2eb}.mobile-primary-icon{place-items:center;display:grid;position:relative}.mobile-primary-icon em{background:var(--green);color:#fff;border:2px solid #fbfdfb;border-radius:8px;place-items:center;min-width:15px;height:15px;padding:0 4px;font-size:6px;font-style:normal;display:grid;position:absolute;top:-7px;left:calc(100% - 3px)}.reader{padding:24px max(20px, env(safe-area-inset-left)) 35px}.inspector{z-index:55;right:20px;bottom:calc(178px + env(safe-area-inset-bottom));border:1px solid var(--line);opacity:0;pointer-events:none;background:#f8faf8;border-radius:16px;height:auto;max-height:min(58vh,520px);margin:0;transition:transform .22s,opacity .16s;position:fixed;top:auto;left:20px;overflow-y:auto;transform:translateY(calc(100% + 190px));box-shadow:0 22px 75px #142b203d}.inspector.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.inspector-tabs{border-radius:14px 14px 0 0;grid-template-columns:repeat(3,1fr) 34px;position:sticky}.inspector-close{place-items:center;display:grid;color:#64766d!important;border-bottom:0!important;font-size:19px!important}.source-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-page,.history-page{min-height:calc(100vh - 68px);padding:28px 20px 55px}.my-mobile-navigation{background:#eaf0ec;border:1px solid #dce5df;border-radius:11px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;max-width:1120px;margin:0 auto 17px;padding:3px;display:grid}.my-mobile-navigation button{color:#6f8077;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-width:0;min-height:33px;padding:0 5px;font-size:8px;font-weight:750;overflow:hidden}.my-mobile-navigation button.is-active{color:var(--green);background:#fff;box-shadow:0 3px 11px #204c3714}.history-course-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page{min-height:calc(100vh - 68px);padding:32px 20px 55px}.dashboard-focus-grid{grid-template-columns:1fr}.dashboard-focus-card{min-height:205px}.dashboard-library-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-library-strip>button{border-top:1px solid #e2e9e5;grid-column:1/-1;justify-content:space-between}.catalog-hero{display:block}.innovative-lesson-page{min-height:calc(100vh - 68px);padding:28px 20px 48px}.player-inner{grid-template-columns:minmax(0,1fr) auto;gap:14px;min-height:108px;padding:13px 18px 9px}.player-context{grid-area:1/1/auto/-1}.player-controls{grid-area:2/1;justify-content:flex-start}.player-page-navigation{display:none}.player-controls .player-sentence-navigation{display:inline-flex}.player-options{grid-area:2/2}.reader-player{bottom:calc(64px + env(safe-area-inset-bottom))}}@media (width<=600px){.app-shell{padding-bottom:calc(145px + env(safe-area-inset-bottom))}.catalog-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.catalog-shell.innovative-lesson-shell{padding-bottom:calc(145px + env(safe-area-inset-bottom))}.topbar{height:58px;padding:0 13px}.brand{min-width:0}.brand-mark{border-radius:9px;width:32px;height:32px;font-size:17px}.brand small,.api-status{display:none}.topbar-status{gap:8px}.topbar-status button{width:32px;height:32px}.topbar-status .auth-trigger{justify-content:center;width:32px;padding:0}.auth-trigger>span{display:none}.auth-popover{width:min(274px,100vw - 26px);position:fixed;top:66px;right:13px}.reader{padding:18px 13px 25px}.catalog-page,.history-page{min-height:calc(100vh - 58px);padding:22px 13px 42px}.dashboard-page{min-height:calc(100vh - 58px);padding:25px 13px 42px}.dashboard-heading{margin-bottom:20px;display:block}.dashboard-heading h1{margin-top:6px;font-size:30px}.dashboard-heading>button{justify-content:center;width:100%;margin-top:15px}.dashboard-focus-grid{gap:11px}.dashboard-focus-card{min-height:190px;padding:18px}.dashboard-focus-card h2{margin-top:17px;font-size:18px}.dashboard-library-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-section-header{gap:12px;min-height:40px;margin-bottom:11px}.section-title-compact>strong{font-size:21px}.section-view-tabs{min-width:0;padding:3px}.section-view-tabs button{min-width:0;min-height:32px;padding:0 9px;font-size:8px}.history-hero{margin-bottom:18px;display:block}.history-hero.is-compact{min-height:0;padding-bottom:14px}.history-hero h1{margin-top:6px;font-size:29px}.history-hero p{line-height:1.6}.history-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:15px}.history-summary span,.history-summary button{min-width:0}.history-learning-courses{padding:13px}.history-learning-courses>header{align-items:flex-start;gap:8px}.history-learning-courses>header>button{padding-right:0}.history-course-list{grid-template-columns:1fr}.history-course-card{min-height:132px}.history-content-heading{min-height:36px;margin-bottom:9px}.history-content-heading h2{font-size:13px}.history-empty.compact{min-height:165px}.history-toolbar{align-items:stretch;padding:5px}.history-toolbar>span{display:none}.history-filter{width:100%}.history-filter button{flex:1;justify-content:center}.history-card{grid-template-columns:112px minmax(0,1fr);gap:12px;min-height:0;padding:9px}.history-card-image{width:112px;height:94px}.history-card h2{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:7px;font-size:14px;line-height:1.5;display:-webkit-box}.history-card-content>p,.history-card-meta span:nth-last-child(-n+2),.history-card-meta i{display:none}.history-card-footer{margin-top:8px}.history-card-footer>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-card-arrow{display:none}.catalog-hero{margin-bottom:20px}.catalog-hero h1{margin-top:6px;font-size:29px;line-height:1.3}.catalog-controls{grid-template-columns:1fr 36px;gap:7px;padding:6px;display:grid}.catalog-mode-copy{border-left:0;height:36px;padding-left:8px;font-size:9px}.catalog-search{border-left:0;height:36px}.catalog-search button{padding:0 12px}.refresh-button{width:36px;height:36px}.catalog-filters{flex-wrap:wrap;align-items:start;gap:9px;margin:11px 0 18px}.level-filter{grid-template-columns:repeat(6,1fr);width:100%;display:grid}.innovative-level-filter{grid-template-columns:repeat(5,1fr)}.level-filter button{min-width:0;padding:0 3px}.live-note{margin-left:auto;padding-top:7px}.reading-status-filter{order:3}.catalog-grid{grid-template-columns:1fr;gap:13px}.article-card-image{height:162px}.article-card-body{min-height:186px;padding:14px}.jlpt-card .article-card-body{min-height:145px}.innovative-pathway-card .article-card-body{min-height:174px}.article-card h3{font-size:19px}.catalog-pagination{gap:10px;margin-top:20px}.catalog-empty{margin-top:30px;padding:35px 20px}.catalog-access-gate{margin:28px auto;padding:16px}.innovative-pathway-detail>header{padding:20px 17px}.innovative-pathway-detail>header>span{top:17px;right:15px}.innovative-pathway-detail h2{margin-top:13px;padding-right:58px;font-size:25px}.innovative-progress-panel{grid-template-columns:minmax(0,1fr);gap:9px;padding:12px}.innovative-progress-heading{flex-wrap:wrap;gap:5px 8px}.innovative-progress-heading>b{margin-left:auto}.innovative-progress-track{grid-column:1}.innovative-progress-panel>button{grid-area:auto/1;width:100%;min-width:0;max-width:none}.innovative-progress-overview>header{grid-template-columns:1fr;gap:16px;padding:20px 17px}.innovative-progress-overview-stats{width:100%;min-width:0}.innovative-progress-overview-grid{grid-template-columns:1fr}.innovative-progress-card{min-height:195px}.innovative-lesson-row{grid-template-columns:minmax(0,1fr) 43px}.innovative-lesson-open{grid-template-columns:36px minmax(0,1fr) 18px;gap:9px;min-height:82px;padding:9px 10px}.innovative-lesson-row>.innovative-completion-toggle{padding:0}.innovative-lesson-row>.innovative-completion-toggle>span:last-child{display:none}.innovative-lesson-index{width:34px;height:34px}.innovative-lesson-copy strong{font-size:12px}.innovative-lesson-meta{display:none}.innovative-lesson-page{min-height:calc(100vh - 58px);padding:20px 13px 42px}.innovative-lesson-breadcrumb{margin-bottom:13px}.innovative-lesson-top-navigation{gap:4px}.innovative-lesson-top-navigation button{padding:0 7px}.innovative-lesson-hero{padding:20px 17px;display:block}.innovative-lesson-hero h1{margin-top:11px;font-size:27px}.innovative-lesson-hero>div:first-child>p{font-size:11px}.innovative-hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.innovative-hero-actions>:only-child{grid-column:1/-1}.innovative-lesson-tabs{justify-content:start}.innovative-lesson-tabs button{flex:none;padding:0 11px}.innovative-dialogue-list>article{grid-template-columns:24px minmax(0,1fr);align-items:start;gap:7px;padding:13px 11px}.innovative-dialogue-list article p{font-size:17px;line-height:1.75}.innovative-line-actions{grid-column:2;justify-self:start;margin-top:4px}.innovative-dialogue-list .innovative-audio-button{min-width:34px;padding:0 8px}.innovative-dialogue-list .innovative-audio-button span{display:none}.innovative-vocabulary-grid,.innovative-resource-grid{grid-template-columns:1fr}.innovative-transcript{padding:17px 15px}.innovative-transcript p{font-size:11px}.innovative-lesson-navigation{gap:7px}.innovative-lesson-navigation button{min-height:57px;padding:8px 9px}.innovative-lesson-navigation button>.icon{display:none}.innovative-access-note{padding:0 8px}.reader-breadcrumb{margin-bottom:17px}.article-kicker{margin-bottom:8px}.article-head h1{font-size:27px;line-height:1.7}.title-translation{font-size:12px}.article-meta{gap:7px;font-size:9px}.article-meta i:last-of-type,.article-meta>span:last-child{display:none}.article-cover{border-radius:12px;margin-top:19px}.article-cover img{aspect-ratio:16/9}.reading-sentence{grid-template-columns:22px minmax(0,1fr) 60px;gap:4px;padding:9px 3px 9px 0}.sentence-number{padding-top:12px;font-size:7px}.sentence-japanese{font-size:18px;line-height:2.15}.sentence-translation{font-size:11px}.sentence-actions{grid-template-columns:repeat(2,28px);gap:4px;width:60px;padding-top:6px}.sentence-play,.sentence-chatgpt,.sentence-save{opacity:.68;width:28px;height:28px}.sentence-save.is-saved{opacity:1}.lesson-extras{gap:22px;margin-top:25px;padding-top:22px}.lesson-explanation{padding:15px}.lesson-explanation>p:last-child{font-size:12px}.lesson-grammar-grid{grid-template-columns:1fr}.lesson-quiz{padding:15px}.lesson-quiz h3{font-size:15px}.lesson-quiz-options>button{grid-template-columns:25px minmax(0,1fr);padding:7px 9px}.saved-sentences-overlay{align-items:end;padding:10px}.saved-sentences-dialog{border-radius:17px;max-height:min(78vh,680px)}.saved-sentences-list article{padding-bottom:48px;padding-right:14px}.saved-sentence-actions{top:auto;bottom:11px;right:12px}.inspector{right:13px;bottom:calc(145px + env(safe-area-inset-bottom));left:13px}.dictionary-card,.notes-panel{padding:19px 15px}.source-panel{padding:14px 10px}.source-summary{gap:4px}.source-summary span{font-size:7px}.reader-player{bottom:calc(64px + env(safe-area-inset-bottom));min-height:75px}.player-inner{grid-template-rows:50px;grid-template-columns:212px 146px;align-items:center;gap:8px;min-height:74px;padding:10px 12px;display:grid}.player-context{display:none}.player-controls{grid-area:1/2;grid-template-columns:42px 50px 42px;gap:6px;width:146px;display:grid}.player-controls .primary-play{grid-area:1/2;width:50px;height:50px}.player-controls>button:not(.primary-play){background:#f6f9f7;border:1px solid #d6e1da;width:42px;height:42px;box-shadow:0 3px 10px #204a3614}.player-controls .player-previous{grid-area:1/1}.player-controls .player-next{grid-area:1/3}.player-options{grid-area:1/1;justify-content:flex-start;align-items:center;gap:5px;width:212px;display:flex}.player-time{display:none}.player-option-group{background:#fff;border:1px solid #dce7e2;border-radius:12px;height:40px;display:grid;overflow:hidden}.player-learning-tools{grid-template-columns:repeat(3,minmax(0,1fr));width:116px}.player-playback-tools{grid-template-columns:repeat(2,minmax(0,1fr));width:76px}.player-option-group>button,.player-option-group>a,.player-option-group>label{border-radius:0;min-width:0;height:38px}.player-option-group>:not(:first-child){border-left:1px solid #e6ece9}.player-options button,.player-options a{width:100%;min-width:0;min-height:38px;padding:0}.player-options button span:not(.player-furigana-short),.player-action-label{display:none}.player-options .player-furigana{width:100%;padding:0;font-size:13px}.player-furigana-short{display:inline}.player-options .player-gpt-badge{min-width:0;height:auto;color:inherit;background:0 0;border-radius:0;font-size:7px}.player-options button.is-on{background:var(--green-soft);color:var(--green)}.player-options a:hover,.player-options a:focus-visible{background:#edf3ef}.rate-select{place-items:stretch stretch;display:grid}.rate-select select{appearance:none;color:#52675c;text-align:center;text-align-last:center;cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;height:38px;padding:0;font-size:9px}.rate-select select:focus-visible{outline-offset:-3px;outline:2px solid #5d9b7d}.player-options.innovative-player-options{grid-template-columns:repeat(3,68px);gap:4px;display:grid}.innovative-player-options button{min-height:40px}.innovative-player-options .rate-select select{width:68px;height:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}