@charset "UTF-8";.cloud-sync-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#1014236b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cloud-sync-dialog{box-sizing:border-box;width:min(520px,100%);padding:24px;border:1px solid rgba(var(--primary-rgb),.14);border-radius:18px;background:var(--surface);box-shadow:0 24px 70px #0a0f233d}.cloud-sync-dialog h2{margin:5px 0 8px;color:var(--text-strong);font-size:22px}.cloud-sync-dialog>p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.55}.cloud-sync-kicker{color:var(--primary-color);font-size:12px;font-weight:700}.cloud-sync-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 12px}.cloud-sync-choices button{display:grid;gap:5px;min-height:116px;padding:14px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:12px;background:rgba(var(--primary-rgb),.04);color:var(--text-body);text-align:left;cursor:pointer}.cloud-sync-choices button:hover{border-color:rgba(var(--primary-rgb),.42);background:rgba(var(--primary-rgb),.08)}.cloud-sync-choices button strong{color:var(--primary-color);font-size:15px}.cloud-sync-choices button span{font-size:12px}.cloud-sync-choices button small{color:var(--text-muted);font-size:11px;line-height:1.4}.cloud-sync-dialog .cloud-sync-warning{color:#9a6b12;font-size:11px}@media (max-width: 520px){.cloud-sync-choices{grid-template-columns:1fr}}:root{--primary-color: #667eea;--secondary-color: #764ba2;--primary-rgb: 102, 126, 234;--secondary-rgb: 118, 75, 162;--primary-soft: #f0f4ff;--primary-soft-2: #e6f0ff;--primary-tint: #f7f9ff;--page-bg: #fafbfc;--surface: #ffffff;--translation-bg: #faf5ff;--explain-bg: #fff9e6;--explain-border: #ffc107;--explain-divider: #ffe69c;--explain-title: #856404;--tip-color: #fd7e14;--tip-bg: #fff5eb;--logo-bg: #6c7bf0;--logo-ring: rgba(255, 255, 255, .2);--logo-ring-2: rgba(255, 255, 255, .12);--logo-petal: #f0f4ff;--logo-center: #764ba2;--radius-lg: 20px;--radius-md: 12px;--radius-sm: 10px;--app-content-width: 900px;--app-content-wide: 1680px;--app-content-gutter: 40px;--radius-xs: 6px;--radius-xxs: 4px;--shadow-card: 0 20px 60px rgba(0, 0, 0, .3);--shadow-card-mobile: 0 12px 30px rgba(0, 0, 0, .16);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .12);--shadow-hover: 0 6px 16px rgba(0, 0, 0, .2);--shadow-sidebar: 4px 0 24px rgba(0, 0, 0, .12);--shadow-btn: 0 4px 14px rgba(var(--primary-rgb), .35);--text-strong: #3a3f55;--text-body: #555;--text-muted: #888;--text-faint: #aaa;--font-scale: 1}:root[data-theme=sakura]{--primary-color: #f7a7c4;--secondary-color: #f08db2;--primary-rgb: 247, 167, 196;--secondary-rgb: 240, 141, 178;--primary-soft: #fff1f6;--primary-soft-2: #ffe6ee;--primary-tint: #fff6fa;--page-bg: #fff7fb;--surface: #ffffff;--translation-bg: #fff1f6;--explain-bg: #fff3f8;--explain-border: #f5a3be;--explain-divider: #f3c1d3;--explain-title: #c85a7d;--tip-color: #c24972;--tip-bg: #ffe3ee;--logo-bg: #f7a7c4;--logo-ring: rgba(255, 255, 255, .18);--logo-ring-2: rgba(255, 255, 255, .12);--logo-petal: #fff1f6;--logo-center: #f08db2}:root[data-theme=night]{--primary-color: #96a7f8;--secondary-color: #b49aee;--primary-rgb: 150, 167, 248;--secondary-rgb: 180, 154, 238;--primary-soft: #272d3f;--primary-soft-2: #30374b;--primary-tint: #202536;--page-bg: #121620;--surface: #1a1f2e;--translation-bg: #23293a;--explain-bg: #2c281c;--explain-border: #8a7340;--explain-divider: #5c4e2e;--explain-title: #e0c070;--tip-color: #f0a060;--tip-bg: #2a2218;--logo-bg: #7286df;--logo-ring: rgba(255, 255, 255, .14);--logo-ring-2: rgba(255, 255, 255, .08);--logo-petal: #e8ecff;--logo-center: #b49aee;--shadow-card: 0 20px 60px rgba(0, 0, 0, .55);--shadow-card-mobile: 0 12px 30px rgba(0, 0, 0, .4);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .35);--shadow-hover: 0 6px 16px rgba(0, 0, 0, .45);--shadow-sidebar: 4px 0 24px rgba(0, 0, 0, .4);--shadow-btn: 0 4px 14px rgba(0, 0, 0, .35);--text-strong: #f2f4fa;--text-body: #cdd3e2;--text-muted: #9fa8bd;--text-faint: #80899f}html[data-theme=night]{color-scheme:dark;background:linear-gradient(160deg,#181d2b,#10141d 58%,#0c0f16);background-attachment:fixed}html[data-theme=night] body{background:transparent}html[data-theme=night] header h1{color:var(--text-strong)}html[data-theme=night] .subtitle{color:var(--text-muted)}html[data-theme=night] .sentence-text{background:var(--translation-bg);border:1px solid rgba(255,255,255,.06);color:var(--secondary-color)}html[data-theme=night] .sentence-text:hover{background:var(--primary-soft-2)}html[data-theme=night] .sentence-translation{background:var(--primary-soft);color:var(--text-strong)}html[data-theme=night] .sentence-explanation{color:var(--text-body)}html[data-theme=night] .sentence-explanation .grammar{color:#f0a3c8;background:#e879b02e}html[data-theme=night] .sentence-explanation .usage{color:#86efac;background:#4ade8029}html[data-theme=night] .related-grammar-chip,html[data-theme=night] .sentence-vocab-chip{background:var(--primary-soft);border-color:rgba(var(--primary-rgb),.28)}html[data-theme=night] .related-grammar-chip:hover,html[data-theme=night] .sentence-vocab-chip:hover,html[data-theme=night] .sentence-vocab-chip.is-active{background:var(--primary-soft-2)}html[data-theme=night] .grammar-article{background:var(--surface);color:var(--text-body);border-color:#ffffff14}html[data-theme=night] .grammar-article code{background:var(--primary-soft);color:var(--text-strong)}html[data-theme=night] .grammar-article pre{background:#141824;border:1px solid rgba(255,255,255,.08)}html[data-theme=night] .grammar-article th{background:var(--primary-soft)}html[data-theme=night] .grammar-article td{background:transparent;color:var(--text-body)}html[data-theme=night] .grammar-category-heading h3{color:var(--primary-color)}html[data-theme=night] .grammar-note-card{background:var(--primary-tint);border-color:#ffffff14}html[data-theme=night] .navigation-sidebar,html[data-theme=night] .nav-content{background:var(--page-bg)}html[data-theme=night] .nav-footer{background:var(--page-bg);border-top-color:#ffffff14;box-shadow:0 -8px 20px #00000040}html[data-theme=night] .nav-home-entry{background:rgba(var(--primary-rgb),.14)}html[data-theme=night] .nav-section-title,html[data-theme=night] .nav-level-header,html[data-theme=night] .nav-unit-header,html[data-theme=night] .nav-module,html[data-theme=night] .nav-item{color:var(--text-body)}html[data-theme=night] .nav-item.selected,html[data-theme=night] .nav-module.selected{background:rgba(var(--primary-rgb),.18);color:var(--text-strong)}html[data-theme=night] .nav-more-popover{background:#1c2030fa;box-shadow:0 8px 24px #00000073}html[data-theme=night] .nav-more-opt{color:var(--text-body)}html[data-theme=night] .nav-more-opt:hover{background:#ffffff0f}html[data-theme=night] .nav-more-opt.is-active{background:rgba(var(--primary-rgb),.22);color:var(--primary-color)}html[data-theme=night] .nav-more-row:not(:last-child),html[data-theme=night] .home-settings-row:not(:last-child){border-bottom-color:#ffffff14}html[data-theme=night] .vocab-grade-btns--dock{background:#1c2030f0;border-top-color:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-theme=night] .home-continue-icon{background:#ffffff1f}html[data-theme=night] .group-info-header{background:var(--primary-soft);color:var(--text-body)}html[data-theme=night] .group-info-header h2{color:var(--text-strong)}html[data-theme=night] .vocab-mnemonic-text,html[data-theme=night] .vocab-fam-sib,html[data-theme=night] .vocab-card-mean,html[data-theme=night] .vocab-example-cn{color:var(--text-body)}html[data-theme=night] .vocab-mnemonic-label,html[data-theme=night] .vocab-fam-sib i,html[data-theme=night] .vocab-card-num{color:var(--text-muted)}html[data-theme=night] .vocab-mnemonic-item{background:rgba(var(--primary-rgb),.12)}html[data-theme=night] .play-btn{box-shadow:0 4px 18px #00000073}@media (min-width: 769px){:root[data-theme=moyu]{--primary-color: #333333;--secondary-color: #333333;--primary-rgb: 51, 51, 51;--secondary-rgb: 51, 51, 51;--primary-soft: #f7f7f7;--primary-soft-2: #f0f0f0;--primary-tint: #ffffff;--page-bg: #ffffff;--surface: #ffffff;--translation-bg: #fafafa;--explain-bg: #fafafa;--explain-border: #dddddd;--explain-divider: #eeeeee;--explain-title: #444444;--tip-color: #666666;--tip-bg: #fafafa;--logo-bg: #cccccc;--logo-ring: rgba(255, 255, 255, .18);--logo-ring-2: rgba(255, 255, 255, .12);--logo-petal: #f5f5f5;--logo-center: #888888;--shadow-card: none;--shadow-soft: none;--shadow-hover: none;--shadow-btn: none;--shadow-sidebar: 1px 0 0 #e0e0e0;--radius-lg: 3px;--radius-md: 3px;--radius-sm: 2px}html[data-theme=moyu]{background:#fff;background-attachment:scroll}html[data-theme=moyu] body{background:#fff;color:#333}html[data-theme=moyu] .main-content{margin:0 0 0 auto;padding:56px 32px 48px 24px;max-width:min(980px,100vw - 40px);min-height:100dvh;min-height:100svh;background:#fff;border:none;border-radius:0;box-shadow:none}html[data-theme=moyu] .menu-toggle-btn,html[data-theme=moyu] .grammar-back-link--fixed{top:12px;left:12px;background:transparent;border:none;box-shadow:none;color:#666;width:32px;height:32px;border-radius:2px}html[data-theme=moyu] .menu-toggle-btn:hover,html[data-theme=moyu] .grammar-back-link--fixed:hover{background:#f0f0f0;transform:none;box-shadow:none;color:#333}html[data-theme=moyu] .menu-toggle-btn svg,html[data-theme=moyu] .grammar-back-link--fixed svg{width:20px;height:20px}html[data-theme=moyu] header h1{color:#222;font-weight:600;font-size:1.6em}html[data-theme=moyu] .subtitle{color:#777}html[data-theme=moyu] .group-info-header{background:#fafafa;border-left:3px solid #cccccc;border-radius:2px}html[data-theme=moyu] .group-info-header h2{color:#333;font-weight:600}html[data-theme=moyu] .btn{border-radius:2px;box-shadow:none}html[data-theme=moyu] .btn:hover{transform:none;box-shadow:none}html[data-theme=moyu] .btn-primary{background:#f0f0f0;color:#333;border:1px solid #cccccc;box-shadow:none}html[data-theme=moyu] .btn-primary:hover{background:#e8e8e8;opacity:1}html[data-theme=moyu] .related-grammar-chip{color:#333;background:#fff;border:1px solid #dddddd;border-radius:2px}html[data-theme=moyu] .related-grammar-chip:hover{background:#fafafa;border-color:#ccc}html[data-theme=moyu] .sentence-vocab-strip{background:#fff;border-color:#e0e0e0}html[data-theme=moyu] .sentence-vocab-chip{color:#333;border:1px solid #dddddd;border-radius:2px}html[data-theme=moyu] .sentence-vocab-chip.is-active{background:#333;border-color:#333;color:#fff}html[data-theme=moyu] .grammar-back-link{color:#333;background:#fff;border:1px solid #dddddd;border-radius:2px;box-shadow:none}html[data-theme=moyu] .grammar-back-link:hover{color:#111;background:#fafafa;box-shadow:none;transform:none}html[data-theme=moyu] .grammar-category-heading h3{color:#333;font-weight:600}html[data-theme=moyu] .grammar-today-guide,html[data-theme=moyu] .grammar-search,html[data-theme=moyu] .grammar-note-card{background:#fff;border:1px solid #dddddd;border-radius:2px;box-shadow:none}html[data-theme=moyu] .grammar-note-card:hover{transform:none;box-shadow:none;border-color:#ccc;background:#fafafa}html[data-theme=moyu] .grammar-note-order{color:#999;font-weight:600}html[data-theme=moyu] .grammar-article{padding:0;border:none;border-radius:0;box-shadow:none}html[data-theme=moyu] .grammar-article h1,html[data-theme=moyu] .grammar-article h2,html[data-theme=moyu] .grammar-article h3,html[data-theme=moyu] .grammar-article h4{color:#333}html[data-theme=moyu] .grammar-related{display:none}html[data-theme=moyu] .grammar-layout{grid-template-columns:minmax(0,1fr)}html[data-theme=moyu] .grammar-practice-card{border:1px solid #dddddd;box-shadow:none}html[data-theme=moyu] .nav-header{background:#f5f5f5;color:#333;box-shadow:none;border-bottom:1px solid #e0e0e0}html[data-theme=moyu] .nav-logo{background:#0000000a}html[data-theme=moyu] .nav-more-btn,html[data-theme=moyu] .nav-close-btn{background:#0000000d;color:#555}html[data-theme=moyu] .nav-item.selected{background:#f0f0f0;color:#333;box-shadow:none;transform:none}html[data-theme=moyu] .nav-item.selected:before{background:#aaa}html[data-theme=moyu] .sentence-text{background:#fafafa;border:1px solid #eeeeee;border-radius:2px}}:root[data-font-size=sm]{--font-scale: .84}:root[data-font-size=xs]{--font-scale: .74}:root[data-font-size=md]{--font-scale: .94}:root[data-font-size=xl]{--font-scale: 1.08}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;height:100dvh;height:100svh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);background-attachment:fixed;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:transparent;min-height:100%;min-height:100dvh;min-height:100svh;color:var(--text-body);margin:0;padding:0;font-size:calc(16px * var(--font-scale));overscroll-behavior:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:none;font:inherit;color:inherit;cursor:pointer}button:focus{outline:none}button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}summary:focus{outline:none}summary:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#root{width:100%;min-height:100%;min-height:100dvh;min-height:100svh}.app-layout{position:relative;min-height:100%;min-height:100dvh;min-height:100svh;width:100%}.menu-toggle-btn{position:absolute;top:16px;left:16px;z-index:40;background:rgba(var(--primary-rgb),.08);border:none;width:40px;height:40px;border-radius:12px;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--primary-color);transition:background .2s ease,transform .2s ease}.menu-toggle-btn:hover{background:rgba(var(--primary-rgb),.14);transform:none;box-shadow:none}.menu-toggle-btn:active{transform:scale(.98)}.menu-toggle-btn--hidden{display:none}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content{position:relative;display:flex;flex-direction:column;box-sizing:border-box;background:var(--surface);color:var(--text-body);margin:20px auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:72px 40px 40px;text-align:center;width:min(var(--app-content-width),100% - var(--app-content-gutter));max-width:var(--app-content-width);min-height:calc(100dvh - 40px);min-height:calc(100svh - 40px)}.module-page--lock-x{touch-action:pan-y;overscroll-behavior-x:none}.module-context-return{display:inline-flex;align-items:center;gap:5px;margin:-4px 0 16px;padding:7px 10px;border-radius:9px;background:rgba(var(--primary-rgb),.09);color:var(--primary-color);font-size:.8em;font-weight:700;text-decoration:none}.module-page-header{margin-bottom:40px;text-align:center}.module-page-header h1{margin:0;color:var(--primary-color);font-size:calc(1.55em * var(--font-scale));font-weight:700;line-height:1.35}.module-progress-path{margin:8px 0 0;color:var(--text-muted);font-size:.82em;line-height:1.45}header.module-page-header h1{color:var(--primary-color);font-size:calc(1.55em * var(--font-scale));margin-bottom:0}.module-page-status{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:14px}.module-page-status .sentence-info,.module-page-status .module-daily-listening--inline{margin:0}.module-daily-listening{display:inline-flex;align-items:center;gap:6px;margin:-4px 0 16px 8px;padding:7px 10px;border-radius:9px;background:rgba(var(--primary-rgb),.07);color:var(--text-muted);font-size:.78em}.module-daily-listening strong{color:var(--primary-color);font-variant-numeric:tabular-nums}.module-daily-listening.is-complete{background:#589a711c;color:#57966f}.module-daily-listening.is-complete strong{color:#57966f}.module-daily-listening.is-just-complete{animation:listening-complete-pop .45s ease}.module-daily-listening--inline{margin:0;padding:5px 9px;font-size:.72em}@keyframes listening-complete-pop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.module-daily-listening.is-just-complete{animation:none}}.group-info-panel{width:fit-content;max-width:100%;margin:10px auto 0;border:0;border-radius:var(--radius-md);background:transparent;text-align:left}.group-info-panel summary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:0;padding:4px 2px;color:var(--text-faint);font-size:calc(.78em * var(--font-scale));font-weight:600;cursor:pointer;list-style:none}.group-info-panel summary::-webkit-details-marker{display:none}.group-info-panel summary:after{content:"›";color:var(--text-faint);font-size:1.05em;line-height:1;transform:rotate(90deg);transition:transform .15s ease}.group-info-panel[open]{position:relative;width:100%;margin-top:14px;padding:12px 16px;border:0;border-left:4px solid var(--primary-color);border-radius:var(--radius-md);background:var(--primary-soft)}.group-info-panel[open]>summary{position:absolute;top:8px;right:8px;z-index:1;display:inline-flex;justify-content:center;gap:0;width:auto;min-height:28px;padding:4px 8px;border:0;border-radius:999px;background:#ffffffb8;color:var(--primary-color);font-size:0}.group-info-panel[open]>summary span{display:none}.group-info-panel[open]>summary:after{color:var(--primary-color);font-size:14px;font-weight:700;transform:rotate(-90deg)}.group-info-panel .group-info-panel-meta{color:var(--text-faint);font-size:.92em;font-weight:500}.group-info-panel[open] .group-info-header{margin:0;padding:0;border:0;border-radius:0;background:transparent;text-align:left}.group-info-panel[open] .group-info-header h2{padding-right:36px}.group-info-panel--foot{width:100%;margin:8px 0 12px;padding:12px 14px;border:0;border-radius:var(--radius-md);background:#7864500a;text-align:left}.group-info-panel--foot .related-grammar-strip{margin-top:0;column-gap:8px;row-gap:6px}.group-info-panel--foot .related-grammar-label{color:var(--text-faint);font-size:.76em;font-weight:600;line-height:1.9}.group-info-panel--foot .related-grammar-list{gap:6px}.group-info-panel--foot .related-grammar-chip{padding:4px 9px;border:1px solid rgba(120,100,80,.08);border-radius:8px;background:#ffffff8c;color:var(--text-muted);font-size:.76em;font-weight:500}.group-info-panel--foot .related-grammar-chip:hover{background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.16);color:var(--primary-color)}.group-info-header{margin-bottom:20px;padding:12px 16px;background:var(--primary-soft);border-radius:var(--radius-md);border-left:4px solid var(--primary-color);text-align:left}.group-info-header h2{font-size:.95em;color:var(--primary-color);margin-bottom:6px;font-weight:600;line-height:1.4;word-break:break-word}.group-description{color:#666;font-size:.85em;margin:4px 0;line-height:1.4}.related-grammar-strip{display:grid;grid-template-columns:max-content 1fr;column-gap:10px;row-gap:8px;align-items:start;margin-top:12px}.related-grammar-label{color:var(--text-muted);font-size:.82em;font-weight:700;line-height:2.2}.related-grammar-list{display:flex;flex-wrap:wrap;gap:8px;min-width:0}.related-grammar-chip{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:var(--surface);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.18);text-decoration:none;font-size:.8em;font-weight:600;line-height:1.4}.related-grammar-chip:hover{background:var(--primary-soft-2)}.sentence-vocab-strip{margin:14px auto 0;max-width:640px;padding:10px 14px;background:var(--primary-tint);border:1px solid rgba(var(--primary-rgb),.14);border-radius:var(--radius-md);text-align:left}.sentence-vocab-label{display:inline-block;color:var(--text-muted);font-size:.78em;font-weight:700;margin-right:10px;line-height:2}.sentence-vocab-list{display:inline-flex;flex-wrap:wrap;gap:6px;vertical-align:middle}.sentence-vocab-chip{padding:4px 10px;border-radius:999px;background:var(--surface);color:var(--primary-color);border:1px solid rgba(var(--primary-rgb),.2);font-size:.82em;font-weight:600;line-height:1.4;cursor:pointer;transition:background .15s ease}.sentence-vocab-chip:hover{background:var(--primary-soft-2)}.sentence-vocab-chip.is-active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.sentence-vocab-detail{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed rgba(var(--primary-rgb),.18);font-size:.88em}.sentence-vocab-play{display:inline-flex;align-items:center;padding:5px;border:none;border-radius:50%;background:none;color:var(--primary-color);cursor:pointer}.sentence-vocab-play:hover{background:rgba(var(--primary-rgb),.12)}.sentence-vocab-word{font-weight:700;color:var(--text-strong)}.sentence-vocab-kana{color:var(--primary-color);font-size:.9em}.sentence-vocab-mean{color:var(--text-body);flex:1 1 12em;min-width:0}.sentence-vocab-link{color:var(--primary-color);font-size:.9em;font-weight:600;text-decoration:none;white-space:nowrap}.sentence-vocab-link:hover{text-decoration:underline}.main-content.route-loading{display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 40px);min-height:calc(100svh - 40px)}.route-loading-kana{display:flex;gap:8px;font-size:1.6em;font-weight:700;color:var(--primary-color)}.route-loading-kana span{opacity:0;animation:route-loading-appear .25s ease forwards,route-loading-wave 1.2s ease-in-out infinite}.route-loading-kana span:nth-child(2n){color:var(--secondary-color)}@keyframes route-loading-appear{to{opacity:1}}@keyframes route-loading-wave{0%,55%,to{transform:translateY(0)}25%{transform:translateY(-12px)}}@media (max-width: 768px){.main-content.route-loading{min-height:calc(100dvh - 20px);min-height:calc(100svh - 20px)}}.container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:800px;width:100%;padding:40px;text-align:center;margin:0 auto}header{margin-bottom:40px}header h1{font-size:2.5em;color:var(--primary-color);margin-bottom:10px;font-weight:700}.subtitle{color:#666;font-size:1.1em}.group-selector{margin-bottom:30px;padding:20px;background:var(--page-bg);border-radius:12px;text-align:left}.group-label{display:block;font-size:1em;color:#666;font-weight:500;margin-bottom:10px}.group-select{width:100%;padding:10px 15px;font-size:1em;border:2px solid #e9ecef;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:all .3s ease;font-weight:500;margin-bottom:10px}.group-select:hover{border-color:var(--primary-color);box-shadow:0 2px 8px rgba(var(--primary-rgb),.2)}.group-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.group-info{font-size:.9em;color:var(--primary-color);font-weight:500;padding:8px 12px;background:var(--primary-soft);border-radius:var(--radius-xs);border-left:3px solid var(--primary-color)}.sentence-display{margin:40px 0;min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;will-change:transform,opacity}.module-page .sentence-display{margin:8px 0 12px;min-height:0;gap:0}.sentence-display--trigger{transform:translateY(0)}.sentence-display--next{animation:sentence-slide-next .26s cubic-bezier(.22,.61,.36,1)}.sentence-display--prev{animation:sentence-slide-prev .26s cubic-bezier(.22,.61,.36,1)}@keyframes sentence-slide-next{0%{transform:translateY(6px) scale(.995)}to{transform:translateY(0) scale(1)}}@keyframes sentence-slide-prev{0%{transform:translateY(-6px) scale(.995)}to{transform:translateY(0) scale(1)}}.sentence-text{font-size:2em;line-height:1.7;color:var(--secondary-color);padding:32px 28px;background:var(--translation-bg);border-radius:var(--radius-lg);margin-bottom:16px;min-height:120px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;word-break:break-word;transition:all .3s ease;font-weight:600;width:100%}.sentence-text:hover{background:var(--primary-soft);transform:translateY(-2px)}.sentence-text ruby{ruby-align:center;ruby-position:over}.sentence-text rt{color:var(--text-muted);font-size:.42em;font-weight:500;line-height:1}.sentence-text--furigana{line-height:2.15;padding-top:38px;padding-bottom:34px}.sentence-translation{font-size:1.5em;line-height:1.7;color:var(--text-strong);padding:22px 24px;background:var(--primary-tint);border-radius:var(--radius-md);margin-bottom:16px;width:100%;display:flex;align-items:center;justify-content:center;word-break:break-word;font-weight:500}.sentence-status-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;width:100%;margin:6px 0 22px}.sentence-explanation{font-size:1em;line-height:2;color:var(--text-body);padding:26px 24px;background:var(--explain-bg);border-radius:var(--radius-md);margin:4px 0 0;width:100%;text-align:left;border-left:4px solid var(--explain-border)}.sentence-explanation .vocab{color:var(--primary-color);font-weight:600;background:var(--primary-soft);padding:2px 6px;border-radius:var(--radius-xxs)}.sentence-explanation .grammar{color:#d63384;font-weight:600;background:#fff0f7;padding:2px 6px;border-radius:var(--radius-xxs)}.sentence-explanation .usage{color:#198754;font-weight:600;background:#f0fff4;padding:2px 6px;border-radius:var(--radius-xxs)}.sentence-explanation .tip{color:var(--tip-color);font-weight:600;background:var(--tip-bg);padding:2px 6px;border-radius:var(--radius-xxs)}.sentence-explanation .section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--explain-divider)}.sentence-explanation .section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.sentence-explanation .section-title{font-weight:700;color:var(--explain-title);margin-bottom:10px;font-size:1.05em}.sentence-explanation p{margin:0 0 .55em}.sentence-explanation p:last-child{margin-bottom:0}.sentence-info{font-size:1.05em;color:var(--text-muted);font-weight:600;font-variant-numeric:tabular-nums;margin:0}.controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin:12px 0}.btn{padding:12px 30px;font-size:1.1em;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .3s ease;font-weight:500;background:#e9ecef;color:#333}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;padding:16px 40px;font-size:1.5em}.btn-primary:hover{opacity:.9}.audio-container{display:none}.grammar-page{position:relative;max-width:var(--app-content-width);text-align:left}.grammar-page header{display:flex;flex-direction:column;align-items:flex-start;text-align:left;margin-bottom:4px}.grammar-page header h1{margin-bottom:0}.grammar-back-link{align-self:flex-start;margin-bottom:20px;padding:9px 14px 9px 10px;display:inline-flex;align-items:center;gap:6px;justify-content:center;color:var(--primary-color);background:var(--primary-tint);border:1px solid rgba(var(--primary-rgb),.22);border-radius:999px;box-shadow:var(--shadow-soft);font-size:.9em;font-weight:700;line-height:1;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.grammar-back-link:hover{color:var(--secondary-color);background:var(--primary-soft);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.grammar-back-link svg{width:18px;height:18px;flex:0 0 auto}.grammar-back-link--fixed{position:fixed;top:36px;left:max(36px,50% - var(--app-content-width) / 2 + 16px);z-index:100;margin-bottom:0;width:40px;height:40px;padding:0;border-radius:12px;background:rgba(var(--primary-rgb),.08);border:none;box-shadow:none;color:var(--primary-color)}.grammar-back-link--fixed svg{width:22px;height:22px}.grammar-back-link--fixed:hover{background:rgba(var(--primary-rgb),.14);transform:none;box-shadow:none}.app-layout--exam-detail .grammar-back-link--fixed{top:32px;left:max(28px,50% - min(var(--app-content-wide) / 2,50vw - 24px) + 18px)}.app-layout--reading-detail .grammar-back-link--fixed{left:max(36px,50% - min(420px,50vw - 20px) + 16px)}.grammar-index{display:flex;flex-direction:column;gap:18px}.grammar-today-guide{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--radius-md);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.06)}.grammar-today-guide-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.grammar-today-guide-copy strong{color:var(--primary-color);font-size:.78em;font-weight:800;letter-spacing:.04em}.grammar-today-guide-title{color:var(--text-strong);font-size:1.05em;font-weight:700;line-height:1.4}.grammar-today-guide-meta{color:var(--text-muted);font-size:.8em;line-height:1.45}.grammar-today-guide-cta{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--primary-color);color:#fff;font-size:.82em;font-weight:700;line-height:1.2;text-decoration:none;white-space:nowrap}.grammar-today-guide-cta:hover{filter:brightness(1.05)}.grammar-priority .grammar-note-grid--priority{padding:4px;border-radius:var(--radius-md);background:rgba(var(--primary-rgb),.03)}.grammar-index-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}.grammar-index-section-heading h2{margin:0;color:var(--text-strong);font-size:1.05em}.grammar-index-section-heading p{margin:3px 0 0;color:var(--text-muted);font-size:.78em}.grammar-index-section-heading>span{flex-shrink:0;color:var(--text-muted);font-size:.75em}.grammar-recent-quiet{display:flex;flex-wrap:wrap;gap:8px}.grammar-recent-quiet a{max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(var(--primary-rgb),.05);color:var(--text-muted);font-size:.78em;line-height:1.35;text-decoration:none}.grammar-recent-quiet a:hover{color:var(--primary-color);background:rgba(var(--primary-rgb),.1)}.grammar-recent-quiet span{color:var(--primary-color);font-variant-numeric:tabular-nums;font-weight:700;font-size:.92em}.grammar-library{min-width:0;padding-top:4px;border-top:1px solid rgba(var(--primary-rgb),.1)}.grammar-search{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid rgba(var(--primary-rgb),.18);border-radius:var(--radius-md);background:var(--surface);color:var(--text-muted)}.grammar-search:focus-within{border-color:rgba(var(--primary-rgb),.48);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.09)}.grammar-search .grammar-search-icon{flex:0 0 auto;opacity:.72}.grammar-search input{flex:1;min-width:0;padding:0;border:0;outline:0;background:transparent;color:var(--text-strong);font:inherit;font-size:.9em}.grammar-search input::placeholder{color:var(--text-faint)}.grammar-search button{padding:4px 0;border:0;background:none;color:var(--primary-color);font:inherit;font-size:.76em;font-weight:700;cursor:pointer}.grammar-filters{display:flex;flex-direction:column;gap:8px;margin:12px 0 18px}.grammar-filter-row{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:2px}.grammar-filter-row button{flex-shrink:0;border:1px solid rgba(var(--primary-rgb),.16);border-radius:999px;background:var(--surface);color:var(--text-muted);font:inherit;font-weight:650;cursor:pointer}.grammar-filter-row button:hover{border-color:rgba(var(--primary-rgb),.28);color:var(--primary-color);background:rgba(var(--primary-rgb),.06)}.grammar-filter-row button.is-active{border-color:rgba(var(--primary-rgb),.28);background:rgba(var(--primary-rgb),.12);color:var(--primary-color)}.grammar-filter-row--levels button{min-width:2.6em;padding:6px 10px;font-size:.74em;font-variant-numeric:tabular-nums;text-align:center}.grammar-filter-row--topics button{padding:8px 12px;font-size:.78em}.grammar-category+.grammar-category{margin-top:28px}.grammar-category-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}.grammar-category-heading h3{margin:0;color:var(--text-strong);font-size:.92em}.grammar-category-heading span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgba(var(--primary-rgb),.09);color:var(--primary-color);font-size:.68em;font-weight:700}.grammar-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grammar-note-card{display:flex;align-items:center;gap:12px;min-width:0;padding:13px 14px;border-radius:var(--radius-md);background:var(--surface);border:1px solid rgba(var(--primary-rgb),.12);color:var(--text-strong);text-decoration:none;transition:background .15s ease,border-color .15s ease}.grammar-note-card:hover{background:rgba(var(--primary-rgb),.05);border-color:rgba(var(--primary-rgb),.22)}.grammar-note-order{flex-shrink:0;min-width:1.6em;color:rgba(var(--primary-rgb),.72);font-size:.72em;font-weight:800;font-variant-numeric:tabular-nums}.grammar-note-body{min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.grammar-note-arrow{flex-shrink:0;margin-right:2px;color:rgba(var(--primary-rgb),.35);font-size:1.15em}.grammar-note-card:hover .grammar-note-arrow{color:var(--primary-color)}.grammar-note-status{flex-shrink:0;padding:3px 6px;border-radius:999px;background:rgba(var(--primary-rgb),.08);color:var(--text-muted);font-size:.64em;font-weight:700;white-space:nowrap}.grammar-note-status--learning{background:rgba(var(--primary-rgb),.13);color:var(--primary-color)}.grammar-note-status--mastered{background:#589a7124;color:#57966f}.grammar-no-results{padding:40px 20px;border:1px dashed rgba(var(--primary-rgb),.2);border-radius:14px;text-align:center}.grammar-no-results strong{color:var(--text-strong)}.grammar-no-results p{margin:6px 0 14px;color:var(--text-muted);font-size:.84em}.grammar-no-results button{padding:8px 12px;border:0;border-radius:9px;background:rgba(var(--primary-rgb),.11);color:var(--primary-color);font:inherit;font-size:.8em;font-weight:700;cursor:pointer}.grammar-detail-header{display:flex;flex-direction:column;align-items:center;text-align:center}.grammar-status-control{display:inline-flex;gap:4px;margin-top:12px;padding:4px;border:1px solid rgba(var(--primary-rgb),.12);border-radius:999px;background:var(--surface)}.grammar-status-control button{padding:7px 11px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:.75em;font-weight:650;cursor:pointer}.grammar-status-control button:hover,.grammar-status-control button.is-active{background:rgba(var(--primary-rgb),.12);color:var(--primary-color)}.grammar-status-control button.is-active{font-weight:750}.grammar-detail-title-row{display:flex;align-items:baseline;justify-content:center;gap:.45em;max-width:100%}.grammar-detail-title-row h1{min-width:0;margin:0;text-align:left;color:var(--text-strong);overflow-wrap:anywhere}.grammar-detail-order{flex:0 0 auto;font-size:1.05em;line-height:1;color:var(--primary-color);font-weight:800}.grammar-note-title{overflow:hidden;font-size:.88em;font-weight:700;line-height:1.4;color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap}.grammar-note-meta{overflow:hidden;color:var(--text-muted);font-size:.7em;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.grammar-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start;min-width:0}.grammar-article{order:2;min-width:0;max-width:100%;padding:28px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(var(--primary-rgb),.12);line-height:1.85;color:var(--text-body)}.grammar-completion{margin-top:38px;padding-top:26px;border-top:1px solid rgba(var(--primary-rgb),.16)}.grammar-completion h2{margin:5px 0 7px;color:var(--text-strong);font-size:1.25em}.grammar-completion>p{margin:0 0 18px;color:var(--text-muted);font-size:.88em;line-height:1.6}.grammar-completion-kicker{color:var(--primary-color);font-size:.72em;font-weight:800;letter-spacing:.08em}.grammar-completion-steps{display:flex;flex-direction:column;gap:8px}.grammar-completion-step{display:flex;align-items:center;gap:11px;min-width:0;padding:11px 12px;border:1px solid rgba(var(--primary-rgb),.1);border-radius:11px;background:rgba(var(--primary-rgb),.04)}.grammar-completion-step>span:first-child{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:rgba(var(--primary-rgb),.1);color:var(--primary-color);font-size:.72em;font-weight:800}.grammar-completion-step>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:1px}.grammar-completion-step strong{color:var(--text-strong);font-size:.84em;line-height:1.4}.grammar-completion-step small{overflow:hidden;color:var(--text-muted);font-size:.72em;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.grammar-completion-step.is-complete>span:first-child{background:#589a7126;color:#57966f}.grammar-completion-practice{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:6px 9px;border-radius:8px;background:rgba(var(--primary-rgb),.11);color:var(--primary-color);font-size:.72em;font-weight:750;line-height:1.2;text-decoration:none}.grammar-completion-judgement{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.grammar-completion-judgement button{min-height:43px;padding:9px 12px;border:1px solid rgba(var(--primary-rgb),.16);border-radius:10px;background:transparent;color:var(--text-muted);font:inherit;font-size:.78em;font-weight:700;cursor:pointer}.grammar-completion-judgement button:hover,.grammar-completion-judgement button.is-active{border-color:rgba(var(--primary-rgb),.32);background:rgba(var(--primary-rgb),.09);color:var(--primary-color)}.grammar-completion-judgement .grammar-completion-mastered.is-active{border-color:#589a7147;background:#589a7121;color:#57966f}.grammar-completion-nav{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:8px;margin-top:18px}.grammar-completion-nav a{min-width:0;display:flex;align-items:center;gap:6px;padding:10px 12px;border-radius:10px;background:var(--primary-tint);color:var(--primary-color);font-size:.76em;font-weight:700;text-decoration:none}.grammar-completion-nav a:last-child{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.grammar-completion-nav strong{overflow:hidden;color:var(--text-strong);font-size:1em;text-overflow:ellipsis;white-space:nowrap}.grammar-article h1,.grammar-article h2,.grammar-article h3,.grammar-article h4{color:var(--primary-color);line-height:1.45;margin:1.2em 0 .55em;scroll-margin-top:24px}.grammar-article h1:first-child,.grammar-article h2:first-child{margin-top:0}.grammar-article p,.grammar-article ul,.grammar-article blockquote,.grammar-article .markdown-table-wrap,.grammar-article pre{margin-bottom:1em}.grammar-article ul{padding-left:1.4em}.grammar-article a{color:var(--primary-color);font-weight:700;text-decoration:none}.grammar-article a:hover{text-decoration:underline}.grammar-article blockquote{padding:12px 16px;background:var(--primary-soft);border-left:4px solid var(--primary-color);border-radius:var(--radius-sm);color:var(--text-body)}.grammar-article blockquote p:last-child{margin-bottom:0}.grammar-article hr{border:none;border-top:1px solid rgba(var(--primary-rgb),.18);margin:24px 0}.grammar-article code{padding:2px 6px;border-radius:var(--radius-xxs);background:var(--primary-soft);color:var(--primary-color)}.grammar-article ruby{ruby-align:center;ruby-position:over}.grammar-article rt{color:var(--text-muted);font-size:.62em;font-weight:500;line-height:1}.grammar-article pre{max-width:100%;padding:16px;border-radius:var(--radius-md);background:#1f2937;color:#f9fafb;overflow-x:auto}.grammar-article pre code{padding:0;background:transparent;color:inherit}.markdown-table-wrap{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.grammar-article table{width:100%;border-collapse:collapse;font-size:.92em}.grammar-article th,.grammar-article td{padding:10px 12px;border:1px solid rgba(var(--primary-rgb),.16);vertical-align:top}.grammar-article th{background:var(--primary-soft);color:var(--primary-color);font-weight:800}.grammar-related{order:1;position:sticky;top:20px;display:flex;flex-direction:column;gap:12px;max-height:calc(100dvh - 40px);max-height:calc(100svh - 40px);overflow-y:auto;padding-left:2px}.grammar-related h2,.grammar-toc h2{color:var(--primary-color);font-size:.92em}.grammar-toc{padding:12px 10px;border-radius:var(--radius-md);background:var(--surface);border:1px solid rgba(var(--primary-rgb),.14);box-shadow:0 8px 24px rgba(var(--primary-rgb),.08)}.grammar-toc-list{display:flex;flex-direction:column;gap:2px;margin-top:8px}.grammar-toc-link{display:block;padding:5px 8px;border-left:3px solid transparent;border-radius:0 var(--radius-xs) var(--radius-xs) 0;color:#666;text-decoration:none;font-size:.8em;line-height:1.4;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.grammar-toc-link:hover{background:var(--primary-soft);color:var(--primary-color)}.grammar-toc-link.is-active{background:linear-gradient(135deg,var(--primary-soft-2) 0%,var(--primary-soft) 100%);border-left-color:var(--primary-color);color:var(--primary-color);font-weight:800;transform:translate(2px)}.grammar-toc-link--level-3{padding-left:16px;font-size:.76em}.grammar-toc-link--level-4{padding-left:26px;font-size:.74em}.grammar-empty,.grammar-practice-card{padding:16px;border-radius:var(--radius-md);background:var(--primary-tint);border:1px solid rgba(var(--primary-rgb),.14)}.grammar-practice-card h3{color:var(--text-strong);font-size:.98em;line-height:1.45;margin-bottom:6px}.grammar-practice-card p{color:var(--text-muted);font-size:.86em;line-height:1.5;margin-bottom:10px}.grammar-practice-link{display:inline-flex;color:var(--primary-color);font-size:.86em;font-weight:800;text-decoration:none;margin-bottom:10px}.grammar-example-list{display:flex;flex-direction:column;gap:8px}.grammar-example{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:var(--radius-sm);background:var(--surface);color:inherit;text-decoration:none;border:1px solid rgba(var(--primary-rgb),.1)}.grammar-example:hover{border-color:rgba(var(--primary-rgb),.32)}.grammar-example-text{color:var(--text-strong);font-weight:700;line-height:1.45}.grammar-example-kana{color:var(--primary-color);font-size:.82em;font-weight:600;line-height:1.45}.grammar-example-translation{color:var(--text-muted);font-size:.84em;line-height:1.45}footer{margin-top:40px;color:#999;font-size:.9em}.mobile-fixed-nav{display:none;align-items:center;justify-content:center}.mobile-fixed-nav-main{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0;background:transparent;border-radius:0;box-shadow:none;border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-fixed-nav-play{width:52px;height:52px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;outline:none;background:linear-gradient(145deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;box-shadow:0 3px 12px rgba(var(--primary-rgb),.4),0 1px 3px #0000001f,inset 0 1px #ffffff40;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.mobile-fixed-nav-play:hover{box-shadow:0 4px 16px rgba(var(--primary-rgb),.45),0 2px 6px #0000001a,inset 0 1px #ffffff4d}.mobile-fixed-nav-play:active{transform:scale(.96)}.mobile-fixed-nav-play:disabled{opacity:.65;cursor:default}.mobile-fixed-nav-play .mobile-btn-icon{width:25px;height:25px}.mobile-fixed-nav-play .mobile-btn-icon svg{width:25px;height:25px}.mobile-fixed-nav-play .mobile-btn-icon--play{width:27px;height:27px}.mobile-fixed-nav-play .mobile-btn-icon--play svg{width:27px;height:27px}.mobile-fixed-nav-settings{width:40px;height:40px;border:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;background:#0000000f;color:var(--primary-color);transition:background .2s ease,transform .2s ease}.mobile-fixed-nav-settings:hover{background:rgba(var(--primary-rgb),.15)}.mobile-fixed-nav-settings:active{transform:scale(.95)}.mobile-fixed-nav-settings svg{width:22px;height:22px}.module-settings{position:absolute;top:16px;right:16px;z-index:40}.mobile-fixed-nav-settings--corner{position:relative;top:auto;right:auto}.module-settings-popover{position:absolute;top:calc(100% + 6px);right:0;width:min(300px,100vw - 48px);padding:8px;border:none;border-radius:8px;background:color-mix(in srgb,var(--surface) 96%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 12px #00000014;z-index:50;text-align:left}.module-settings-popover .mobile-settings-item{margin-top:6px;padding:8px 10px 10px}.module-settings-popover .mobile-settings-item:first-child{margin-top:0}.module-settings-popover .mobile-settings-slider-ticks{font-size:.68em}.mobile-settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-end;justify-content:center}.mobile-settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000006b}.mobile-settings-panel{position:relative;width:min(92%,520px);margin:0 16px 20px;background:var(--surface);border-radius:var(--radius-md);box-shadow:0 12px 32px #00000029;padding:14px 14px 16px;border:1px solid rgba(var(--primary-rgb),.18)}.mobile-settings-panel:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:38px;height:4px;border-radius:999px;background:rgba(var(--primary-rgb),.18)}.mobile-settings-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;color:var(--text-strong);margin-bottom:8px;padding-top:6px}.mobile-settings-close{border:none;background:rgba(var(--primary-rgb),.08);font-size:1em;color:var(--text-muted);cursor:pointer;width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.mobile-settings-close:hover{background:rgba(var(--primary-rgb),.16)}.vip-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:16px}.vip-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.vip-modal-panel{position:relative;width:min(100%,320px);background:#fff;border-radius:var(--radius-md);box-shadow:0 12px 32px #0003;padding:20px 20px 16px}.vip-modal-label{margin:0 0 10px;font-weight:600;color:#333;font-size:.95em}.vip-modal-input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-sm);font-size:1em;margin-bottom:8px}.vip-modal-error{color:#c00;font-size:.85em;margin:-4px 0 8px}.vip-modal-submit{width:100%;margin-bottom:14px}.vip-modal-wechat-tip{margin:0;font-size:.88em;color:#666}.vip-modal-join{background:none;border:none;color:var(--primary-color);text-decoration:underline;cursor:pointer;padding:0;font-size:inherit;-webkit-tap-highlight-color:transparent;outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.vip-modal-join:hover{color:var(--secondary-color)}.vip-modal-join:active{background:none;color:var(--secondary-color)}.vip-modal-join:focus-visible{outline:1px dotted var(--primary-color);outline-offset:2px}.toast{position:fixed;left:50%;bottom:28%;transform:translate(-50%);z-index:100;padding:10px 20px;background:#000000bf;color:#fff;font-size:.95em;border-radius:8px;box-shadow:0 4px 12px #00000040;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.vip-modal-close{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:1.25em;color:#999;cursor:pointer;line-height:1;padding:4px}.vip-modal-close:hover{color:#333}.wechat-qr-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:91;display:flex;align-items:center;justify-content:center;padding:16px}.wechat-qr-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.wechat-qr-panel{position:relative;width:min(100%,300px);background:#fff;border-radius:var(--radius-md);box-shadow:0 12px 32px #0003;padding:24px 20px 20px;text-align:center}.wechat-qr-title{margin:0 0 16px;font-weight:600;font-size:1.05em;color:#333}.wechat-qr-placeholder{width:200px;height:200px;margin:0 auto 16px;background:#e8e8e8;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.9em;color:#999}.wechat-qr-desc{margin:0;font-size:.9em;color:#666;line-height:1.45}.wechat-qr-close{position:absolute;top:10px;right:10px;border:none;background:transparent;font-size:1.25em;color:#999;cursor:pointer;line-height:1;padding:4px}.wechat-qr-close:hover{color:#333}.mobile-settings-item{background:var(--primary-soft);border-radius:var(--radius-md);padding:10px 12px 12px;margin-top:10px}.mobile-settings-item:first-of-type{border-top:none}.mobile-settings-label{color:var(--primary-color);font-weight:600;font-size:.85em}.mobile-settings-value{margin-top:2px;color:var(--text-body);font-weight:500;font-size:.95em}.mobile-settings-radio-group{margin-top:8px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.mobile-settings-radio{display:inline-flex;align-items:center;gap:8px;font-size:.9em;font-weight:600;color:var(--text-body)}.mobile-settings-radio input{width:12px;height:12px;accent-color:var(--primary-color)}.mobile-settings-item--swipe{background:rgba(var(--primary-rgb),.08)}.mobile-settings-slider-wrap{padding:0 7px;margin-top:8px}.mobile-settings-slider-wrap .mobile-settings-slider-ticks{margin-top:6px;padding:0}.mobile-settings-slider{width:100%;margin:0;accent-color:var(--primary-color);height:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:0;display:block;height:16px}.mobile-settings-slider::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:rgba(var(--primary-rgb),.35);margin:0}.mobile-settings-slider::-webkit-slider-thumb{width:14px;height:14px;margin-top:-6px;border-radius:50%;background:var(--primary-color);box-shadow:0 4px 10px rgba(var(--primary-rgb),.35);-webkit-appearance:none}.mobile-settings-slider::-moz-range-track{height:3px;border-radius:999px;background:rgba(var(--primary-rgb),.35);margin:0}.mobile-settings-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--primary-color);border:none;box-shadow:0 4px 10px rgba(var(--primary-rgb),.35)}.mobile-settings-slider-ticks{position:relative;display:block;width:100%;height:1.2em;margin-top:4px;padding:0}.mobile-settings-tick{position:absolute;top:0;transform:translate(-50%);font-size:11px;line-height:1.2;color:var(--text-muted);white-space:nowrap;pointer-events:none}.mobile-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.mobile-btn-icon svg{width:18px;height:18px;display:block}.mobile-btn-icon--play{width:22px;height:22px}.mobile-btn-icon--play svg{width:22px;height:22px}@media (max-width: 768px){:root{--app-content-gutter: 20px}.menu-toggle-btn{top:12px;left:12px;width:36px;height:36px}.module-settings{top:12px;right:12px}.mobile-fixed-nav-settings--corner{width:36px;height:36px}.grammar-back-link--fixed{top:22px;left:22px;width:36px;height:36px}.app-layout--exam-detail .grammar-back-link--fixed,.app-layout--reading-detail .grammar-back-link--fixed{top:22px;left:22px}.main-content{margin:10px auto;padding:60px 20px 0;box-shadow:var(--shadow-card-mobile);min-height:auto}.module-page.main-content{padding:56px 18px 28px}.module-page header,.module-page-header{margin-bottom:72px}.module-page-header h1{font-size:calc(1.35em * var(--font-scale))}.module-page .group-info-panel--foot{margin-top:6px;margin-bottom:8px;padding:12px 14px}.container{padding:20px}header h1{font-size:2em}.group-selector{padding:15px}.group-info{font-size:.85em}.module-page .sentence-display{margin:6px 0 8px}.sentence-text{font-size:1.45em;padding:26px 20px;min-height:104px;margin-bottom:14px}.sentence-text--furigana{padding-top:34px;padding-bottom:28px;line-height:2.2}.sentence-text rt{font-size:.45em}.sentence-translation{font-size:1.22em;padding:18px;margin-bottom:14px}.sentence-status-row{margin:4px 0 18px;gap:10px}.sentence-explanation{font-size:.92em;padding:20px 18px;line-height:1.95;margin-bottom:0}.group-info-panel{margin-bottom:0}.controls{flex-direction:column}.btn{width:100%}.module-page .subtitle,.module-page footer{display:none}.grammar-page{text-align:left}.grammar-note-grid{grid-template-columns:1fr}.grammar-today-guide{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.grammar-today-guide-cta{justify-content:center;width:100%}.grammar-index-section-heading{align-items:flex-start}.grammar-filter-row{flex-wrap:nowrap;margin-right:-16px;padding-right:16px;overflow-x:auto;scrollbar-width:none}.grammar-filter-row::-webkit-scrollbar{display:none}.grammar-layout{grid-template-columns:1fr;gap:16px}.main-content.grammar-page{padding-left:14px;padding-right:14px}.grammar-article{order:1;padding:0;border:0;border-radius:0;background:transparent;font-size:.95em}.grammar-article blockquote{padding:10px 12px;border-left-width:3px}.grammar-completion{margin-top:30px;padding-top:22px}.grammar-completion-step{align-items:flex-start}.grammar-completion-practice{align-self:center}.grammar-completion-nav{grid-template-columns:1fr}.module-context-return{margin-top:-8px}.module-daily-listening:not(.module-daily-listening--inline){margin:-8px 0 12px}.grammar-related{order:2;position:static;max-height:none;overflow-y:visible;padding-left:0}.grammar-toc{display:none}.related-grammar-strip{grid-template-columns:1fr;row-gap:6px}.related-grammar-label{line-height:1.4}.desktop-controls{display:none}.mobile-fixed-nav{display:flex;flex-direction:column;position:fixed;right:12px;left:auto;transform:none;bottom:auto;width:auto;padding:0;background:transparent;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:50;align-items:flex-end}.mobile-fixed-nav--left{align-items:flex-start}.mobile-fixed-nav--draggable{touch-action:none}.mobile-swipe-hint{position:fixed;left:50%;transform:translate(-50%);z-index:60;background:#000000b8;color:#fff;font-size:.85rem;padding:8px 12px;border-radius:999px;letter-spacing:.2px;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #0000002e}.mobile-swipe-hint--bottom{bottom:16px}.mobile-swipe-hint--top{top:16px}}