:root,html[data-theme=light]{--ks-ink: #1B1C15;--ks-page-bg: #EFEEE3;--ks-bg: #FBFAEE;--ks-bg-2: #FFFFFF;--ks-bg-3: #F5F4E8;--ks-bg-4: #EAE9DC;--ks-bg-sidebar: #FBFAEE;--ks-line: rgba(127, 118, 99, .22);--ks-line-2: rgba(127, 118, 99, .36);--ks-line-3: rgba(127, 118, 99, .5);--ks-text: #1B1C15;--ks-text-dim: #4D4635;--ks-text-faint: rgba(27, 28, 21, .58);--ks-text-mute: rgba(27, 28, 21, .36);--ks-gold: #735C00;--ks-gold-soft: #D4AF37;--ks-gold-deep: #554300;--ks-gold-12: rgba(115, 92, 0, .1);--ks-gold-08: rgba(115, 92, 0, .06);--ks-gold-04: rgba(115, 92, 0, .03);--ks-gold-22: rgba(115, 92, 0, .18);--ks-gold-30: rgba(115, 92, 0, .28);--ks-gold-50: rgba(115, 92, 0, .5);--ks-mint: #176B52;--ks-mint-12: rgba(23, 107, 82, .1);--ks-mint-30: rgba(23, 107, 82, .28);--ks-crimson: #BA1A1A;--ks-crimson-12: rgba(186, 26, 26, .1);--ks-crimson-30: rgba(186, 26, 26, .26);--ks-jade: #6B8E7A;--ks-jade-12: rgba(107, 142, 122, .12);--ks-jade-30: rgba(107, 142, 122, .32);--ks-kon: #4D5B8C;--ks-kon-12: rgba(77, 91, 140, .12);--ks-kon-30: rgba(77, 91, 140, .32);--ks-sango: #C76155;--ks-sango-12: rgba(199, 97, 85, .12);--ks-sango-30: rgba(199, 97, 85, .32);--ks-grade-active-bg: linear-gradient(180deg, rgba(184,134,11,.08), rgba(184,134,11,.02));--ks-grade-active-border: var(--ks-gold-50);--ks-grade-active-text: var(--ks-gold);--ks-grade-progress-bg: var(--ks-bg-2);--ks-grade-progress-border: var(--ks-line);--ks-grade-progress-text: var(--ks-text);--ks-grade-locked-bg: var(--ks-bg-3);--ks-grade-locked-border: var(--ks-line);--ks-grade-locked-text: var(--ks-text-dim);--ks-shadow-sm: 0 1px 2px rgba(115,92,0,.04);--ks-shadow-md: 0 4px 12px -6px rgba(115,92,0,.08);--ks-shadow-lg: 0 12px 28px -14px rgba(115,92,0,.1);--ks-shadow-card: 0 1px 3px rgba(115,92,0,.06);--ks-shadow-gold: 0 4px 12px -4px rgba(212,175,55,.3);--ks-r-sm: 6px;--ks-r-md: 10px;--ks-r-lg: 14px;--ks-r-xl: 20px;--ks-r-pill: 999px}html[data-theme=dark]{--ks-ink: #000000;--ks-page-bg: #0E0C06;--ks-bg: #1B1A14;--ks-bg-2: #25231A;--ks-bg-3: #2F2D22;--ks-bg-4: #383528;--ks-bg-sidebar: #1B1A14;--ks-line: rgba(251, 250, 238, .08);--ks-line-2: rgba(251, 250, 238, .16);--ks-line-3: rgba(251, 250, 238, .28);--ks-text: #FBFAEE;--ks-text-dim: rgba(251, 250, 238, .78);--ks-text-faint: rgba(251, 250, 238, .58);--ks-text-mute: rgba(251, 250, 238, .36);--ks-gold: #FFC107;--ks-gold-soft: #FFD45D;--ks-gold-deep: #B98A1A;--ks-gold-12: rgba(255, 193, 7, .1);--ks-gold-08: rgba(255, 193, 7, .06);--ks-gold-04: rgba(255, 193, 7, .04);--ks-gold-22: rgba(255, 193, 7, .18);--ks-gold-30: rgba(255, 193, 7, .28);--ks-gold-50: rgba(255, 193, 7, .45);--ks-mint: #3DD9B0;--ks-mint-12: rgba(61, 217, 176, .1);--ks-mint-30: rgba(61, 217, 176, .26);--ks-crimson: #FF6E6E;--ks-crimson-12: rgba(255, 110, 110, .1);--ks-crimson-30: rgba(255, 110, 110, .26);--ks-jade: #8FB89F;--ks-jade-12: rgba(143, 184, 159, .12);--ks-jade-30: rgba(143, 184, 159, .3);--ks-kon: #7E8DBF;--ks-kon-12: rgba(126, 141, 191, .12);--ks-kon-30: rgba(126, 141, 191, .3);--ks-sango: #E58578;--ks-sango-12: rgba(229, 133, 120, .12);--ks-sango-30: rgba(229, 133, 120, .3);--ks-grade-active-bg: radial-gradient(120% 60% at 100% 0%, rgba(244,196,48,.14), transparent 60%), linear-gradient(180deg, rgba(244,196,48,.08), rgba(244,196,48,.02));--ks-grade-active-border: var(--ks-gold-50);--ks-grade-active-text: var(--ks-gold);--ks-grade-progress-bg: var(--ks-bg-2);--ks-grade-progress-border: var(--ks-line);--ks-grade-progress-text: var(--ks-text);--ks-grade-locked-bg: rgba(35, 26, 16, .55);--ks-grade-locked-border: var(--ks-line);--ks-grade-locked-text: var(--ks-text-dim);--ks-shadow-sm: 0 1px 2px rgba(0,0,0,.4);--ks-shadow-md: 0 4px 12px -6px rgba(0,0,0,.5);--ks-shadow-lg: 0 12px 28px -14px rgba(0,0,0,.6);--ks-shadow-card: 0 1px 3px rgba(0,0,0,.4);--ks-shadow-gold: 0 4px 12px -4px rgba(255,193,7,.25)}html,body{background:var(--ks-page-bg, var(--ks-bg));color:var(--ks-text)}body{transition:background .25s ease,color .25s ease}.ks-text-gold{color:var(--ks-gold)}.ks-text-mint{color:var(--ks-mint)}.ks-text-crimson{color:var(--ks-crimson)}.ks-text-dim{color:var(--ks-text-dim)}.ks-text-faint{color:var(--ks-text-faint)}.ks-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;border-radius:var(--ks-r-md);font-weight:700;font-size:14px;cursor:pointer;border:0;font-family:inherit;min-height:44px;transition:transform .15s,box-shadow .15s,background .15s}.ks-btn-primary{background:var(--ks-gold);color:#fffaec;box-shadow:inset 0 0 0 1px var(--ks-gold-deep),var(--ks-shadow-gold)}html[data-theme=dark] .ks-btn-primary{color:var(--ks-ink)}.ks-btn-primary:hover{transform:translateY(-1px)}.ks-btn-ghost{background:transparent;color:var(--ks-text);border:1px solid var(--ks-line-2)}.ks-btn-ghost:hover{background:var(--ks-gold-08);border-color:var(--ks-gold-30)}.ks-tab{flex:1;padding:14px 8px;text-align:center;font-size:13px;font-weight:700;color:var(--ks-text-faint);border:0;background:transparent;border-bottom:2px solid transparent;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit}.ks-tab:hover{color:var(--ks-text)}.ks-tab[aria-selected=true],.ks-tab.is-active{color:var(--ks-gold);border-bottom-color:var(--ks-gold)}.ks-grade{position:relative;overflow:hidden;border-radius:var(--ks-r-lg);padding:16px 16px 14px;border:1px solid var(--ks-line);background:var(--ks-bg-2);transition:transform .2s,border-color .2s,background .2s;cursor:pointer;min-height:180px;display:flex;flex-direction:column}.ks-grade:hover{transform:translateY(-2px);border-color:var(--ks-line-2);background:var(--ks-bg-3)}.ks-grade--active{background:var(--ks-grade-active-bg),var(--ks-bg-2);border-color:var(--ks-gold-30)}.ks-grade--active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ks-gold)}.ks-grade--active .ks-grade-num{color:var(--ks-grade-active-text)}.ks-grade--locked{background:var(--ks-grade-locked-bg);border-color:var(--ks-grade-locked-border)}.ks-grade--locked .ks-grade-num{color:var(--ks-text-faint)}.ks-grade--locked .ks-grade-jlpt{background:var(--ks-bg-3);color:var(--ks-text-faint)}.ks-grade-lock{position:absolute;top:11px;right:11px;width:24px;height:24px;border-radius:50%;background:var(--ks-bg-3);border:1px solid var(--ks-line-2);display:grid;place-items:center;color:var(--ks-text-dim);font-size:10px}.ks-grade--locked .ks-grade-lock{background:var(--ks-crimson);color:#fff;border-color:transparent}.ks-bar{height:3px;background:var(--ks-line);border-radius:2px;overflow:hidden;margin-top:10px}.ks-bar>i{display:block;height:100%;background:var(--ks-gold);border-radius:2px;transition:width .6s ease}.ks-grade--locked .ks-bar>i{background:var(--ks-text-faint)}.ks-grade-jlpt{font-size:10px;font-weight:800;letter-spacing:.12em;background:var(--ks-gold-12);color:var(--ks-gold);padding:4px 8px;border-radius:4px}.ks-grade-num{font-family:"Noto Serif JP",serif;font-weight:900;font-size:38px;line-height:1;color:var(--ks-gold);letter-spacing:-.02em}.ks-badge-premium{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--ks-text-faint);text-transform:uppercase}.ks-hanko{display:inline-block;background:var(--ks-crimson);color:#fff;font-family:"Noto Serif JP",serif;font-weight:900;font-size:11px;padding:3px 6px;border-radius:2px;letter-spacing:.04em;transform:rotate(-4deg);box-shadow:inset 0 0 0 1.5px #ffffff26,0 0 0 1.5px var(--ks-crimson-30)}.ks-kanji-hl{color:var(--ks-gold);border-bottom:2px solid var(--ks-gold-30);padding-bottom:1px;font-weight:700;cursor:pointer;transition:color .15s,border-color .15s}.ks-kanji-hl:hover{color:var(--ks-gold-soft);border-bottom-color:var(--ks-gold-50)}.ks-quiz-opt{background:var(--ks-bg-2);border:1px solid var(--ks-line);border-radius:var(--ks-r-sm);padding:12px;font-size:13px;font-weight:600;color:var(--ks-text-dim);cursor:pointer}.ks-quiz-opt--correct{border-color:var(--ks-mint);background:var(--ks-mint-12);color:var(--ks-mint)}.ks-quiz-opt--wrong{border-color:var(--ks-crimson-30);color:var(--ks-text-faint);text-decoration:line-through;text-decoration-color:var(--ks-crimson)}.ks-upgrade{position:relative;overflow:hidden;background:#1b1410;color:#f8f1de;border:1px solid var(--ks-line-2);border-radius:var(--ks-r-lg);padding:18px;display:flex;align-items:center;gap:14px}.ks-upgrade:before{content:"印";position:absolute;top:12px;right:14px;font-family:"Noto Serif JP",serif;font-weight:900;font-size:11px;padding:3px 5px;background:var(--ks-crimson);color:#fff;letter-spacing:.04em;transform:rotate(-4deg);border-radius:2px;box-shadow:0 0 0 1.5px var(--ks-crimson-30)}.ks-upgrade-icon{width:46px;height:46px;flex-shrink:0;border-radius:var(--ks-r-md);background:var(--ks-gold);color:#1b1410;display:grid;place-items:center;font-family:"Noto Serif JP",serif;font-weight:900;font-size:24px}.ks-theme-toggle{width:40px;height:40px;border-radius:50%;border:1px solid var(--ks-line-2);background:var(--ks-bg-2);display:grid;place-items:center;font-size:16px;color:var(--ks-text-dim);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s,color .15s;position:relative;overflow:hidden}.ks-theme-toggle:hover{background:var(--ks-gold-12);border-color:var(--ks-gold-30);color:var(--ks-gold)}.ks-theme-toggle .ico-sun,.ks-theme-toggle .ico-moon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;transition:opacity .25s,transform .25s}html[data-theme=light] .ks-theme-toggle .ico-sun{opacity:1;transform:scale(1)}html[data-theme=light] .ks-theme-toggle .ico-moon{opacity:0;transform:scale(.5) rotate(60deg)}html[data-theme=dark] .ks-theme-toggle .ico-sun{opacity:0;transform:scale(.5) rotate(-60deg)}html[data-theme=dark] .ks-theme-toggle .ico-moon{opacity:1;transform:scale(1)}.ks-snav{padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ks-line);background:var(--ks-bg);position:sticky;top:0;z-index:100}.ks-snav-back{width:40px;height:40px;border-radius:var(--ks-r-sm);border:1px solid var(--ks-line-2);background:var(--ks-bg-2);color:var(--ks-text-dim);font-size:22px;font-weight:600;display:grid;place-items:center;flex-shrink:0;cursor:pointer;font-family:inherit}.ks-snav-back:hover{background:var(--ks-bg-3);color:var(--ks-text)}.ks-snav-title{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}.ks-snav-title .ks-crumb{font-size:10px;font-weight:600;letter-spacing:.14em;color:var(--ks-text-faint);text-transform:uppercase}.ks-snav-title .ks-num{font-size:13px;font-weight:800;color:var(--ks-text);margin-top:1px;letter-spacing:-.01em}.ks-snav-title .ks-num em{color:var(--ks-gold);font-style:normal}.ks-snav-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ks-icon-btn{width:32px;height:32px;border-radius:var(--ks-r-sm);border:1px solid var(--ks-line-2);background:var(--ks-bg-2);color:var(--ks-text-dim);font-size:14px;display:grid;place-items:center;cursor:pointer;font-family:inherit;transition:background .15s,border-color .15s,color .15s}.ks-icon-btn:hover{background:var(--ks-bg-3);color:var(--ks-text)}.ks-icon-btn.ks-fav-on{background:var(--ks-crimson-12);border-color:var(--ks-crimson-30);color:var(--ks-crimson)}.ks-prog-strip{padding:10px 16px 0;display:flex;align-items:center;gap:8px}.ks-prog-strip .bar{flex:1;height:4px;background:var(--ks-line);border-radius:2px;overflow:hidden}.ks-prog-strip .bar>i{display:block;height:100%;background:var(--ks-gold);border-radius:2px;transition:width .6s ease}.ks-prog-strip .text{font-size:10px;font-weight:700;color:var(--ks-text-dim);font-family:JetBrains Mono,monospace}.ks-prog-strip .text b{color:var(--ks-gold)}.ks-shero{margin:18px 16px 0;background:radial-gradient(80% 50% at 50% 0%,var(--ks-gold-12),transparent 70%),var(--ks-bg-2);border:1px solid var(--ks-line);border-radius:var(--ks-r-xl);padding:18px 18px 16px;position:relative;overflow:hidden}.ks-shero:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--ks-gold-50),transparent)}.ks-shero-row{display:flex;align-items:center;gap:14px}.ks-shero-kanji{width:120px;height:120px;flex-shrink:0;border-radius:var(--ks-r-lg);background:var(--ks-bg);border:1px solid var(--ks-line-2);display:grid;place-items:center;font-family:"Noto Serif JP",serif;font-weight:900;font-size:84px;line-height:1;color:var(--ks-text);letter-spacing:-.02em;position:relative}.ks-shero-kanji:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px dashed var(--ks-line-2);border-radius:12px;pointer-events:none}.ks-shero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.ks-shero-tags{display:flex;gap:6px;flex-wrap:wrap}.ks-stag{font-size:9px;font-weight:800;letter-spacing:.12em;padding:3px 7px;border-radius:4px;text-transform:uppercase}.ks-stag-gold{background:var(--ks-gold-12);color:var(--ks-gold)}.ks-stag-line{background:var(--ks-bg-3);color:var(--ks-text-dim);border:1px solid var(--ks-line)}.ks-shero-meaning{font-size:18px;font-weight:800;color:var(--ks-text);letter-spacing:-.01em;line-height:1.2}.ks-shero-strokes{font-size:11px;color:var(--ks-text-faint);font-weight:500;display:flex;align-items:center;gap:6px}.ks-shero-strokes b{color:var(--ks-text-dim);font-weight:700}.ks-readings{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ks-read{background:var(--ks-bg);border:1px solid var(--ks-line);border-radius:var(--ks-r-md);padding:10px 12px}.ks-read-label{font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--ks-text-faint);text-transform:uppercase;margin-bottom:4px}.ks-read-label.on{color:var(--ks-gold)}.ks-read-value{font-family:"Noto Serif JP",serif;font-size:18px;font-weight:700;color:var(--ks-text);letter-spacing:-.005em}.ks-read-value .ks-romaji{font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:var(--ks-text-faint);margin-left:6px;letter-spacing:0}.ks-section-title{font-size:11px;font-weight:800;letter-spacing:.22em;color:var(--ks-text-faint);text-transform:uppercase;margin:22px 16px 10px;display:flex;align-items:center;justify-content:space-between}.ks-section-title .right{font-size:11px;letter-spacing:.05em;text-transform:none;font-weight:600;color:var(--ks-gold)}.ks-story{margin:16px 16px 0;background:var(--ks-bg-2);border:1px solid var(--ks-line);border-radius:var(--ks-r-md);padding:16px}.ks-story-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.ks-story-title{font-family:"Noto Serif JP",serif;font-size:17px;font-weight:700;color:var(--ks-text);letter-spacing:-.005em}.ks-story-meta{font-size:11px;color:var(--ks-text-faint);font-weight:500}.ks-story-body{font-family:"Noto Serif JP",serif;font-size:17px;line-height:1.95;color:var(--ks-text)}.ks-story-body .ks-kanji-hl{color:var(--ks-gold);font-weight:700;border-bottom:1.5px solid var(--ks-gold-30);padding-bottom:1px;cursor:pointer;transition:color .15s,border-color .15s}.ks-story-body .ks-kanji-hl:hover{color:var(--ks-gold-soft);border-bottom-color:var(--ks-gold-50)}.ks-story-body .ks-kanji-hl.ks-current{background:var(--ks-gold-12);border-bottom-color:var(--ks-gold);border-radius:2px;padding:0 2px}.ks-story-trans{margin-top:12px;padding-top:12px;border-top:1px dashed var(--ks-line-2);font-size:12px;color:var(--ks-text-faint);font-style:italic;line-height:1.55}.ks-words{margin:0 16px;display:flex;flex-direction:column;gap:8px}.ks-word{background:var(--ks-bg-2);border:1px solid var(--ks-line);border-radius:var(--ks-r-md);padding:13px 14px;display:flex;align-items:center;gap:12px;transition:border-color .15s,background .15s;min-height:56px}.ks-word:hover{border-color:var(--ks-line-2)}.ks-word-main{font-family:"Noto Serif JP",serif;font-size:22px;font-weight:700;color:var(--ks-text);min-width:60px;flex-shrink:0;line-height:1.1}.ks-word-main .ks-kanji-target{color:var(--ks-gold)}.ks-word-body{flex:1;min-width:0}.ks-word-read{font-size:12px;color:var(--ks-text-dim);font-weight:600;font-family:Noto Sans JP,sans-serif}.ks-word-mean{font-size:14px;color:var(--ks-text);font-weight:700;margin-top:2px;letter-spacing:-.005em}.ks-word-play{width:40px;height:40px;border-radius:var(--ks-r-sm);flex-shrink:0;border:1px solid var(--ks-line-2);background:var(--ks-bg);display:grid;place-items:center;color:var(--ks-text-dim);font-size:16px;cursor:pointer;font-family:inherit}.ks-word-play:hover{background:var(--ks-gold-12);color:var(--ks-gold);border-color:var(--ks-gold-30)}.ks-quiz{margin:18px 16px 0;background:var(--ks-bg-2);border:1px solid var(--ks-line);border-radius:var(--ks-r-md);padding:14px}.ks-quiz-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ks-quiz-badge{width:36px;height:36px;border-radius:var(--ks-r-sm);background:var(--ks-gold);color:var(--ks-ink);display:grid;place-items:center;font-family:"Noto Serif JP",serif;font-weight:900;font-size:18px}html[data-theme=light] .ks-quiz-badge{color:#fbf3dc}.ks-quiz-title{font-size:14px;font-weight:800;color:var(--ks-text);letter-spacing:-.005em}.ks-quiz-sub{font-size:11px;color:var(--ks-text-faint);font-weight:500;margin-top:2px}.ks-quiz-q{font-size:15px;color:var(--ks-text);font-weight:600;margin-bottom:12px;line-height:1.45}.ks-quiz-q .ks-kanji-target{font-family:"Noto Serif JP",serif;font-weight:700;color:var(--ks-gold);font-size:22px}.ks-quiz-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ks-opt{background:var(--ks-bg);border:1px solid var(--ks-line-2);border-radius:var(--ks-r-md);padding:14px 12px;font-size:13.5px;font-weight:600;color:var(--ks-text-dim);text-align:left;line-height:1.35;display:flex;align-items:center;gap:10px;cursor:pointer;font-family:inherit;transition:border-color .15s,background .15s,color .15s;min-height:52px}.ks-opt:hover{border-color:var(--ks-gold-30);color:var(--ks-text)}.ks-opt .ks-opt-key{width:22px;height:22px;border-radius:5px;flex-shrink:0;border:1px solid var(--ks-line-2);font-size:11px;font-weight:800;display:grid;place-items:center;color:var(--ks-text-faint);font-family:JetBrains Mono,monospace}.ks-opt-correct{border-color:var(--ks-mint);background:var(--ks-mint-12);color:var(--ks-mint)}.ks-opt-correct .ks-opt-key{border-color:var(--ks-mint);color:var(--ks-mint);background:var(--ks-mint-12)}.ks-opt-wrong{border-color:var(--ks-crimson-30);color:var(--ks-text-faint);text-decoration:line-through;text-decoration-color:var(--ks-crimson)}.ks-pager{margin:18px 16px 0;display:flex;gap:8px}.ks-pager-btn{flex:1;padding:11px 12px;border-radius:var(--ks-r-md);border:1px solid var(--ks-line-2);background:var(--ks-bg-2);color:var(--ks-text-dim);font-size:12px;font-weight:700;letter-spacing:-.005em;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:inherit;transition:transform .15s,border-color .15s,background .15s}.ks-pager-btn:hover{border-color:var(--ks-line-3);background:var(--ks-bg-3)}.ks-pager-btn.next{background:var(--ks-gold);color:var(--ks-ink);border-color:transparent;box-shadow:var(--ks-shadow-gold)}html[data-theme=light] .ks-pager-btn.next{color:#fbf3dc}.ks-pager-btn .arr{font-size:14px;font-weight:900}.ks-tts{position:absolute;left:0;right:0;bottom:0;z-index:6;padding:12px 16px 22px;background:linear-gradient(180deg,transparent,var(--ks-bg) 30%);pointer-events:none}.ks-tts>*{pointer-events:auto}.ks-tts-bar{background:var(--ks-bg-2);border:1px solid var(--ks-line-2);border-radius:var(--ks-r-pill);padding:6px 8px 6px 14px;display:flex;align-items:center;gap:10px;box-shadow:var(--ks-shadow-md)}.ks-tts-info{flex:1;min-width:0;display:flex;flex-direction:column}.ks-tts-now{font-size:11px;font-weight:700;color:var(--ks-text);letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ks-tts-now em{color:var(--ks-gold);font-style:normal;font-family:"Noto Serif JP",serif;font-weight:700}.ks-tts-meta{font-size:9.5px;color:var(--ks-text-faint);font-weight:600}.ks-tts-controls{display:flex;align-items:center;gap:4px}.ks-tts-btn{width:32px;height:32px;border-radius:50%;background:transparent;color:var(--ks-text-dim);font-size:14px;display:grid;place-items:center;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.ks-tts-btn:hover{background:var(--ks-bg-3);color:var(--ks-text)}.ks-tts-play{width:38px;height:38px;border-radius:50%;background:var(--ks-gold);color:var(--ks-ink);display:grid;place-items:center;font-size:14px;font-weight:900;cursor:pointer;font-family:inherit;border:0;box-shadow:0 6px 14px -4px var(--ks-gold-50);transition:transform .15s}html[data-theme=light] .ks-tts-play{color:#fbf3dc}.ks-tts-play:hover{transform:scale(1.06)}.ks-stab-strip{margin-top:18px;border-bottom:1px solid var(--ks-line);display:flex;padding:0 16px}.ks-stab{flex:1;padding:14px 4px;text-align:center;font-size:13px;font-weight:700;color:var(--ks-text-faint);border:0;background:transparent;border-bottom:2px solid transparent;letter-spacing:.02em;cursor:pointer;transition:color .15s,border-color .15s;font-family:inherit;min-height:44px}.ks-stab:hover{color:var(--ks-text)}.ks-stab[aria-selected=true],.ks-stab.is-active{color:var(--ks-gold);border-bottom-color:var(--ks-gold)}.ks-shell{--ink: #14110A;--navy: #14243C;--navy-2: #1C3050;--navy-3: #0E1A2C;--navy-line: rgba(236, 226, 200, .14);--on-navy: #ECE2C8;--on-navy-dim: rgba(236, 226, 200, .64);--on-navy-faint: rgba(236, 226, 200, .4);--canvas: #E8D9B4;--rail: #E2D2A9;--card: #FBF5E6;--card-2: #F1E7CB;--card-3: #E6D8B4;--line: rgba(20, 17, 10, .16);--line-2: rgba(20, 17, 10, .3);--text: #1A150C;--text-dim: rgba(26, 21, 12, .74);--text-faint: rgba(26, 21, 12, .52);--gold: #946200;--gold-soft: #B5821A;--gold-bright: #E0A92E;--gold-deep: #5C3D00;--gold-10: rgba(148, 98, 0, .1);--gold-16: rgba(148, 98, 0, .16);--gold-24: rgba(148, 98, 0, .24);--gold-40: rgba(148, 98, 0, .42);--gold-grad: linear-gradient(135deg, #B5821A, #946200);--crimson: #B0301F;--crimson-12: rgba(176, 48, 31, .14);--teal: #15705A;--teal-12: rgba(21, 112, 90, .14);--shadow-card: 0 1px 2px rgba(70, 48, 12, .06), 0 6px 16px -8px rgba(70, 48, 12, .2);--shadow-pop: 0 4px 10px -4px rgba(70, 48, 12, .22), 0 18px 40px -16px rgba(70, 48, 12, .3);--shadow-navy: 0 18px 44px -18px rgba(10, 22, 38, .55);--r: 16px;display:flex;height:100vh;overflow:hidden;font-family:Inter,Noto Sans JP,sans-serif;color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.ks-shell *,.ks-shell *:before,.ks-shell *:after{box-sizing:border-box}html[data-theme=dark] .ks-shell{--ink: #04070C;--navy: #232A33;--navy-2: #2D3640;--navy-3: #1C222B;--navy-line: rgba(233, 232, 228, .12);--on-navy: #E7E7E1;--on-navy-dim: rgba(231, 231, 225, .64);--on-navy-faint: rgba(231, 231, 225, .42);--canvas: #272E39;--rail: #232A34;--card: #303845;--card-2: #39424F;--card-3: #2A313C;--line: rgba(233, 232, 228, .11);--line-2: rgba(233, 232, 228, .19);--text: #E9E9E3;--text-dim: rgba(233, 233, 227, .7);--text-faint: rgba(233, 233, 227, .46);--gold: #E3B956;--gold-soft: #EEC974;--gold-bright: #EFCD7C;--gold-deep: #9A6B00;--gold-10: rgba(227, 185, 86, .11);--gold-16: rgba(227, 185, 86, .17);--gold-24: rgba(227, 185, 86, .24);--gold-40: rgba(227, 185, 86, .4);--gold-grad: linear-gradient(135deg, #D7A948, #BB8A26);--crimson: #E26A57;--crimson-12: rgba(226, 106, 87, .15);--teal: #46C7A6;--teal-12: rgba(70, 199, 166, .15);--shadow-card: 0 1px 2px rgba(0, 0, 0, .2), 0 6px 16px -10px rgba(0, 0, 0, .38);--shadow-pop: 0 6px 16px -8px rgba(0, 0, 0, .36), 0 18px 40px -18px rgba(0, 0, 0, .46);--shadow-navy: 0 14px 36px -18px rgba(0, 0, 0, .42)}.ks-shell{--ks-page-bg: var(--canvas);--ks-bg: var(--canvas);--ks-bg-2: var(--card);--ks-bg-3: var(--card-2);--ks-bg-4: var(--card-3);--ks-bg-sidebar: var(--navy);--ks-ink: var(--ink);--ks-text: var(--text);--ks-text-dim: var(--text-dim);--ks-text-faint: var(--text-faint);--ks-text-mute: var(--text-faint);--ks-line: var(--line);--ks-line-2: var(--line-2);--ks-line-3: var(--line-2);--ks-gold: var(--gold);--ks-gold-soft: var(--gold-soft);--ks-gold-deep: var(--gold-deep);--ks-gold-04: var(--gold-10);--ks-gold-08: var(--gold-10);--ks-gold-12: var(--gold-16);--ks-gold-22: var(--gold-24);--ks-gold-30: var(--gold-40);--ks-gold-50: var(--gold-40);--ks-crimson: var(--crimson);--ks-crimson-12: var(--crimson-12);--ks-crimson-30: var(--crimson-12);--ks-mint: var(--teal);--ks-mint-12: var(--teal-12);--ks-mint-30: var(--teal-12);--ks-jade: var(--teal);--ks-jade-12: var(--teal-12);--ks-jade-30: var(--teal-12);--ks-kon: var(--gold);--ks-kon-12: var(--gold-16);--ks-kon-30: var(--gold-40);--ks-sango: var(--crimson);--ks-sango-12: var(--crimson-12);--ks-sango-30: var(--crimson-12);--ks-shadow-sm: var(--shadow-card);--ks-shadow-md: var(--shadow-card);--ks-shadow-lg: var(--shadow-pop);--ks-shadow-card: var(--shadow-card);--ks-shadow-gold: 0 4px 12px -4px var(--gold-40);--ks-r-sm: 8px;--ks-r-md: 12px;--ks-r-lg: 16px;--ks-r-xl: 20px;--ks-r-pill: 999px}.ks-shell .side{width:248px;flex-shrink:0;background:var(--navy);color:var(--on-navy);display:flex;flex-direction:column;padding:20px 16px 16px;position:relative;overflow:hidden}.ks-shell .side:after{content:"学";position:absolute;right:-46px;bottom:-30px;font-family:"Noto Serif JP",serif;font-weight:900;font-size:230px;line-height:1;color:#fff;opacity:.03;pointer-events:none}.ks-shell .side-brand{display:flex;align-items:center;gap:12px;padding:4px 8px 20px;cursor:pointer}.ks-shell .side-brand .mark{width:40px;height:40px;border-radius:11px;flex-shrink:0;background:var(--gold-grad);color:#fff;display:grid;place-items:center;font-family:"Noto Serif JP",serif;font-weight:900;font-size:22px;box-shadow:0 4px 12px -3px #e0a92e80,inset 0 0 0 1px #ffffff2e}.ks-shell .side-brand .nm{font-size:15.5px;font-weight:900;letter-spacing:-.01em;color:#fff}.ks-shell .side-brand .bt{display:inline-block;margin-top:3px;font-size:8.5px;font-weight:800;letter-spacing:.14em;color:var(--navy);background:var(--gold-bright);padding:2px 6px;border-radius:4px}.ks-shell .nav-sec{font-size:9.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--on-navy-faint);padding:16px 10px 7px}.ks-shell .nav-item{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--on-navy-dim);cursor:pointer;position:relative;transition:background .14s,color .14s;width:100%;border:0;background:transparent;text-align:left;font-family:inherit}.ks-shell .nav-item .ico{font-family:"Noto Serif JP",serif;font-weight:900;font-size:15px;width:22px;text-align:center;color:var(--on-navy-faint);transition:color .14s}.ks-shell .nav-item:not(.disabled):hover{background:var(--navy-2);color:#fff}.ks-shell .nav-item:not(.disabled):hover .ico{color:var(--on-navy)}.ks-shell .nav-item.active{background:linear-gradient(90deg,var(--gold-16),transparent);color:#fff;font-weight:700}.ks-shell .nav-item.active:before{content:"";position:absolute;left:-16px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--gold-bright)}.ks-shell .nav-item.active .ico{color:var(--gold-bright)}.ks-shell .nav-item.disabled{opacity:.5;cursor:default}.ks-shell .nav-item .badge{margin-left:auto;font-size:9.5px;font-weight:800;background:var(--crimson);color:#fff;padding:1px 6px;border-radius:6px}.ks-shell .nav-item .soon{margin-left:auto;font-size:8.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--navy-2);color:var(--on-navy-faint);padding:2px 6px;border-radius:5px}.ks-shell .side-foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--navy-line);display:flex;align-items:center;gap:11px;cursor:pointer}.ks-shell .side-foot .av{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:var(--gold-grad);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px;text-transform:uppercase}.ks-shell .side-foot .who{flex:1;min-width:0}.ks-shell .side-foot .who .n{font-size:12.5px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ks-shell .side-foot .who .e{font-size:10px;color:var(--on-navy-faint);margin-top:1px}.ks-shell .side-foot .cog{width:30px;height:30px;border-radius:8px;border:1px solid var(--navy-line);background:transparent;color:var(--on-navy-dim);display:grid;place-items:center;cursor:pointer;font-size:13px}.ks-shell .side-foot .cog:hover{background:var(--navy-2);color:#fff}.ks-shell .main-col{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.ks-shell .head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 30px;background:var(--canvas);border-bottom:1px solid var(--line);position:relative;z-index:90}.ks-shell .head .greet .ey{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.ks-shell .head .greet .h{font-size:22px;font-weight:900;letter-spacing:-.02em;margin-top:3px}.ks-shell .head .greet .h em{font-style:normal;color:var(--gold);font-family:"Noto Serif JP",serif}.ks-shell .head-actions{display:flex;align-items:center;gap:10px}.ks-shell .search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 13px;width:240px;color:var(--text-faint);font-size:12.5px}.ks-shell .search input{border:0;background:transparent;outline:0;font-family:inherit;font-size:12.5px;color:var(--text);flex:1;min-width:0}.ks-shell .search input::placeholder{color:var(--text-faint)}.ks-shell .search kbd{font-size:9.5px;font-weight:700;background:var(--card-2);border:1px solid var(--line);border-radius:5px;padding:2px 5px;color:var(--text-faint)}.ks-shell .search-wrap{position:relative}.ks-shell .search-wrap:focus-within .search{border-color:var(--gold-40)}.ks-shell .search-pop{position:absolute;top:calc(100% + 8px);right:0;width:360px;max-height:60vh;overflow-y:auto;background:var(--card);border:1px solid var(--line-2);border-radius:14px;box-shadow:0 18px 48px #00000038;padding:7px;z-index:100}.ks-shell .search-empty{padding:16px 12px;font-size:12.5px;color:var(--text-faint);text-align:center}.ks-shell .sg+.sg{margin-top:4px}.ks-shell .sg-h{font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:8px 9px 5px}.ks-shell .sg-i{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:8px 9px;border:0;border-radius:9px;background:transparent;cursor:pointer;font-family:inherit}.ks-shell .sg-i.active{background:var(--gold-10)}.ks-shell .sg-ic{flex:0 0 32px;height:32px;border-radius:8px;display:grid;place-items:center;background:var(--card-2);border:1px solid var(--line);font-size:14px;color:var(--text-dim)}.ks-shell .sg-ic.kanji{font-family:"Noto Serif JP",serif;font-size:18px;font-weight:800;color:var(--gold)}.ks-shell .sg-b{display:flex;flex-direction:column;min-width:0}.ks-shell .sg-t{font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ks-shell .sg-s{font-size:11px;color:var(--text-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ks-shell .icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line-2);background:var(--card);display:grid;place-items:center;cursor:pointer;color:var(--text-dim);font-size:15px}.ks-shell .icon-btn:hover{background:var(--gold-10);border-color:var(--gold-40);color:var(--gold)}.ks-shell .main{flex:1;overflow-y:auto;padding:26px 30px 34px;display:flex;flex-direction:column;gap:22px}.ks-shell .main>*{flex-shrink:0}.ks-shell .hero{background:radial-gradient(120% 140% at 88% -10%,rgba(224,169,46,.22),transparent 55%),linear-gradient(120deg,var(--navy),var(--navy-3));color:var(--on-navy);border-radius:20px;padding:26px 28px;display:flex;align-items:center;gap:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-navy)}.ks-shell .hero:after{content:"続";position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:"Noto Serif JP",serif;font-weight:900;font-size:220px;line-height:1;color:#fff;opacity:.05;pointer-events:none}.ks-shell .hero-icon{width:70px;height:70px;border-radius:16px;flex-shrink:0;background:var(--gold-grad);color:#fff;display:grid;place-items:center;font-family:"Noto Serif JP",serif;font-weight:900;font-size:34px;box-shadow:0 8px 20px -6px #e0a92e80,inset 0 0 0 1px #fff3}.ks-shell .hero-body{flex:1;min-width:0;position:relative}.ks-shell .hero-body .ey{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright);margin-bottom:6px}.ks-shell .hero-body .t{font-size:25px;font-weight:900;letter-spacing:-.02em;line-height:1.12;color:#fff;margin-bottom:7px}.ks-shell .hero-body .m{font-size:13.5px;color:var(--on-navy-dim);line-height:1.5}.ks-shell .hero-body .m b{color:var(--gold-bright);font-weight:700}.ks-shell .hero-prog{margin-top:14px;max-width:340px}.ks-shell .hero-prog .bar{height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.ks-shell .hero-prog .bar i{display:block;height:100%;border-radius:99px;background:var(--gold-grad)}.ks-shell .hero-prog .lab{display:flex;justify-content:space-between;font-size:10.5px;margin-top:6px;color:var(--on-navy-faint);font-weight:600}.ks-shell .hero-prog .lab b{color:var(--on-navy)}.ks-shell .hero-cta{display:flex;flex-direction:column;gap:9px;flex-shrink:0;position:relative}.ks-shell .hero-cta .primary{background:var(--gold-grad);color:#fff;font-weight:800;font-size:14px;padding:13px 24px;border-radius:12px;border:0;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:9px;font-family:inherit;box-shadow:0 6px 16px -5px #e0a92e73,inset 0 0 0 1px #ffffff2e}.ks-shell .hero-cta .primary .jp{font-family:"Noto Serif JP",serif;font-weight:900}.ks-shell .hero-cta .ghost{background:#ffffff12;color:var(--on-navy);font-weight:700;font-size:12.5px;padding:10px 22px;border-radius:11px;border:1px solid var(--navy-line);cursor:pointer;white-space:nowrap;font-family:inherit}.ks-shell .hero-cta .ghost:hover{background:#ffffff1f}.ks-shell .statbar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-card);overflow:hidden}.ks-shell .statbar .stat{padding:14px 20px;display:flex;flex-direction:column;gap:5px;border-left:1px solid var(--line)}.ks-shell .statbar .stat:first-child{border-left:0}.ks-shell .statbar .stat .top{display:flex;align-items:center;gap:8px}.ks-shell .statbar .stat .ico{width:22px;height:22px;border-radius:6px;flex-shrink:0;background:var(--gold-10);color:var(--gold);display:grid;place-items:center;font-family:"Noto Serif JP",serif;font-weight:900;font-size:11px}.ks-shell .statbar .stat .label{font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--text-faint);text-transform:uppercase}.ks-shell .statbar .stat .v{font-size:23px;font-weight:900;letter-spacing:-.02em;line-height:1.05;display:flex;align-items:baseline;gap:4px}.ks-shell .statbar .stat .v small{font-size:11px;font-weight:700;color:var(--text-faint)}.ks-shell .statbar .stat .sub{font-size:11px;color:var(--text-faint);font-weight:500}.ks-shell .statbar .stat .sub.gold{color:var(--gold);font-weight:700}.ks-shell .statbar .stat .sub.teal{color:var(--teal);font-weight:700}.ks-shell .sec-h{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2px}.ks-shell .sec-h h2{font-size:18px;font-weight:900;letter-spacing:-.01em;margin:0}.ks-shell .sec-h .sub{font-size:11.5px;color:var(--text-faint);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.ks-shell .sec-h .sub b{color:var(--gold)}.ks-shell .grades{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.ks-shell .grade{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:none;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.ks-shell .grade:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop);border-color:var(--gold-40)}.ks-shell .grade.active{border-color:var(--gold-40);box-shadow:var(--shadow-pop);background:linear-gradient(165deg,var(--gold-16),transparent 60%),var(--card)}.ks-shell .grade.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold-grad)}.ks-shell .grade.locked{background:var(--card-3);box-shadow:none;border-style:dashed}.ks-shell .grade.locked .gnum{color:var(--text-faint);opacity:.6}.ks-shell .grade.locked .gtitle,.ks-shell .grade.locked .gmeta{opacity:.72}.ks-shell .ghead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:11px}.ks-shell .gnum{font-family:"Noto Serif JP",serif;font-weight:900;font-size:34px;line-height:1;color:var(--gold)}.ks-shell .gjlpt{font-size:9.5px;font-weight:800;letter-spacing:.1em;background:var(--gold-16);color:var(--gold);padding:4px 8px;border-radius:6px}.ks-shell .grade.locked .gjlpt{background:var(--card-2);color:var(--text-faint)}.ks-shell .glock{position:absolute;top:14px;right:14px;width:25px;height:25px;border-radius:50%;background:var(--crimson);color:#fff;display:grid;place-items:center;font-size:11px}.ks-shell .gtitle{font-size:18px;font-weight:900;letter-spacing:-.01em;margin-bottom:4px}.ks-shell .gmeta{font-size:11.5px;color:var(--text-faint);line-height:1.45;margin-bottom:16px;flex:1}.ks-shell .gbar{height:6px;background:var(--card-2);border-radius:99px;overflow:hidden;margin-bottom:8px}.ks-shell .grade.active .gbar{background:var(--gold-16)}.ks-shell .gbar i{display:block;height:100%;border-radius:99px;background:var(--gold-grad)}.ks-shell .gstat{display:flex;justify-content:space-between;font-size:11px;color:var(--text-faint);font-weight:600}.ks-shell .gstat .pct{color:var(--gold);font-weight:800}.ks-shell .glock-cta{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:800;color:var(--gold)}.ks-shell .rail{width:332px;flex-shrink:0;background:var(--rail);border-left:1px solid var(--line-2);padding:24px 22px;display:flex;flex-direction:column;gap:18px;overflow-y:auto}.ks-shell .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-card)}.ks-shell .card-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.ks-shell .card-h h3{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin:0}.ks-shell .card-h .more{font-size:11.5px;color:var(--gold);font-weight:700;cursor:pointer;background:none;border:0;font-family:inherit}.ks-shell .goal{display:flex;align-items:center;gap:16px}.ks-shell .ring{width:84px;height:84px;flex-shrink:0;position:relative}.ks-shell .ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ks-shell .ring .bg{stroke:var(--card-2);stroke-width:7;fill:none}.ks-shell .ring .fg{stroke:var(--gold);stroke-width:7;fill:none;stroke-linecap:round;stroke-dasharray:251}.ks-shell .ring .txt{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:19px;font-weight:900;letter-spacing:-.01em;text-align:center}.ks-shell .ring .txt small{display:block;font-size:9px;color:var(--text-faint);font-weight:600;margin-top:1px}.ks-shell .goal-b .l{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.ks-shell .goal-b .v{font-size:17px;font-weight:900;margin-top:3px}.ks-shell .goal-b .s{font-size:11px;color:var(--text-faint);margin-top:3px}.ks-shell .streak{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.ks-shell .streak .d{aspect-ratio:1;border-radius:7px;background:var(--card-2);display:grid;place-items:center;font-size:9.5px;color:var(--text-faint);font-weight:700}.ks-shell .streak .d.done{background:var(--gold-grad);color:#fff;box-shadow:0 2px 6px -2px var(--gold-40)}.ks-shell .streak .d.today{box-shadow:0 0 0 2px var(--gold-40)}.ks-shell .streak-note{margin-top:13px;font-size:11.5px;color:var(--text-dim);line-height:1.5}.ks-shell .streak-note b{color:var(--gold)}.ks-shell .news{display:flex;flex-direction:column;gap:6px}.ks-shell .news-i{display:flex;gap:11px;align-items:flex-start;padding:9px 8px;border-radius:10px;cursor:pointer}.ks-shell .news-i:hover{background:var(--card-2)}.ks-shell .news-i .cat{font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--gold-16);color:var(--gold);padding:3px 7px;border-radius:5px;flex-shrink:0;white-space:nowrap}.ks-shell .news-i .b{flex:1;min-width:0}.ks-shell .news-i .tt{font-size:12.5px;font-weight:700;line-height:1.35;margin-bottom:3px;font-family:Noto Sans JP,sans-serif}.ks-shell .news-i .mm{font-size:10px;color:var(--text-faint)}.ks-shell .upsell{background:linear-gradient(160deg,var(--navy),var(--navy-3));color:var(--on-navy);border-radius:var(--r);padding:18px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-navy)}.ks-shell .upsell:after{content:"印";position:absolute;top:11px;right:13px;font-family:"Noto Serif JP",serif;font-weight:900;font-size:12px;padding:3px 5px;background:var(--crimson);color:#fff;border-radius:3px;transform:rotate(-5deg)}.ks-shell .upsell .ic{font-family:"Noto Serif JP",serif;font-weight:900;font-size:30px;color:var(--gold-bright);line-height:1;margin-bottom:9px}.ks-shell .upsell .h{font-size:14px;font-weight:900;color:#fff;margin-bottom:5px}.ks-shell .upsell .p{font-size:11px;color:var(--on-navy-dim);line-height:1.5;margin-bottom:13px}.ks-shell .upsell .b{background:var(--gold-grad);color:#fff;font-weight:800;font-size:12.5px;padding:10px 14px;border-radius:9px;border:0;cursor:pointer;width:100%;font-family:inherit;box-shadow:0 4px 12px -4px #e0a92e80,inset 0 0 0 1px #ffffff2e}.ks-shell .main::-webkit-scrollbar,.ks-shell .rail::-webkit-scrollbar,.ks-shell .side::-webkit-scrollbar{width:9px}.ks-shell .main::-webkit-scrollbar-thumb,.ks-shell .rail::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:9px;border:2px solid transparent;background-clip:padding-box}.ks-shell .side::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:9px}.ks-shell .ks-snav{display:none}.ks-shell .main.flush{padding-top:0}.ks-shell .ks-stab-strip{top:0!important;margin:0 0 18px!important;padding:0!important;background:var(--canvas)!important;border-bottom:1px solid var(--line)!important;box-shadow:0 8px 14px -12px #0000004d;z-index:20}.ks-shell .ks-stab{padding:15px 4px!important}.ks-shell .ks-tts{position:sticky;left:auto;right:auto;bottom:0;background:linear-gradient(180deg,transparent,var(--canvas) 32%)}.ks-shell .ks-shero,.ks-shell .ks-story,.ks-shell .ks-quiz,.ks-shell .ks-words,.ks-shell .ks-pager,.ks-shell .ks-prog-strip,.ks-shell .ks-section-title{margin-left:0;margin-right:0}.ks-shell .head-left{display:flex;align-items:center;gap:14px;min-width:0}.ks-shell .panel-btn{width:32px;height:32px;border-radius:9px;flex-shrink:0;border:1px solid var(--line-2);background:var(--card);color:var(--text-dim);display:grid;place-items:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.ks-shell .panel-btn:hover{background:var(--gold-10);border-color:var(--gold-40);color:var(--gold)}.ks-shell .panel-btn.on-navy{border-color:var(--navy-line);background:transparent;color:var(--on-navy-dim)}.ks-shell .panel-btn.on-navy:hover{background:var(--navy-2);color:#fff;border-color:var(--navy-line)}.ks-shell .side-collapse{position:absolute;top:18px;right:14px;z-index:3}.ks-shell .rail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.ks-shell .rail-head .lbl{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);padding-left:2px}@media (max-width: 1180px){.ks-shell .rail{display:none}}@media (max-width: 960px){.ks-shell .grades{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.ks-shell .statbar{grid-template-columns:repeat(2,1fr)}.ks-shell .statbar .stat:nth-child(3){border-left:0;border-top:1px solid var(--line)}.ks-shell .statbar .stat:nth-child(4){border-top:1px solid var(--line)}}