.stroke-order-v1{margin-top:16px!important;border:1px solid #eadcdf!important;border-radius:14px!important;background:snow!important;padding:11px!important;text-align:left!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}.stroke-order-v1 .stroke-order-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important;flex-wrap:nowrap!important}.stroke-order-v1 .stroke-order-heading>span,.stroke-order-v1 .stroke-order-heading>strong{display:block!important}.stroke-order-v1 .stroke-order-heading>span{font-size:10px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--muted)!important;font-weight:800!important}.stroke-order-v1 .stroke-order-heading>strong{font-size:14px!important;color:var(--maroon)!important;margin-top:0!important;white-space:nowrap!important}.stroke-order-v1 .stroke-order-heading button{border:1px solid #dec8cb!important;background:#fff!important;color:var(--maroon)!important;border-radius:8px!important;padding:6px 8px!important;display:flex!important;align-items:center!important;gap:5px!important;font-size:10px!important;font-weight:800!important;min-height:0!important;width:auto!important;white-space:nowrap!important}.stroke-order-v1 .stroke-order-heading button:disabled{opacity:.45!important}.stroke-order-v1 .stroke-glyph-list{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important;max-width:none!important;margin:0!important}.stroke-order-v1 .stroke-glyph-list.combined{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important}.stroke-order-v1 .stroke-glyph-wrap{min-width:0!important}.stroke-order-v1 .kana-stroke-svg{display:block!important;width:100%!important;height:auto!important;aspect-ratio:1!important;border:1px solid #eee4e6!important;border-radius:11px!important;background:#fff!important;max-width:none!important}.stroke-order-v1 .stroke-guide-grid line{stroke:#eee6e8!important;stroke-width:4!important;stroke-dasharray:16 16!important}.stroke-order-v1 .stroke-ghost-shape{fill:transparent!important;opacity:0!important}.stroke-order-v1 .stroke-animated-line{fill:none!important;stroke:var(--maroon)!important;stroke-width:128!important;stroke-linecap:round!important;stroke-dasharray:3337;stroke-dashoffset:3337;animation:none!important}.stroke-order-v1 .stroke-number-marker circle{fill:#fff!important;stroke:var(--maroon)!important;stroke-width:8!important}.stroke-order-v1 .stroke-number-marker text{font-size:45px!important;font-weight:900!important;fill:var(--maroon)!important;font-family:Arial,sans-serif!important;stroke:none!important;paint-order:normal!important}.stroke-order-v1 .stroke-glyph-caption{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:5px 2px 0!important}.stroke-order-v1 .stroke-glyph-caption strong{font-size:14px!important}.stroke-order-v1 .stroke-glyph-caption span{font-size:9px!important;color:var(--muted)!important;font-weight:700!important}.stroke-order-v1 .stroke-combination-note{font-size:9px!important;line-height:1.5!important;color:var(--muted)!important;margin:8px 1px 0!important;text-align:left!important}.stroke-order-v1 .stroke-skeleton{display:grid!important;place-items:center!important;aspect-ratio:1!important;border:1px solid #eee4e6!important;border-radius:11px!important;background:linear-gradient(90deg,#f4eeee,#fff,#f4eeee)!important;background-size:200% 100%!important;color:#d6c7ca!important;font-size:46px!important}.stroke-order-v1 .stroke-error{aspect-ratio:1!important;border:1px solid #eccfd4!important;border-radius:11px!important;background:#fff6f7!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:9px!important;color:#8f2635!important}.stroke-order-v1 .stroke-error strong{font-size:32px!important}.stroke-order-v1 .stroke-error span{font-size:8px!important;line-height:1.35!important;margin-top:4px!important}@media (max-width:800px){.stroke-order-v1{grid-column:1/-1!important}.kana-detail-card .stroke-order-v1{text-align:left!important}.stroke-order-v1 .stroke-glyph-list{max-width:310px!important;margin-inline:auto!important}.stroke-order-v1 .stroke-glyph-list.combined{max-width:400px!important}}@media (max-width:420px){.stroke-order-v1 .stroke-order-heading{align-items:flex-start!important}.stroke-order-v1 .stroke-glyph-list.combined{grid-template-columns:1fr 1fr!important;gap:6px!important}.stroke-order-v1 .stroke-glyph-caption strong{font-size:12px!important}.stroke-order-v1 .stroke-glyph-caption span{font-size:8px!important}}.stroke-order-v1,.stroke-order-v1 .stroke-glyph-list,.stroke-order-v1 .stroke-glyph-wrap{overflow:visible!important;max-height:none!important}.stroke-order-v1 .stroke-glyph-list{grid-template-columns:1fr!important;width:min(100%,clamp(220px,38dvh,360px))!important;margin-inline:auto!important}.stroke-order-v1 .stroke-error-group{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}@media (max-height: 760px) and (min-width: 1281px){.stroke-order-v1{margin-top:10px!important;padding:9px!important}.stroke-order-v1 .stroke-glyph-list{width:min(100%,clamp(200px,32dvh,292px))!important}.stroke-order-v1 .stroke-combination-note{margin-top:6px!important}}@media (max-width: 1280px){.stroke-order-v1 .stroke-glyph-list{width:min(100%,clamp(300px,52vw,440px))!important}}@media (max-width: 800px){.stroke-order-v1 .stroke-glyph-list{width:min(100%,clamp(280px,78vw,400px))!important}}@media (max-width: 420px){.stroke-order-v1 .stroke-glyph-list{width:min(100%,320px)!important}}.quiz-sfx-host{position:relative;padding-right:34px}.quiz-sfx-host>.quiz-sfx-toggle{position:absolute;top:-3px;right:0}.quiz-sfx-toggle{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;color:var(--maroon);background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 8px #521f290f;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.quiz-sfx-toggle:hover{background:#fff7f8;border-color:#cfa9af}.quiz-sfx-toggle.is-off{color:var(--muted);background:#faf8f8;opacity:.82}.quiz-sfx-toggle:focus-visible{outline:2px solid rgba(123,30,47,.34);outline-offset:2px}.quiz-sfx-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}@media (max-width: 600px){.quiz-sfx-host{padding-right:32px}.quiz-sfx-host>.quiz-sfx-toggle{top:-4px}.quiz-sfx-toggle{width:27px;height:27px;border-radius:8px}}.kana-page,.kana-page *{box-sizing:border-box}.kana-page{width:100%;max-width:1440px;overflow-x:clip}.kana-page .study-layout>*,.kana-page .kana-detail-card,.kana-page .stroke-order-card,.kana-page .kana-chart-section,.kana-page .kana-chart-table,.kana-page .kana-chart-row,.kana-page .kana-chart-cells{min-width:0}.kana-page .kana-handwritten,.kana-page .kana-char,.kana-page .kana-hero-character,.kana-page .flash-kana,.kana-page .quiz-kana{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Klee One,Hiragino Maru Gothic ProN,sans-serif;font-synthesis:none;font-weight:400;letter-spacing:0}.kana-page .study-layout{display:grid;grid-template-columns:minmax(320px,350px) minmax(0,1fr);gap:clamp(16px,2vw,24px);align-items:start}.kana-page .kana-detail-card{display:block;position:sticky;top:max(18px,env(safe-area-inset-top));align-self:start;width:100%;height:calc(100dvh - 36px);max-height:calc(100dvh - 36px);padding:clamp(12px,1.6dvh,18px);overflow:hidden;overscroll-behavior:auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px}.kana-page .kana-detail-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.kana-page .kana-detail-top>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kana-page .mastery-badge{flex:0 0 auto}.kana-page .kana-hero-character{display:flex;align-items:center;justify-content:center;min-height:clamp(72px,13dvh,112px);margin:clamp(8px,1.5dvh,14px) 0 0;font-size:clamp(72px,12dvh,112px);line-height:1;color:#2b2526}.kana-page .kana-hero-character.compound{font-size:clamp(62px,10dvh,92px);letter-spacing:-.07em}.kana-page .kana-romaji{margin-top:0;margin-bottom:clamp(7px,1.1dvh,12px)}.kana-page .audio-btn{max-width:100%;min-height:36px;padding-block:7px;justify-content:center}.kana-page .detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:clamp(8px,1.2dvh,14px)}.kana-page .detail-list>div{min-width:0;padding-block:clamp(6px,.8dvh,9px)}.kana-page .detail-list strong{overflow-wrap:anywhere}.kana-page .kana-study-chart{display:grid;gap:18px;width:100%}.kana-page .kana-chart-section{width:100%;padding:14px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px}.kana-page .kana-chart-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 10px;padding-bottom:9px;border-bottom:1px solid #f0e7e9}.kana-page .kana-chart-title strong{font-size:13px;color:#362b2d}.kana-page .kana-chart-title span{font-size:10px;color:var(--muted);font-weight:800;letter-spacing:.05em}.kana-page .kana-chart-table{display:grid;width:100%;gap:8px}.kana-page .kana-chart-row{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:8px;width:100%}.kana-page .kana-row-label{overflow:hidden;font-size:9px;font-weight:900;color:#8a777a;text-align:center;text-transform:uppercase;letter-spacing:.05em;text-overflow:ellipsis}.kana-page .kana-chart-cells{display:grid;gap:7px;width:100%;align-items:stretch}.kana-page .kana-chart-cells.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.kana-page .kana-chart-cells.cols-3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:560px}.kana-page .kana-cell-placeholder{display:block;width:100%;aspect-ratio:1;pointer-events:none}.kana-page .hiragana-cell{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;aspect-ratio:1;padding:7px 5px 12px;overflow:hidden;background:#fff;border:1px solid #cfc5c7;border-radius:11px;box-shadow:0 1px #00000006}.kana-page .hiragana-cell:hover{border-color:#af747d;transform:translateY(-1px);box-shadow:0 5px 16px #56131b0d}.kana-page .hiragana-cell.selected{border:2px solid var(--maroon);background:#fff8f9;box-shadow:0 0 0 2px #7a1f2b10}.kana-page .hiragana-cell:focus-visible{outline:3px solid #7a1f2b28;outline-offset:2px}.kana-page .hiragana-cell.mastered:after{content:"✓";position:absolute;top:5px;right:5px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e5f5eb;color:#21703e;font-size:9px;font-weight:900}.kana-page .kana-char{display:block;max-width:100%;font-size:clamp(31px,4vw,50px);line-height:1;color:#454041;transform:translateY(1px)}.kana-page .hiragana-cell.compound .kana-char{font-size:clamp(26px,3.4vw,42px);letter-spacing:-.07em}.kana-page .kana-reading{display:block;margin-top:5px;font-size:10px;line-height:1;font-weight:900;color:#2e2829}.kana-page .cell-mastery{left:6px;right:6px;bottom:5px}.kana-page .stroke-order-card{width:100%;margin-top:clamp(8px,1.2dvh,13px);padding:clamp(8px,1.1dvh,11px);overflow:hidden;text-align:left;background:snow;border:1px solid #dfd4d6;border-radius:14px}.kana-page .stroke-order-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:clamp(5px,.8dvh,8px)}.kana-page .stroke-title-block{min-width:0}.kana-page .stroke-title-block>span,.kana-page .stroke-title-block>strong{display:block}.kana-page .stroke-title-block>span{font-size:10px;line-height:1.2;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.kana-page .stroke-title-block>strong{margin-top:3px;font-size:14px;line-height:1.2;color:var(--maroon)}.kana-page .stroke-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}.kana-page .stroke-loop-badge,.kana-page .stroke-order-heading button{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;white-space:nowrap;border-radius:9px;font-size:9px;line-height:1;font-weight:800}.kana-page .stroke-loop-badge{border:1px solid #eadbdd;background:#f5ecee;color:#5e4d50}.kana-page .stroke-order-heading button{gap:5px;border:1px solid #dec8cb;background:#fff;color:var(--maroon)}.kana-page .stroke-order-heading button:disabled{opacity:.45;cursor:not-allowed}.kana-page .stroke-canvas-shell{width:min(100%,clamp(158px,30dvh,268px));aspect-ratio:1;margin-inline:auto}.kana-page .kana-stroke-svg,.kana-page .stroke-skeleton,.kana-page .stroke-error-group{display:block;width:100%;height:100%;aspect-ratio:1;overflow:hidden;background:#fff;border:1.5px solid #817b7c;border-radius:4px}.kana-page .stroke-guide-grid rect{fill:none;stroke:#928b8d;stroke-width:4}.kana-page .stroke-guide-grid line{stroke:#e6e0e1;stroke-width:2.5;stroke-dasharray:15 15}.kana-page .stroke-base-shape{fill:#eee9ea!important;opacity:1!important}.kana-page .stroke-animated-line{fill:none!important;stroke:var(--maroon)!important;stroke-width:128!important;stroke-linecap:round!important;stroke-linejoin:round!important;stroke-dasharray:3337;stroke-dashoffset:3339;animation:kojac-kana-stroke-draw .72s linear forwards;animation-delay:var(--stroke-delay)}@keyframes kojac-kana-stroke-draw{to{stroke-dashoffset:0}}.kana-page .stroke-number-marker text{font-family:Arial,sans-serif;font-size:36px;font-weight:900;fill:#171415;paint-order:stroke;stroke:#fff;stroke-width:11px;stroke-linejoin:round}.kana-page .stroke-direction-arrow{stroke:#171415;stroke-width:5;stroke-linecap:round;fill:none}.kana-page .stroke-arrow-head{fill:#171415}.kana-page .stroke-combination-note{margin:clamp(4px,.65dvh,7px) 2px 0;font-size:9.5px;line-height:1.55;text-align:center;color:var(--muted)}.kana-page .stroke-source{display:block;margin-top:clamp(3px,.55dvh,6px);font-size:8px;line-height:1.35;text-align:center;color:#9a898c}.kana-page .stroke-skeleton{display:grid;place-items:center;color:#d6c7ca;font-size:46px}.kana-page .stroke-error-group{display:grid;place-items:center;padding:12px}.kana-page .stroke-error{width:100%;border:0;background:transparent;text-align:center}.kana-page .flashcard-stage,.kana-page .quiz-shell{width:min(100%,780px)}.kana-page .flashcard{position:relative;display:block;width:100%;height:clamp(270px,48vw,360px);min-height:0;padding:0;overflow:visible;border:0;border-radius:24px;background:transparent;box-shadow:none;perspective:1200px;cursor:pointer}.kana-page .flashcard-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .56s cubic-bezier(.2,.72,.22,1)}.kana-page .flashcard.revealed .flashcard-inner{transform:rotateY(180deg)}.kana-page .flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:13px;width:100%;height:100%;padding:clamp(22px,5vw,36px);overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 20px 55px #56131b0b;backface-visibility:hidden;-webkit-backface-visibility:hidden}.kana-page .flashcard-back{transform:rotateY(180deg)}.kana-page .flashcard:hover .flashcard-face{border-color:#d2adb2}.kana-page .flashcard:focus-visible{outline:3px solid #7a1f2b28;outline-offset:4px}.kana-page .flashcard:focus-visible .flashcard-face{border-color:#af747d}.kana-page .flash-kana{font-size:clamp(90px,16vw,145px)}.kana-page .flash-kana-back{font-size:clamp(76px,13vw,116px)}.kana-page .flash-reading{font-size:clamp(24px,4vw,30px)}.kana-page .flash-answer-meta{font-size:11px;line-height:1.4;font-weight:800;color:#6f6062}.kana-page .flashcard-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.kana-page .flashcard-controls button{min-width:0;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#4e4244;font-size:12px;font-weight:800}.kana-page .flashcard-controls button:hover:not(:disabled){border-color:#bc8b93;background:#fff8f9;color:var(--maroon)}.kana-page .flashcard-controls button:focus-visible{outline:3px solid #7a1f2b28;outline-offset:2px}.kana-page .flashcard-controls button:disabled{opacity:.48;cursor:not-allowed}.kana-page .flash-shuffle{color:var(--maroon)!important;background:#fff8f9!important}.kana-page .quiz-kana{font-size:clamp(86px,15vw,132px)}.kana-page .quiz-kana.compound{font-size:clamp(68px,12vw,106px);letter-spacing:-.07em}.kana-page .quiz-setup-card{width:100%;padding:clamp(20px,4vw,30px);background:#fff;border:1px solid var(--line);border-radius:22px}.kana-page .quiz-setup-heading{margin-bottom:18px}.kana-page .quiz-setup-heading h2{margin:4px 0 6px}.kana-page .quiz-setup-heading>p:last-child{margin:0;color:var(--muted);font-size:13px}.kana-page .quiz-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kana-page .quiz-mode-grid>button{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;min-width:0;min-height:96px;padding:15px;text-align:left;color:#4b4042;background:#fff;border:1px solid var(--line);border-radius:14px}.kana-page .quiz-mode-grid>button:hover:not(:disabled){border-color:#bc8b93;background:#fffafb}.kana-page .quiz-mode-grid>button.active{border-color:var(--maroon);background:#fff7f8;box-shadow:0 0 0 2px #7a1f2b0d}.kana-page .quiz-mode-grid>button:focus-visible,.kana-page .quiz-count-row button:focus-visible,.kana-page .matching-column button:focus-visible,.kana-page .quiz-listen-main:focus-visible,.kana-page .quiz-type-form input:focus-visible{outline:3px solid #7a1f2b28;outline-offset:2px}.kana-page .quiz-mode-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f3eaeb;color:var(--maroon);font-size:12px;font-weight:900}.kana-page .quiz-mode-grid strong,.kana-page .quiz-mode-grid small{display:block}.kana-page .quiz-mode-grid strong{margin-top:1px;font-size:14px}.kana-page .quiz-mode-grid small{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.45;font-weight:500}.kana-page .quiz-count-block{margin-top:20px}.kana-page .quiz-count-block>strong{display:block;margin-bottom:9px;font-size:12px}.kana-page .quiz-count-row{display:flex;flex-wrap:wrap;gap:8px}.kana-page .quiz-count-row button{min-height:40px;padding:8px 13px;color:#5e5254;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}.kana-page .quiz-count-row button.active{color:#fff;background:var(--maroon);border-color:var(--maroon)}.kana-page .quiz-start-button{width:100%;min-height:46px;margin-top:20px;justify-content:center}.kana-page .quiz-top-expanded{grid-template-columns:auto minmax(90px,1fr) auto auto}.kana-page .quiz-top-expanded strong{white-space:nowrap;font-size:11px;color:#5e5254}.kana-page .quiz-romaji-prompt{margin:clamp(28px,7vw,54px) 0;color:var(--maroon);font-size:clamp(48px,9vw,78px);line-height:1;font-weight:850;letter-spacing:-.035em}.kana-page .quiz-listen-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:180px;min-height:52px;margin:clamp(34px,7vw,58px) auto;padding:11px 18px;color:var(--maroon);background:#fff5f6;border:1px solid #dec8cb;border-radius:12px;font-weight:850}.kana-page .quiz-options.kana-options button{min-height:72px;font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Klee One,Hiragino Maru Gothic ProN,sans-serif;font-size:clamp(30px,5.5vw,43px);font-weight:400;line-height:1}.kana-page .quiz-options.kana-options button.compound{font-size:clamp(25px,4.7vw,36px);letter-spacing:-.07em}.kana-page .quiz-type-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;width:min(100%,520px);margin:0 auto}.kana-page .quiz-type-form input{width:100%;min-width:0;min-height:48px;padding:10px 14px;color:#332a2c;background:#fff;border:1px solid #d9cdcf;border-radius:11px;font-size:17px}.kana-page .quiz-type-form input::placeholder{color:#a39497}.kana-page .quiz-type-form .primary-btn{min-width:100px;justify-content:center}.kana-page .quiz-feedback strong{min-width:0;overflow-wrap:anywhere}.kana-page .quiz-matching-card{padding-bottom:24px}.kana-page .matching-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.kana-page .matching-column{display:grid;align-content:start;gap:8px;min-width:0}.kana-page .matching-column button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:54px;padding:9px 10px;color:#43393b;background:#fff;border:1px solid #ded2d4;border-radius:11px;font-weight:800}.kana-page .matching-column button:hover:not(:disabled){border-color:#b77881;background:#fff9fa}.kana-page .matching-kana-column button>span{font-size:clamp(29px,5vw,39px);line-height:1;font-weight:400}.kana-page .matching-kana-column button>span.compound{font-size:clamp(24px,4.3vw,33px);letter-spacing:-.07em}.kana-page .matching-column button.selected{color:var(--maroon);border-color:var(--maroon);background:#fff6f7}.kana-page .matching-column button.completed{color:#24643a;border-color:#a8d8b8;background:#edf8f1;opacity:1}.kana-page .matching-column button.wrong{color:#9d3030;border-color:#e3b0b0;background:#fff0f0}.kana-page .matching-hint{display:block;margin-top:12px;color:var(--muted);font-size:10px;line-height:1.45}.kana-page .quiz-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.kana-page .quiz-result-stats span{padding:12px 8px;background:#faf7f7;border:1px solid #eee5e6;border-radius:11px;font-size:11px;color:var(--muted)}.kana-page .quiz-result-stats strong{display:block;margin-bottom:3px;color:#312729;font-size:22px}.kana-page .quiz-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.kana-page .quiz-result-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px}.kana-page .quiz-review-actions{margin-top:22px;padding-top:17px;border-top:1px solid #eee5e6}.kana-page .quiz-review-actions>span{display:block;margin-bottom:9px;color:#8a777a;font-size:9px;font-weight:900;letter-spacing:.08em}.kana-page .quiz-review-actions>div{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.kana-page .quiz-review-actions button{min-height:40px}.kana-page .quiz-review-shell{margin-inline:auto}.kana-page .quiz-review-header,.kana-page .quiz-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.kana-page .quiz-review-header{margin-bottom:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px}.kana-page .quiz-review-header h2{margin:3px 0 5px;font-size:clamp(22px,4vw,30px)}.kana-page .quiz-review-header p:last-child{margin:0;color:var(--muted);font-size:12px}.kana-page .quiz-review-header .ghost-btn,.kana-page .quiz-review-toolbar .ghost-btn{flex:0 0 auto}.kana-page .quiz-wrong-list{display:grid;gap:10px}.kana-page .quiz-wrong-item{padding:16px;background:#fff;border:1px solid var(--line);border-radius:15px}.kana-page .quiz-wrong-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kana-page .quiz-wrong-item-top>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#f3eaeb;color:var(--maroon);font-size:10px;font-weight:900}.kana-page .quiz-wrong-item-top small{color:var(--muted);font-size:10px;font-weight:800}.kana-page .quiz-wrong-prompt{display:flex;align-items:center;justify-content:center;gap:7px;min-height:74px;margin:9px 0;color:#322a2c;font-size:clamp(40px,7vw,58px);line-height:1}.kana-page .quiz-wrong-prompt.romaji{color:var(--maroon);font-family:inherit;font-size:clamp(32px,6vw,46px);font-weight:850}.kana-page .quiz-review-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.kana-page .quiz-review-answer-grid>div{min-width:0;padding:11px 12px;text-align:left;background:#faf7f7;border:1px solid #eee5e6;border-radius:11px}.kana-page .quiz-review-answer-grid span,.kana-page .quiz-review-answer-grid strong{display:block}.kana-page .quiz-review-answer-grid span{margin-bottom:4px;color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.kana-page .quiz-review-answer-grid strong{overflow-wrap:anywhere;font-size:15px}.kana-page .quiz-review-answer-grid .wrong-answer{color:#963838}.kana-page .quiz-review-answer-grid .correct-answer{color:#28643c}.kana-page .quiz-review-back{width:100%;min-height:42px;margin-top:12px;justify-content:center}.kana-page .quiz-review-toolbar{margin-bottom:9px}.kana-page .quiz-review-toolbar>span{color:var(--muted);font-size:11px;font-weight:800}.kana-page .quiz-review-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;margin-bottom:11px}.kana-page .quiz-review-nav button{min-width:0;min-height:40px;padding:8px 11px;color:#514547;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:11px;font-weight:800}.kana-page .quiz-review-nav button:last-child{justify-self:stretch}.kana-page .quiz-review-nav button:disabled{opacity:.45;cursor:not-allowed}.kana-page .quiz-review-nav strong{min-width:54px;color:var(--maroon);font-size:12px;text-align:center}.kana-page .quiz-review-options button:disabled{opacity:1;cursor:default}.kana-page .quiz-review-main-prompt{margin:clamp(22px,6vw,44px) 0 10px;color:#322a2c;font-size:clamp(76px,13vw,112px);line-height:1}.kana-page .quiz-review-main-prompt.compound{font-size:clamp(62px,11vw,92px);letter-spacing:-.07em}@media (max-width: 1280px){.kana-page .study-layout{grid-template-columns:minmax(0,1fr)}.kana-page .kana-detail-card{position:static;height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}}@media (min-width: 1281px) and (max-height: 760px){.kana-page .kana-detail-card{padding:11px 14px}.kana-page .kana-detail-top{min-height:26px}.kana-page .kana-hero-character{min-height:72px;margin-top:5px;font-size:clamp(68px,11dvh,88px)}.kana-page .kana-hero-character.compound{font-size:clamp(58px,9dvh,76px)}.kana-page .kana-romaji{font-size:21px;margin-bottom:6px}.kana-page .audio-btn{min-height:32px;padding:5px 10px}.kana-page .stroke-order-card{margin-top:7px;padding:8px}.kana-page .stroke-loop-badge,.kana-page .stroke-order-heading button{min-height:27px;padding:5px 7px;font-size:8px}.kana-page .stroke-canvas-shell{width:min(100%,clamp(148px,28dvh,212px))}.kana-page .stroke-combination-note{font-size:8.5px;line-height:1.35}.kana-page .stroke-source{font-size:7px}.kana-page .detail-list{gap:5px;margin-top:7px}.kana-page .detail-list>div{padding:5px 7px}.kana-page .mastery-bar{margin:9px 0 5px}.kana-page .kana-detail-card>small{font-size:8px;line-height:1.25}}@media (min-width: 1281px) and (max-height: 640px){.kana-page .kana-hero-character{min-height:58px;font-size:64px}.kana-page .kana-hero-character.compound{font-size:54px}.kana-page .kana-romaji{font-size:18px;margin-bottom:4px}.kana-page .audio-btn{min-height:29px;padding:4px 9px;font-size:12px}.kana-page .stroke-canvas-shell{width:min(100%,158px)}.kana-page .stroke-title-block>strong{font-size:12px}.kana-page .detail-list{grid-template-columns:repeat(4,minmax(0,1fr))}.kana-page .detail-list span{font-size:8px}.kana-page .detail-list strong{font-size:11px}}@media (max-width: 600px){.kana-page .page-header.kana-header{gap:12px}.kana-page .kana-detail-card{display:block;padding:14px;border-radius:16px}.kana-page .kana-detail-top{gap:8px}.kana-page .kana-hero-character{min-height:96px;margin-top:12px;font-size:90px}.kana-page .kana-hero-character.compound{font-size:74px}.kana-page .kana-romaji{margin-bottom:11px}.kana-page .detail-list{margin-top:14px}.kana-page .stroke-order-card{padding:10px}.kana-page .stroke-order-heading{grid-template-columns:1fr;gap:8px}.kana-page .stroke-actions{width:100%;justify-content:space-between}.kana-page .stroke-loop-badge,.kana-page .stroke-order-heading button{min-height:29px;font-size:9px}.kana-page .stroke-canvas-shell{width:clamp(210px,76vw,286px)}.kana-page .kana-chart-section{padding:8px}.kana-page .kana-chart-row{grid-template-columns:24px minmax(0,1fr);gap:4px}.kana-page .kana-chart-cells{gap:4px}.kana-page .kana-row-label{font-size:7.5px;letter-spacing:0}.kana-page .hiragana-cell{padding:4px 2px 10px;border-radius:8px}.kana-page .kana-char{font-size:clamp(24px,8vw,34px)}.kana-page .hiragana-cell.compound .kana-char{font-size:clamp(20px,6.7vw,29px)}.kana-page .kana-reading{margin-top:3px;font-size:8px}.kana-page .cell-mastery{left:4px;right:4px;bottom:4px}.kana-page .flashcard-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.kana-page .flash-prev{grid-column:1;grid-row:1}.kana-page .flash-next{grid-column:2;grid-row:1}.kana-page .flash-shuffle{grid-column:1 / -1;grid-row:2}.kana-page .flashcard-controls button{min-height:44px;padding-inline:8px}.kana-page .quiz-mode-grid{grid-template-columns:minmax(0,1fr)}.kana-page .quiz-mode-grid>button{min-height:0}.kana-page .quiz-top-expanded{grid-template-columns:1fr 1fr;gap:7px 10px}.kana-page .quiz-top-expanded>span{grid-column:1}.kana-page .quiz-top-expanded .quiz-progress{grid-column:1 / -1;grid-row:2}.kana-page .quiz-top-expanded>strong:first-of-type{grid-column:2;grid-row:1;text-align:right}.kana-page .quiz-top-expanded>strong:last-of-type{grid-column:1 / -1;grid-row:3;text-align:right}.kana-page .quiz-type-form{grid-template-columns:minmax(0,1fr)}.kana-page .quiz-type-form .primary-btn{min-height:44px}.kana-page .quiz-options.kana-options{grid-template-columns:repeat(2,minmax(0,1fr))}.kana-page .quiz-options.kana-options button{min-height:64px}.kana-page .matching-board{gap:8px}.kana-page .matching-column{gap:6px}.kana-page .matching-column button{min-height:50px;padding-inline:6px}.kana-page .quiz-result-actions{display:grid;grid-template-columns:minmax(0,1fr)}.kana-page .quiz-review-actions>div{display:grid;grid-template-columns:minmax(0,1fr)}.kana-page .quiz-review-header{align-items:stretch;flex-direction:column;padding:16px;text-align:left}.kana-page .quiz-review-header .ghost-btn{width:100%;min-height:42px;justify-content:center}.kana-page .quiz-review-answer-grid{grid-template-columns:minmax(0,1fr)}.kana-page .quiz-review-toolbar{align-items:stretch;flex-direction:column-reverse}.kana-page .quiz-review-toolbar .ghost-btn{width:100%;min-height:42px;justify-content:center}.kana-page .quiz-review-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px}.kana-page .quiz-review-nav button{min-height:44px;padding-inline:7px;font-size:10px}.kana-page .quiz-review-question-card{padding-inline:16px}.kana-page .rating-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 390px){.kana-page .stroke-actions{display:grid;grid-template-columns:1fr}.kana-page .stroke-loop-badge,.kana-page .stroke-order-heading button{width:100%}.kana-page .stroke-canvas-shell{width:min(100%,248px)}.kana-page .kana-chart-row{grid-template-columns:21px minmax(0,1fr);gap:3px}.kana-page .kana-chart-cells{gap:3px}.kana-page .kana-char{font-size:25px}.kana-page .hiragana-cell.compound .kana-char{font-size:21px}}@media (max-width: 1024px){.kana-detail-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;width:100%;max-width:none;padding:12px;overflow:hidden;background:#2314187a;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.kana-detail-modal{position:relative;width:min(540px,calc(100vw - 24px));max-height:min(90dvh,calc(100dvh - 24px));overflow:hidden;background:#fff;border-radius:22px;box-shadow:0 24px 70px #240b0f42}.kana-detail-modal-scroll{width:100%;max-height:min(90dvh,calc(100dvh - 24px));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.kana-detail-modal .kana-detail-card{position:static;width:100%;height:auto;max-height:none;overflow:visible;border-radius:22px}.kana-detail-modal .kana-detail-top{padding-right:48px}.kana-detail-modal-close{position:absolute;top:10px;right:10px;z-index:4;display:grid;place-items:center;width:44px;height:44px;padding:0;color:var(--maroon);background:#fffffff5;border:1px solid #e4d5d7;border-radius:13px;box-shadow:0 4px 16px #3e1b221a;cursor:pointer}.kana-detail-modal-close:hover{background:#fff7f8}.kana-detail-modal-close:focus-visible{outline:3px solid rgba(122,31,43,.2);outline-offset:2px}}@media (prefers-reduced-motion: reduce){.kana-page .flashcard-inner{transition-duration:.01ms}.kana-page .stroke-animated-line{animation-duration:.01ms}.kana-page .hiragana-cell:hover{transform:none}}.vocab-quiz-shell,.vocab-quiz-shell *{box-sizing:border-box}.vocab-quiz-shell{width:min(100%,920px);margin:4px auto 0}.vocab-quiz-setup-card,.vocab-quiz-question-card,.vocab-quiz-result,.vocab-quiz-wrong-item{background:#fff;border:1px solid #e2d7d9;border-radius:18px;box-shadow:0 10px 28px #56131b0b}.vocab-quiz-setup-card{padding:24px}.vocab-quiz-setup-heading h2{margin:4px 0 5px;font-size:26px}.vocab-quiz-setup-heading p:last-child{margin:0;color:var(--muted);line-height:1.55}.vocab-quiz-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.vocab-quiz-mode-grid>button{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:78px;padding:12px;text-align:left;color:#4e4345;background:#fff;border:1px solid #e6dcde;border-radius:13px;cursor:pointer}.vocab-quiz-mode-grid>button:hover:not(:disabled){border-color:#c99ba2;background:#fffafb}.vocab-quiz-mode-grid>button.active{border-color:var(--maroon);background:#fff5f6;box-shadow:0 0 0 2px #7a1f2b0d}.vocab-quiz-mode-grid>button:disabled{opacity:.45;cursor:not-allowed}.vocab-quiz-mode-grid>button>span:last-child{min-width:0}.vocab-quiz-mode-grid strong,.vocab-quiz-mode-grid small{display:block}.vocab-quiz-mode-grid strong{color:var(--ink);font-size:13px}.vocab-quiz-mode-grid small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.vocab-quiz-mode-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:27px;height:27px;color:var(--maroon);background:#f6ecee;border-radius:8px;font-size:11px;font-weight:900}.vocab-quiz-count-block{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid #eee5e6}.vocab-quiz-count-block>div:first-child strong,.vocab-quiz-count-block>div:first-child span{display:block}.vocab-quiz-count-block>div:first-child strong{font-size:13px}.vocab-quiz-count-block>div:first-child span{margin-top:3px;color:var(--muted);font-size:11px}.vocab-quiz-count-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.vocab-quiz-count-row button{min-width:56px;min-height:38px;padding:7px 10px;color:#66585a;background:#fff;border:1px solid #dfd3d5;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.vocab-quiz-count-row button.active{color:var(--maroon);background:#fff3f5;border-color:#c99ba2}.vocab-quiz-primary,.vocab-quiz-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.vocab-quiz-primary{color:#fff;background:var(--maroon);border:1px solid var(--maroon)}.vocab-quiz-primary:hover:not(:disabled){background:var(--maroon-dark)}.vocab-quiz-primary:disabled{opacity:.45;cursor:not-allowed}.vocab-quiz-ghost{color:var(--maroon);background:#fff;border:1px solid #dfd2d4}.vocab-quiz-ghost:hover:not(:disabled){background:#fff6f7;border-color:#c99ba2}.vocab-quiz-start{width:100%;margin-top:18px;min-height:46px}.vocab-quiz-top{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:10px;margin:0 2px 10px;color:var(--muted);font-size:11px;font-weight:750}.vocab-quiz-top>span{color:var(--ink);font-weight:850}.vocab-quiz-top>strong{white-space:nowrap}.vocab-quiz-progress{height:7px;overflow:hidden;background:#eee6e7;border-radius:999px}.vocab-quiz-progress i{display:block;height:100%;background:var(--maroon);border-radius:inherit;transition:width .2s ease}.vocab-quiz-question-card{padding:24px}.vocab-quiz-question-heading{text-align:center}.vocab-quiz-question-heading>span{display:inline-block;margin-bottom:6px;color:var(--maroon);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.vocab-quiz-question-heading>p{margin:0;color:#5f5254;font-size:13px;font-weight:700}.vocab-quiz-question-heading>small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.vocab-quiz-main-prompt{max-width:100%;margin:18px auto 20px;overflow-wrap:anywhere;text-align:center}.vocab-quiz-main-prompt.tone-kanji,.vocab-quiz-main-prompt.tone-kana,.vocab-quiz-matching-column>button:first-child strong{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif}.vocab-quiz-main-prompt.tone-kanji{font-size:clamp(50px,7vw,78px);font-weight:700;line-height:1.12}.vocab-quiz-main-prompt.tone-kana{font-size:clamp(34px,5vw,48px);font-weight:700;line-height:1.2}.vocab-quiz-main-prompt.tone-meaning{width:min(100%,620px);font-size:clamp(23px,3vw,32px);font-weight:800;line-height:1.35}.vocab-quiz-listen{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:18px auto 20px;padding:10px 16px;color:var(--maroon);background:#fff5f6;border:1px solid #d9c3c7;border-radius:12px;font-size:13px;font-weight:850;cursor:pointer}.vocab-quiz-listen:hover{background:#fbecef;border-color:#c99ba2}.vocab-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}.vocab-quiz-options button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:58px;padding:11px 13px;overflow-wrap:anywhere;text-align:left;color:#4d4143;background:#fff;border:1px solid #e3d8da;border-radius:12px;font-size:13px;font-weight:750;line-height:1.4;cursor:pointer}.vocab-quiz-options button:hover:not(:disabled){border-color:#c99ba2;background:#fffafb}.vocab-quiz-options.tone-kanji button,.vocab-quiz-options.tone-japanese button,.vocab-quiz-options.tone-kana button{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif}.vocab-quiz-options.tone-kanji button,.vocab-quiz-options.tone-japanese button{font-size:22px}.vocab-quiz-options.tone-kana button{font-size:18px}.vocab-quiz-options button.correct{color:#235d38;background:#edf8f1;border-color:#9dceb0}.vocab-quiz-options button.wrong{color:#8b2935;background:#fff0f2;border-color:#e3a6ae}.vocab-quiz-options button:disabled{cursor:default;opacity:1}.vocab-quiz-typing-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;width:min(100%,620px);margin:4px auto 0}.vocab-quiz-typing-form input{width:100%;min-width:0;min-height:46px;margin:0;padding:10px 12px;background:#fff;border:1px solid #ded2d4;border-radius:10px;font-size:15px}.vocab-quiz-typing-form input:focus{outline:3px solid #7a1f2b1c;border-color:#c99ba2}.vocab-quiz-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px;border-radius:12px}.vocab-quiz-feedback.ok{color:#245c38;background:#edf8f1;border:1px solid #b7d8c3}.vocab-quiz-feedback.bad{color:#7f2833;background:#fff1f3;border:1px solid #ebbbc1}.vocab-quiz-feedback>div strong,.vocab-quiz-feedback>div span{display:block}.vocab-quiz-feedback>div span{margin-top:2px;font-size:11px;line-height:1.4}.vocab-quiz-feedback>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:40px;padding:8px 11px;color:inherit;background:#fff;border:1px solid currentColor;border-radius:9px;font-size:11px;font-weight:850;cursor:pointer}.vocab-quiz-matching-card{padding:22px}.vocab-quiz-matching-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.vocab-quiz-matching-column{display:grid;gap:8px;align-content:start}.vocab-quiz-matching-column button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:54px;padding:10px 12px;overflow-wrap:anywhere;color:#4d4143;background:#fff;border:1px solid #e2d7d9;border-radius:11px;text-align:left;font-size:13px;line-height:1.35;cursor:pointer}.vocab-quiz-matching-column button strong{font-size:21px}.vocab-quiz-matching-column button.selected{color:var(--maroon);background:#fff5f6;border-color:var(--maroon)}.vocab-quiz-matching-column button.completed{color:#245c38;background:#edf8f1;border-color:#a8d0b6}.vocab-quiz-matching-column button.wrong{color:#8b2935;background:#fff0f2;border-color:#e3a6ae}.vocab-quiz-matching-column button:disabled{cursor:default;opacity:.72}.vocab-quiz-matching-column button.completed:disabled{opacity:1}.vocab-quiz-result{width:min(100%,720px);margin:4px auto 0;padding:28px;text-align:center}.vocab-quiz-result-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:7px;color:var(--maroon);background:#fff1f3;border-radius:18px}.vocab-quiz-result h2{margin:4px 0;font-size:42px}.vocab-quiz-result-score{display:block;color:var(--maroon);font-size:18px}.vocab-quiz-result>p:not(.eyebrow){color:var(--muted);line-height:1.5}.vocab-quiz-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.vocab-quiz-result-stats span{padding:10px;background:#fbf8f8;border:1px solid #eee5e6;border-radius:11px;font-size:10px;color:var(--muted)}.vocab-quiz-result-stats strong{display:block;color:var(--ink);font-size:20px}.vocab-quiz-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.vocab-quiz-review-actions{margin-top:20px;padding-top:16px;border-top:1px solid #eee5e6}.vocab-quiz-review-actions>span{display:block;margin-bottom:8px;color:var(--maroon);font-size:9px;font-weight:900;letter-spacing:.12em}.vocab-quiz-review-actions>div{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.vocab-quiz-review-header,.vocab-quiz-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.vocab-quiz-review-header h2{margin:3px 0;font-size:24px}.vocab-quiz-review-header p:last-child{margin:0;color:var(--muted)}.vocab-quiz-review-toolbar>span{color:var(--muted);font-size:11px;font-weight:800}.vocab-quiz-wrong-list{display:grid;gap:10px}.vocab-quiz-wrong-item{padding:15px;box-shadow:none}.vocab-quiz-wrong-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.vocab-quiz-wrong-top>span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;color:var(--maroon);background:#f7edef;border-radius:8px;font-size:10px;font-weight:900}.vocab-quiz-wrong-top small{color:var(--muted);font-size:10px;font-weight:800}.vocab-quiz-wrong-prompt{margin:12px 0;overflow-wrap:anywhere;color:var(--ink);font-size:18px;font-weight:800}.vocab-quiz-wrong-prompt.tone-kanji,.vocab-quiz-wrong-prompt.tone-kana{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif}.vocab-quiz-wrong-prompt.tone-kanji{font-size:30px}.vocab-quiz-wrong-prompt.tone-kana{font-size:24px}.vocab-quiz-review-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.vocab-quiz-review-answer-grid>div{min-width:0;padding:10px;background:#fbf8f8;border:1px solid #eee5e6;border-radius:10px}.vocab-quiz-review-answer-grid span,.vocab-quiz-review-answer-grid strong{display:block;overflow-wrap:anywhere}.vocab-quiz-review-answer-grid span{color:var(--muted);font-size:9px;font-weight:800}.vocab-quiz-review-answer-grid strong{margin-top:3px;font-size:13px}.vocab-quiz-review-answer-grid strong.wrong{color:#8b2935}.vocab-quiz-review-answer-grid strong.correct{color:#245c38}.vocab-quiz-review-back{width:100%;margin-top:12px}.vocab-quiz-review-card{margin-bottom:10px}.vocab-quiz-review-options{margin-top:14px}.vocab-quiz-review-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;width:min(100%,720px);margin:0 auto}.vocab-quiz-review-nav button{min-height:42px;padding:8px 10px;color:#594b4e;background:#fff;border:1px solid #dfd2d4;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer}.vocab-quiz-review-nav button:last-child{justify-self:stretch}.vocab-quiz-review-nav button:disabled{opacity:.42;cursor:not-allowed}.vocab-quiz-review-nav strong{color:var(--maroon);font-size:12px;white-space:nowrap}@media (max-width: 800px){.vocab-quiz-shell{width:100%}.vocab-quiz-setup-card,.vocab-quiz-question-card{padding:18px}.vocab-quiz-mode-grid{grid-template-columns:1fr}.vocab-quiz-count-block{align-items:flex-start;flex-direction:column}.vocab-quiz-count-row{justify-content:flex-start;width:100%}.vocab-quiz-top{grid-template-columns:auto 1fr auto;gap:7px}.vocab-quiz-top>strong:last-child{display:none}}@media (max-width: 600px){.vocab-quiz-setup-card,.vocab-quiz-question-card,.vocab-quiz-result{border-radius:15px}.vocab-quiz-setup-card,.vocab-quiz-question-card{padding:14px}.vocab-quiz-setup-heading h2{font-size:22px}.vocab-quiz-mode-grid{gap:7px;margin-top:14px}.vocab-quiz-mode-grid>button{min-height:68px;padding:10px}.vocab-quiz-count-block{margin-top:14px;padding-top:14px}.vocab-quiz-count-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vocab-quiz-count-row button{min-width:0;width:100%;padding-inline:4px}.vocab-quiz-top{grid-template-columns:auto 1fr;margin-bottom:8px}.vocab-quiz-top>strong{text-align:right}.vocab-quiz-top>strong:last-child{display:none}.vocab-quiz-progress{grid-column:1 / -1;grid-row:2}.vocab-quiz-main-prompt{margin:15px auto 16px}.vocab-quiz-main-prompt.tone-kanji{font-size:clamp(42px,14vw,58px)}.vocab-quiz-main-prompt.tone-kana{font-size:clamp(31px,10vw,40px)}.vocab-quiz-main-prompt.tone-meaning{font-size:clamp(21px,6vw,27px)}.vocab-quiz-listen{width:46px;height:46px;min-height:46px;padding:0}.vocab-quiz-listen>span{display:none}.vocab-quiz-options{grid-template-columns:1fr;gap:7px}.vocab-quiz-options button{min-height:52px;padding:10px 11px}.vocab-quiz-options.tone-kanji button,.vocab-quiz-options.tone-japanese button{font-size:20px}.vocab-quiz-options.tone-kana button{font-size:17px}.vocab-quiz-typing-form{grid-template-columns:1fr}.vocab-quiz-typing-form .vocab-quiz-primary{width:100%}.vocab-quiz-feedback{align-items:stretch;flex-direction:column}.vocab-quiz-feedback>button{width:100%}.vocab-quiz-matching-card{padding:12px}.vocab-quiz-matching-board{gap:7px;margin-top:14px}.vocab-quiz-matching-column{gap:6px}.vocab-quiz-matching-column button{min-height:50px;padding:8px;font-size:11px}.vocab-quiz-matching-column button strong{font-size:18px}.vocab-quiz-result{padding:20px 14px}.vocab-quiz-result h2{font-size:36px}.vocab-quiz-result-actions,.vocab-quiz-review-actions>div{display:grid;grid-template-columns:1fr}.vocab-quiz-result-actions button,.vocab-quiz-review-actions button{width:100%}.vocab-quiz-review-header{align-items:stretch;flex-direction:column}.vocab-quiz-review-header .vocab-quiz-ghost{width:100%}.vocab-quiz-review-answer-grid{grid-template-columns:1fr}.vocab-quiz-review-nav{grid-template-columns:1fr auto 1fr;gap:6px}.vocab-quiz-review-nav button{padding-inline:5px;font-size:10px}}.vocab-quiz-progress-error{margin:0 0 10px;padding:9px 11px;color:#8a2635;background:#fff5f6;border:1px solid #eccfd4;border-radius:10px;font-size:11px;line-height:1.45}.vocabulary-page,.vocabulary-page *{box-sizing:border-box}.vocabulary-page{width:100%;max-width:1400px;overflow-x:clip}.vocab-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:22px;color:var(--muted);font-size:13px}.vocab-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--maroon);text-decoration:none;font-weight:750}.vocab-header h1{font-size:42px}.vocab-header h1>span{margin-left:7px;color:var(--muted);font-size:27px;font-weight:650}.vocab-summary-badge{flex:0 0 auto;min-width:118px;padding:14px 16px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px}.vocab-summary-badge strong,.vocab-summary-badge span{display:block}.vocab-summary-badge strong{color:var(--maroon);font-size:24px}.vocab-summary-badge span{margin-top:2px;color:var(--muted);font-size:11px;font-weight:700}.vocab-chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.vocab-chapter-card{min-width:0;padding:20px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 24px #56131b08}.vocab-chapter-card-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.vocab-chapter-kicker{display:block;color:var(--maroon);font-size:10px;font-weight:900;letter-spacing:.14em}.vocab-chapter-card h2{margin:4px 0 0;font-size:21px}.vocab-status{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#f2ebec;color:#775d61;font-size:10px;font-weight:850}.vocab-status.in-progress{background:#fff4dd;color:#7c5a11}.vocab-status.mastered{background:#e8f6ed;color:#24653b}.vocab-chapter-count{margin:16px 0 10px;color:var(--muted);font-size:13px}.vocab-chapter-count strong{color:var(--ink);font-size:18px}.vocab-progress-label{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:11px;font-weight:700}.vocab-progress-track{height:7px;margin:7px 0 13px;overflow:hidden;background:#efe7e8;border-radius:999px}.vocab-progress-track span{display:block;height:100%;background:var(--maroon);border-radius:inherit}.vocab-chapter-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-bottom:16px}.vocab-chapter-meta>div{min-width:0;padding:8px;text-align:center;background:#fcf9f9;border:1px solid #f0e7e8;border-radius:10px}.vocab-chapter-meta strong,.vocab-chapter-meta span{display:block}.vocab-chapter-meta strong{font-size:14px}.vocab-chapter-meta span{margin-top:2px;color:var(--muted);font-size:9px}.vocab-chapter-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;padding:10px 13px;color:#fff;text-decoration:none;background:var(--maroon);border-radius:10px;font-size:13px;font-weight:800}.vocab-chapter-link:hover{background:var(--maroon-dark)}.vocab-tabs{display:flex;gap:7px;width:max-content;max-width:100%;margin:22px 0 16px;padding:5px;background:#eee7e8;border-radius:13px}.vocab-tabs button{min-height:40px;padding:9px 14px;border:0;border-radius:9px;background:transparent;color:#665a5c;font-weight:750}.vocab-tabs button.active{color:var(--maroon);background:#fff;box-shadow:0 2px 8px #4c18200e}.vocab-tabs button:disabled{opacity:.48}.vocab-flashcard-stage{width:min(100%,720px);margin:4px auto 0}.vocab-flashcard-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 2px 10px}.vocab-flashcard-meta{display:flex;align-items:center;gap:9px;min-width:0;color:var(--muted);font-size:12px}.vocab-flashcard-meta strong{flex:0 0 auto;color:var(--maroon);font-size:14px}.vocab-flashcard-meta span{min-width:0;overflow-wrap:anywhere}.vocab-flashcard-settings{position:relative;flex:0 0 auto}.vocab-flashcard-settings>summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 11px;list-style:none;color:var(--maroon);background:#fff;border:1px solid #ddced0;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer;-webkit-user-select:none;user-select:none}.vocab-flashcard-settings>summary::-webkit-details-marker{display:none}.vocab-flashcard-settings>summary:hover,.vocab-flashcard-settings[open]>summary{background:#fff5f6;border-color:#c99ba2}.vocab-flashcard-settings>summary:focus-visible{outline:3px solid #7a1f2b28;outline-offset:2px}.vocab-flashcard-settings-popover{position:absolute;z-index:30;top:calc(100% + 7px);right:0;width:min(360px,calc(100vw - 40px));max-width:calc(100vw - 40px);max-height:min(70vh,560px);padding:12px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid #dfd1d3;border-radius:14px;box-shadow:0 14px 34px #3b10182a}.vocab-flashcard-settings-section+.vocab-flashcard-settings-section{margin-top:11px;padding-top:11px;border-top:1px solid #eee4e6}.vocab-flashcard-settings-section>strong{display:block;margin:0 2px 7px;color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.11em}.vocab-flashcard-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 6px}.vocab-flashcard-settings-grid label,.vocab-flashcard-audio-setting{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;padding:6px 7px;color:#504548;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.vocab-flashcard-settings-grid label:hover,.vocab-flashcard-audio-setting:hover{background:#faf6f7}.vocab-flashcard-settings-grid label.is-locked{opacity:.58;cursor:not-allowed}.vocab-flashcard-settings-grid input,.vocab-flashcard-audio-setting input{flex:0 0 auto;width:16px;height:16px;margin:0;accent-color:var(--maroon)}.vocab-flashcard-audio-setting{margin-top:11px;padding-top:9px;border-top:1px solid #eee4e6;border-radius:0}.vocab-flashcard-reset{width:100%;min-height:36px;margin-top:7px;padding:7px 9px;color:var(--maroon);background:#fff;border:1px solid #e2d5d7;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}.vocab-flashcard-reset:hover{background:#fff5f6;border-color:#c99ba2}.vocab-flashcard{display:block;width:100%;height:clamp(380px,42vw,430px);padding:0;border:0;background:transparent;perspective:1200px;cursor:pointer}.vocab-flashcard:focus-visible{outline:3px solid #7a1f2b28;outline-offset:4px;border-radius:22px}.vocab-flashcard-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.vocab-flashcard.revealed .vocab-flashcard-inner{transform:rotateY(180deg)}.vocab-flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:34px 40px 48px;overflow:hidden;color:var(--ink);background:#fff;border:1px solid #dfd1d3;border-radius:22px;box-shadow:0 14px 34px #56131b12;backface-visibility:hidden;-webkit-backface-visibility:hidden}.vocab-flashcard-back{transform:rotateY(180deg);background:#fffdfd}.vocab-flashcard:hover .vocab-flashcard-face{border-color:#cdaab0}.vocab-flashcard-fields{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;max-width:100%;min-width:0}.vocab-flashcard-field{max-width:100%;overflow-wrap:anywhere;text-align:center}.vocab-flashcard-field-kanji,.vocab-flashcard-field-kana{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif}.vocab-flashcard-fields.is-front .vocab-flashcard-field-kanji{font-size:clamp(76px,10vw,116px);font-weight:700;line-height:1.08}.vocab-flashcard-fields.is-front .vocab-flashcard-field-kanji.is-long{font-size:clamp(52px,7vw,78px)}.vocab-flashcard-fields.is-front .vocab-flashcard-field-kana{font-size:clamp(38px,5.2vw,58px);font-weight:700;line-height:1.16}.vocab-flashcard-fields.is-front .vocab-flashcard-field-kana.is-long{font-size:clamp(30px,4vw,44px)}.vocab-flashcard-fields.is-front .vocab-flashcard-field-romaji{color:#68585b;font-size:clamp(18px,2.3vw,23px);font-weight:700;line-height:1.35}.vocab-flashcard-fields.is-front .vocab-flashcard-field-meaning{font-size:clamp(22px,3vw,30px);line-height:1.35}.vocab-flashcard-fields.is-front .vocab-flashcard-field-meta{font-size:13px}.vocab-flashcard-fields.is-back .vocab-flashcard-field-kanji{font-size:clamp(48px,7vw,72px);font-weight:700;line-height:1.08}.vocab-flashcard-fields.is-back .vocab-flashcard-field-kanji.is-long{font-size:clamp(36px,5vw,54px)}.vocab-flashcard-fields.is-back .vocab-flashcard-field-kana{font-size:clamp(21px,2.7vw,27px);font-weight:700;line-height:1.25}.vocab-flashcard-fields.is-back .vocab-flashcard-field-kana.is-long{font-size:clamp(18px,2.3vw,23px)}.vocab-flashcard-fields.is-back .vocab-flashcard-field-romaji{color:#68585b;font-size:15px;font-weight:700;line-height:1.35}.vocab-flashcard-fields.is-back .vocab-flashcard-field-meaning{font-size:20px;line-height:1.4}.vocab-flashcard-field-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:13px;font-weight:700}.vocab-flashcard-back-label{margin-bottom:10px;color:var(--maroon);font-size:10px;font-weight:900;letter-spacing:.14em}.vocab-flashcard-hint{position:absolute;right:16px;bottom:14px;left:16px;color:var(--muted);font-size:11px;font-weight:650;line-height:1.35;text-align:center}.vocab-flashcard-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.vocab-flashcard-controls button,.vocab-flashcard-audio{min-height:44px;border:1px solid #ddced0;border-radius:11px;background:#fff;color:#55484a;font-size:12px;font-weight:800;cursor:pointer}.vocab-flashcard-controls button{padding:9px 10px}.vocab-flashcard-controls button:hover:not(:disabled),.vocab-flashcard-audio:hover{color:var(--maroon);background:#fff7f8;border-color:#c99ba2}.vocab-flashcard-controls button:focus-visible,.vocab-flashcard-audio:focus-visible{outline:3px solid #7a1f2b28;outline-offset:2px}.vocab-flashcard-controls button:disabled{opacity:.45;cursor:not-allowed}.vocab-flashcard-shuffle{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--maroon)!important;background:#fff8f9!important}.vocab-flashcard-audio{display:flex;align-items:center;justify-content:center;gap:7px;width:max-content;max-width:100%;margin:10px auto 0;padding:9px 14px;color:var(--maroon)}.vocab-flashcard-empty{margin-top:6px}.vocab-srs-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-4px 0 16px;padding:11px 13px;background:#fffafb;border:1px solid #eadbdd;border-radius:13px}.vocab-srs-entry>div{display:flex;flex-direction:column;gap:2px;min-width:0}.vocab-srs-entry strong{color:var(--ink);font-size:12px}.vocab-srs-entry span{color:var(--muted);font-size:11px;line-height:1.4}.vocab-srs-entry button{flex:0 0 auto;min-height:38px;padding:8px 12px;color:#fff;background:var(--maroon);border:0;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer}.vocab-srs-entry button:hover:not(:disabled){background:var(--maroon-dark)}.vocab-srs-entry button:disabled{opacity:.45;cursor:not-allowed}.vocab-srs-rating{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}.vocab-srs-rating button{min-height:42px;padding:8px 9px;color:#55484a;background:#fff;border:1px solid #ddced0;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.vocab-srs-rating button:hover:not(:disabled){color:var(--maroon);background:#fff7f8;border-color:#c99ba2}.vocab-srs-rating button:disabled{opacity:.5;cursor:not-allowed}.vocab-srs-rating button:first-child{border-color:#d7bfc3}.vocab-srs-rating button:last-child{border-color:#c9d8ce}.vocab-srs-saving,.vocab-srs-error{margin-top:8px;padding:8px 10px;border-radius:9px;font-size:11px;line-height:1.4;text-align:center}.vocab-srs-saving{color:#6c5c5f;background:#faf6f7;border:1px solid #eee3e5}.vocab-srs-error{color:#8a2635;background:#fff5f6;border:1px solid #eccfd4}.vocab-srs-complete-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 22px;text-align:center;background:#fff;border:1px solid #dfd1d3;border-radius:18px}.vocab-srs-complete-card strong{color:var(--maroon);font-size:20px}.vocab-srs-complete-card span{max-width:480px;color:var(--muted);font-size:12px;line-height:1.5}.vocab-list-controls{display:flex;align-items:flex-start;gap:10px;margin-bottom:18px}.vocab-search-wrap{position:relative;flex:1 1 640px;width:min(100%,640px);margin:0}.vocab-search-wrap svg{position:absolute;top:50%;left:13px;transform:translateY(-50%);color:var(--muted);pointer-events:none}.vocab-search-wrap input{width:100%;min-height:46px;margin:0;padding:11px 14px 11px 42px;background:#fff}.vocab-progress-filters{display:flex;flex-wrap:wrap;gap:7px;margin:-8px 0 16px}.vocab-progress-filters button{min-height:36px;padding:7px 11px;color:#665a5c;background:#fff;border:1px solid #e2d5d7;border-radius:999px;font-size:11px;font-weight:800;line-height:1.2;cursor:pointer}.vocab-progress-filters button:hover{color:var(--maroon);background:#fff7f8;border-color:#c99ba2}.vocab-progress-filters button.active{color:#fff;background:var(--maroon);border-color:var(--maroon)}.vocab-progress-filters button:focus-visible{outline:3px solid #7a1f2b28;outline-offset:2px}.vocab-display-menu{position:relative;flex:0 0 auto}.vocab-display-menu>summary{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:10px 13px;color:var(--maroon);background:#fff;border:1px solid #dec8cb;border-radius:11px;font-size:12px;font-weight:800;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.vocab-display-menu>summary::-webkit-details-marker{display:none}.vocab-display-menu>summary:hover{background:#fffafb;border-color:#c99ba2}.vocab-display-menu>summary:focus-visible{outline:2px solid color-mix(in srgb,var(--maroon) 55%,transparent);outline-offset:2px}.vocab-display-menu[open]>summary{background:#fff5f6;border-color:#c99ba2}.vocab-display-popover{position:absolute;z-index:20;top:calc(100% + 7px);right:0;width:min(260px,calc(100vw - 40px));padding:12px;background:#fff;border:1px solid #dfd1d3;border-radius:13px;box-shadow:0 12px 32px #3b10182a}.vocab-display-popover>strong{display:block;margin:1px 2px 9px;color:var(--ink);font-size:12px}.vocab-display-popover label{display:flex;align-items:center;gap:9px;min-height:36px;padding:7px 8px;border-radius:9px;color:#504548;font-size:12px;font-weight:700;cursor:pointer}.vocab-display-popover label:hover{background:#faf6f7}.vocab-display-popover input[type=checkbox]{width:17px;height:17px;margin:0;accent-color:var(--maroon)}.vocab-display-reset{width:100%;min-height:34px;margin-top:7px;padding:7px 9px;color:var(--maroon);background:#fff;border:1px solid #e2d5d7;border-radius:9px;font-size:11px;font-weight:800;cursor:pointer}.vocab-display-reset:hover{background:#fff5f6;border-color:#c99ba2}.vocab-list-card{width:100%;min-width:0;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px}.vocab-list-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:2px 2px 14px}.vocab-list-head h2{margin:3px 0 0;font-size:22px}.vocab-list-head>span{max-width:520px;color:var(--muted);font-size:12px;line-height:1.45;text-align:right}.vocab-table{width:100%;min-width:0}.vocab-table-head,.vocab-row{display:grid;grid-template-columns:var(--vocab-columns-desktop);gap:12px;align-items:center}.vocab-table-head{min-height:40px;padding:0 14px;color:#77686a;background:#faf6f7;border:1px solid #eadfe1;border-radius:12px;font-size:10px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}.vocab-table-head>span:first-child{text-align:center}.vocab-list{display:grid;gap:8px;margin-top:8px}.vocab-row{width:100%;min-width:0;min-height:72px;padding:11px 14px;color:inherit;background:#fff;border:1px solid #e8dddf;border-radius:13px;transition:border-color .15s ease,background .15s ease}.vocab-row:hover{border-color:#c99ba2;background:#fffafb}.vocab-row-main,.vocab-row-reading,.vocab-row-footer,.vocab-row-meta{display:contents}.vocab-reading-separator{display:none}.vocab-row-kanji,.vocab-row-kana,.vocab-row-romaji,.vocab-row-meaning,.vocab-row-jenis,.vocab-row-category,.vocab-row-audio{min-width:0}.vocab-row-index{color:var(--muted);font-size:11px;font-weight:850;text-align:center}.vocab-row-kanji strong,.vocab-row-kana strong{display:block;overflow-wrap:anywhere;font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif;line-height:1.2}.vocab-row-kanji strong{font-size:24px}.vocab-row-kana strong{font-size:17px}.vocab-row-romaji{overflow-wrap:anywhere;color:#56494b;font-size:13px;font-weight:700}.vocab-row-meaning strong{display:block;overflow-wrap:anywhere;font-size:13px;line-height:1.45}.vocab-row-jenis{display:flex;align-items:center}.vocab-jenis-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:28px;padding:5px 8px;color:var(--maroon);background:#f8eff0;border:1px solid #e4d1d4;border-radius:999px;font-size:11px;font-weight:850;line-height:1;white-space:nowrap}.vocab-row-category{overflow-wrap:anywhere;color:var(--muted);font-size:12px;font-weight:700}.vocab-row-audio{display:flex;justify-content:flex-start}.vocab-audio-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;max-width:100%;padding:8px 11px;white-space:nowrap;color:var(--maroon);background:#fff5f6;border:1px solid #dec8cb;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.vocab-audio-btn:hover{background:#fbecee;border-color:#c99ba2}.vocab-audio-label{display:inline}.vocab-inline-empty{padding:38px 18px;color:var(--muted);text-align:center;border:1px dashed #dccfd1;border-radius:14px}.vocab-inline-empty strong,.vocab-inline-empty span{display:block}.vocab-inline-empty strong{color:var(--ink)}.vocab-inline-empty span{margin-top:5px;font-size:12px}@media (max-width: 1100px){.vocab-flashcard-stage{width:min(100%,680px)}.vocab-flashcard{height:390px}.vocab-flashcard-face{padding-inline:30px}.vocab-flashcard-settings-popover{width:min(340px,calc(100vw - 32px));max-width:calc(100vw - 32px)}.vocab-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-list-head>span{display:none}.vocab-list-controls{flex-direction:column;align-items:stretch}.vocab-search-wrap{flex:0 0 auto;width:100%;max-width:none}.vocab-display-menu{align-self:flex-start}.vocab-display-popover{left:0;right:auto;width:min(300px,calc(100vw - 32px));max-width:calc(100vw - 32px)}.vocab-table-head{display:none}.vocab-list{gap:10px;margin-top:0}.vocab-row{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;min-height:0;padding:12px 14px;align-items:start}.vocab-row-index{display:flex;align-items:flex-start;justify-content:center;padding-top:5px;font-size:11px}.vocab-row-main{display:flex;flex-direction:column;min-width:0;gap:4px}.vocab-row-kanji strong{font-size:clamp(28px,3.2vw,34px);line-height:1.12}.vocab-row-reading{display:flex;align-items:baseline;flex-wrap:wrap;min-width:0;gap:2px 6px}.vocab-reading-separator{display:inline;flex:0 0 auto;color:#9a8c8f;font-size:12px;line-height:1}.vocab-row-kana strong{display:inline;font-size:17px;line-height:1.3}.vocab-row-romaji{font-size:13px;line-height:1.35}.vocab-row-meaning{padding:0}.vocab-row-meaning strong{font-size:14px;line-height:1.4}.vocab-row-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;min-width:0;gap:7px 12px;margin-top:3px}.vocab-row-meta{display:flex;align-items:center;flex-wrap:wrap;min-width:0;gap:6px}.vocab-row-jenis,.vocab-row-category{padding:0}.vocab-row-category{font-size:12px;line-height:1.35}.vocab-jenis-badge{min-width:42px;min-height:26px;padding:4px 7px}.vocab-row-audio{display:flex;justify-content:flex-end;flex:0 0 auto;width:auto;margin-left:auto;padding:0}.vocab-audio-btn{width:auto;min-height:40px;max-width:100%;padding:8px 11px}}@media (max-width: 800px){.vocab-header{display:flex}.vocab-row{grid-template-columns:38px minmax(0,1fr);gap:10px;padding:11px 12px}.vocab-row-kanji strong{font-size:clamp(30px,4.5vw,34px)}}@media (max-width: 600px){.vocab-chapter-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.vocab-srs-entry{flex-direction:column;align-items:stretch;gap:9px;padding:10px 11px}.vocab-srs-entry button{width:100%;min-height:42px}.vocab-srs-rating{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.vocab-srs-rating button{min-height:44px}.vocab-flashcard-stage{width:100%}.vocab-flashcard-topbar{align-items:flex-start;gap:8px;margin-bottom:8px}.vocab-flashcard-meta{flex-direction:column;align-items:flex-start;gap:1px;font-size:11px}.vocab-flashcard-meta strong{font-size:13px}.vocab-flashcard-settings>summary{min-height:36px;padding:7px 9px;font-size:11px}.vocab-flashcard-settings-popover{right:0;width:min(320px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100vh - 150px)}.vocab-flashcard{height:350px}.vocab-flashcard-face{padding:26px 18px 43px;border-radius:18px}.vocab-flashcard-fields{gap:6px}.vocab-flashcard-fields.is-front .vocab-flashcard-field-kanji{font-size:clamp(58px,17vw,78px)}.vocab-flashcard-fields.is-front .vocab-flashcard-field-kanji.is-long{font-size:clamp(40px,11vw,54px)}.vocab-flashcard-fields.is-front .vocab-flashcard-field-kana{font-size:clamp(34px,10vw,46px)}.vocab-flashcard-fields.is-front .vocab-flashcard-field-kana.is-long{font-size:clamp(28px,8vw,38px)}.vocab-flashcard-fields.is-front .vocab-flashcard-field-romaji{font-size:18px}.vocab-flashcard-fields.is-front .vocab-flashcard-field-meaning{font-size:22px}.vocab-flashcard-fields.is-front .vocab-flashcard-field-meta{font-size:12px}.vocab-flashcard-fields.is-back .vocab-flashcard-field-kanji{font-size:clamp(42px,12vw,56px)}.vocab-flashcard-fields.is-back .vocab-flashcard-field-kanji.is-long{font-size:clamp(32px,9vw,42px)}.vocab-flashcard-fields.is-back .vocab-flashcard-field-kana{font-size:20px}.vocab-flashcard-fields.is-back .vocab-flashcard-field-kana.is-long{font-size:17px}.vocab-flashcard-fields.is-back .vocab-flashcard-field-romaji{font-size:13.5px}.vocab-flashcard-fields.is-back .vocab-flashcard-field-meaning{font-size:17px}.vocab-flashcard-field-meta{font-size:12px}.vocab-flashcard-hint{bottom:11px;font-size:10px}.vocab-flashcard-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vocab-flashcard-prev{grid-column:1;grid-row:1}.vocab-flashcard-next{grid-column:2;grid-row:1}.vocab-flashcard-shuffle{grid-column:1 / -1;grid-row:2}.vocab-flashcard-controls button{min-height:44px;padding-inline:7px}.vocab-flashcard-audio{width:44px;height:44px;min-height:44px;padding:0;border-radius:11px}.vocab-flashcard-audio-label{display:none}.vocab-header h1{font-size:32px}.vocab-header h1>span{display:block;margin:2px 0 0;font-size:19px}.vocab-summary-badge{display:none}.vocab-chapter-grid{grid-template-columns:1fr}.vocab-tabs{width:100%}.vocab-tabs button{flex:1;min-width:0;padding-inline:7px;font-size:12px}.vocab-display-menu{width:100%}.vocab-display-menu>summary{width:100%}.vocab-display-popover{left:0;right:auto;width:min(320px,100%);max-width:100%}.vocab-progress-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:-6px}.vocab-progress-filters button{width:100%;min-height:40px;padding-inline:8px}.vocab-progress-filters button:first-child{grid-column:1 / -1}.vocab-list-card{padding:9px}.vocab-list{gap:8px}.vocab-row{grid-template-columns:32px minmax(0,1fr);gap:10px;width:100%;padding:11px 12px}.vocab-row-index{padding-top:5px;font-size:10px}.vocab-row-main{gap:4px}.vocab-row-kanji strong{font-size:clamp(31px,8vw,36px);line-height:1.08}.vocab-row-kanji.is-placeholder strong{color:#aa9da0;font-size:26px;font-weight:650}.vocab-row-reading{gap:2px 6px;line-height:1.3}.vocab-row-kana strong{font-size:16px;line-height:1.3}.vocab-row-romaji{font-size:12.5px;line-height:1.35}.vocab-row-meaning strong{font-size:13.5px;line-height:1.4}.vocab-row-footer{gap:6px 10px;margin-top:4px}.vocab-row-meta{gap:5px}.vocab-row-category{font-size:11.5px;line-height:1.35}.vocab-jenis-badge{min-width:40px;min-height:25px;padding:4px 7px;font-size:10.5px}.vocab-audio-btn{width:42px;height:42px;min-height:42px;padding:0;border-radius:10px}.vocab-audio-btn svg{width:18px;height:18px}.vocab-audio-label{display:none}}@media (prefers-reduced-motion: reduce){.vocab-flashcard-inner{transition-duration:.01ms}}.kanji-flashcard-stage{width:min(100%,680px);margin:8px auto 0}.kanji-flashcard-topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.kanji-flashcard-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.kanji-flashcard-meta strong{color:var(--maroon);font-size:15px}.kanji-flashcard-meta span{color:var(--muted);font-size:11px}.kanji-flashcard-settings{position:relative;flex:0 0 auto}.kanji-flashcard-settings>summary{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;list-style:none;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--maroon);background:#fff;border:1px solid #dec8cb;border-radius:11px;font-size:12px;font-weight:800}.kanji-flashcard-settings>summary::-webkit-details-marker{display:none}.kanji-flashcard-settings>summary:hover,.kanji-flashcard-settings[open]>summary{background:#fff7f8;border-color:#c99ba2}.kanji-flashcard-settings>summary:focus-visible,.kanji-flashcard-controls button:focus-visible,.kanji-flashcard-reset:focus-visible,.kanji-flashcard:focus-visible{outline:3px solid #7a1f2b28;outline-offset:2px}.kanji-flashcard-settings-popover{position:absolute;top:calc(100% + 7px);right:0;z-index:30;width:min(360px,calc(100vw - 36px));max-height:min(620px,calc(100vh - 120px));overflow-y:auto;padding:13px;background:#fff;border:1px solid #dfd1d3;border-radius:14px;box-shadow:0 14px 38px #3b10182b}.kanji-flashcard-settings-section+.kanji-flashcard-settings-section{margin-top:13px;padding-top:13px;border-top:1px solid #eee5e7}.kanji-flashcard-settings-section>strong{display:block;margin:0 2px 8px;color:var(--ink);font-size:10px;letter-spacing:.11em}.kanji-flashcard-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.kanji-flashcard-settings-grid label{display:flex;align-items:center;gap:8px;min-width:0;min-height:36px;padding:7px 8px;color:#54484a;background:#faf7f7;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:700;cursor:pointer}.kanji-flashcard-settings-grid label:hover{border-color:#ead6d9}.kanji-flashcard-settings-grid label.is-locked{opacity:.65;cursor:not-allowed}.kanji-flashcard-settings-grid input{width:16px;height:16px;margin:0;flex:0 0 auto;accent-color:var(--maroon)}.kanji-flashcard-reset{width:100%;min-height:40px;margin-top:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dec8cb;border-radius:10px;background:#fff;color:var(--maroon);font-size:11px;font-weight:800;cursor:pointer}.kanji-flashcard{position:relative;width:100%;height:clamp(410px,48vw,470px);padding:0;border:0;border-radius:21px;background:transparent;color:inherit;cursor:pointer;perspective:1300px}.kanji-flashcard-inner{position:relative;display:block;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1);transform-style:preserve-3d}.kanji-flashcard.revealed .kanji-flashcard-inner{transform:rotateY(180deg)}.kanji-flashcard-face{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:34px 34px 48px;border:1px solid #dfd1d3;border-radius:21px;background:#fff;box-shadow:0 14px 35px #4f17200c;backface-visibility:hidden;-webkit-backface-visibility:hidden}.kanji-flashcard-front{background:linear-gradient(180deg,#fff,snow)}.kanji-flashcard-back{transform:rotateY(180deg);background:#fff}.kanji-flashcard-fields{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-height:100%;gap:12px;text-align:center}.kanji-flashcard-field{display:block;max-width:100%;overflow-wrap:anywhere}.kanji-flashcard-field-kanji{font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(84px,14vw,132px);font-weight:800;line-height:1;color:#231a1b}.kanji-flashcard-fields.is-back .kanji-flashcard-field-kanji{font-size:clamp(62px,9vw,88px)}.kanji-flashcard-field-meaning{color:var(--ink);font-size:clamp(20px,3vw,27px);font-weight:800;line-height:1.35}.kanji-flashcard-reading-block{display:grid;justify-items:center;gap:5px;max-width:100%}.kanji-flashcard-reading-label{display:flex;align-items:baseline;justify-content:center;gap:7px;color:var(--maroon)}.kanji-flashcard-reading-label strong{font-size:13px}.kanji-flashcard-reading-label small{color:var(--muted);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.kanji-flashcard-reading-values{display:block;color:#2e2224;font-size:clamp(18px,2.5vw,24px);font-weight:800;line-height:1.35;overflow-wrap:anywhere}.kanji-flashcard-meta-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px}.kanji-flashcard-meta-row span{padding:6px 9px;border:1px solid #e2d3d5;border-radius:999px;background:#fbf7f8;color:#6f5559;font-size:11px;font-weight:800}.kanji-flashcard-back-label{position:absolute;top:18px;color:var(--maroon);font-size:10px;font-weight:900;letter-spacing:.14em}.kanji-flashcard-hint{position:absolute;right:16px;bottom:14px;left:16px;color:var(--muted);font-size:11px;font-weight:650;line-height:1.35;text-align:center}.kanji-flashcard-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}.kanji-flashcard-controls button{min-height:44px;padding:9px 10px;border:1px solid #ddced0;border-radius:11px;background:#fff;color:#55484a;font-size:12px;font-weight:800;cursor:pointer}.kanji-flashcard-controls button:hover:not(:disabled){color:var(--maroon);background:#fff7f8;border-color:#c99ba2}.kanji-flashcard-controls button:disabled{opacity:.45;cursor:not-allowed}.kanji-flashcard-shuffle{display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--maroon)!important;background:#fff8f9!important}.kanji-flashcard-empty{display:grid;justify-items:center;gap:5px;width:min(100%,680px);margin:8px auto 0;padding:34px 20px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:center}.kanji-flashcard-empty strong{color:var(--ink)}.kanji-flashcard-empty span{color:var(--muted);font-size:12px}@media (max-width:700px){.kanji-flashcard-stage{width:min(100%,620px)}.kanji-flashcard{height:430px}.kanji-flashcard-face{padding:30px 24px 45px}}@media (max-width:560px){.kanji-flashcard-stage{width:100%}.kanji-flashcard-topbar{align-items:flex-start;gap:9px}.kanji-flashcard-meta strong{font-size:14px}.kanji-flashcard-settings>summary{min-height:40px;padding:8px 10px;font-size:11px}.kanji-flashcard-settings-popover{position:fixed;top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:calc(100vh - 20px);border-radius:16px}.kanji-flashcard-settings-grid{grid-template-columns:1fr 1fr}.kanji-flashcard-settings-grid label{min-height:38px;font-size:10px}.kanji-flashcard{height:390px;border-radius:18px}.kanji-flashcard-face{padding:27px 18px 43px;border-radius:18px}.kanji-flashcard-fields{gap:10px}.kanji-flashcard-field-kanji{font-size:clamp(76px,26vw,106px)}.kanji-flashcard-fields.is-back .kanji-flashcard-field-kanji{font-size:clamp(54px,18vw,72px)}.kanji-flashcard-field-meaning{font-size:20px}.kanji-flashcard-reading-values{font-size:18px}.kanji-flashcard-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.kanji-flashcard-controls button{min-height:44px;font-size:11px}.kanji-flashcard-shuffle{grid-column:1/-1;grid-row:2}}@media (prefers-reduced-motion:reduce){.kanji-flashcard-inner{transition-duration:.01ms}}.kanji-flashcard-fields.is-back{gap:10px}.kanji-flashcard-examples{display:grid;width:min(100%,500px);justify-items:stretch;gap:9px;margin-top:3px;padding:10px 11px 11px;border:1px solid #eadcdf;border-radius:13px;background:#fcf8f9}.kanji-flashcard-examples-title{display:block;color:var(--maroon);font-size:10px;font-weight:900;letter-spacing:.12em;line-height:1.2;text-align:left}.kanji-flashcard-examples-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:8px}.kanji-flashcard-example{display:flex;min-width:0;min-height:76px;flex-direction:column;justify-content:center;gap:3px;padding:10px 11px;border:1px solid #e5d5d8;border-radius:10px;background:#fff;text-align:left}.kanji-flashcard-example:last-child:nth-child(odd){grid-column:1/-1}.kanji-flashcard-example strong,.kanji-flashcard-example span,.kanji-flashcard-example small{display:block;min-width:0;overflow-wrap:anywhere}.kanji-flashcard-example strong{color:#281e20;font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:19px;font-weight:800;line-height:1.2}.kanji-flashcard-example span{color:#554548;font-size:13px;font-weight:750;line-height:1.35}.kanji-flashcard-example small{color:#76666a;font-size:11px;font-weight:650;line-height:1.35}.kanji-flashcard{height:clamp(470px,54vw,520px)}@media (max-width:700px){.kanji-flashcard{height:500px}.kanji-flashcard-examples{width:min(100%,450px);gap:7px;padding:9px 10px 10px}.kanji-flashcard-examples-list{grid-template-columns:1fr;gap:6px}.kanji-flashcard-example,.kanji-flashcard-example:last-child:nth-child(odd){grid-column:auto}.kanji-flashcard-example{min-height:0;gap:2px;padding:7px 9px}.kanji-flashcard-example strong{font-size:17px}.kanji-flashcard-example span{font-size:12px}.kanji-flashcard-example small{font-size:10.5px}}@media (max-width:560px){.kanji-flashcard{height:490px}.kanji-flashcard-face{padding-top:24px;padding-bottom:40px}.kanji-flashcard-fields{gap:8px}.kanji-flashcard-fields.is-back{gap:7px}.kanji-flashcard-fields.is-back .kanji-flashcard-field-kanji{font-size:clamp(48px,16vw,64px)}.kanji-flashcard-field-meaning{font-size:19px}.kanji-flashcard-reading-block{gap:3px}.kanji-flashcard-reading-values{font-size:17px}.kanji-flashcard-examples{gap:6px;margin-top:1px;padding:8px 9px 9px;border-radius:11px}.kanji-flashcard-examples-title{font-size:9px}.kanji-flashcard-example{padding:6px 8px;border-radius:9px}.kanji-flashcard-example strong{font-size:16px}.kanji-flashcard-example span{font-size:11.5px}.kanji-flashcard-example small{font-size:10px}}.kanji-srs-rating{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,680px);margin:10px auto 0}.kanji-srs-rating button{min-height:42px;padding:8px 9px;border:1px solid #dfced1;border-radius:10px;background:#fff;color:#5d4f52;font-size:11px;font-weight:850}.kanji-srs-rating button:hover:not(:disabled){border-color:#c99ba2;background:#fff6f7;color:var(--maroon)}.kanji-srs-rating button:disabled{opacity:.48;cursor:not-allowed}.kanji-srs-rating button:first-child{border-color:#d7bfc3}.kanji-srs-rating button:last-child{border-color:#c9d8ce}.kanji-srs-saving,.kanji-srs-error{width:min(100%,680px);margin:7px auto 0;padding:8px 10px;border-radius:9px;font-size:10.5px;font-weight:700;line-height:1.4;text-align:center}.kanji-srs-saving{color:#6c5c5f;background:#faf6f7;border:1px solid #eee3e5}.kanji-srs-error{color:#8a2635;background:#fff5f6;border:1px solid #eccfd4}.kanji-srs-complete-card{display:grid;justify-items:center;gap:6px;width:min(100%,680px);margin:12px auto 0;padding:34px 18px;border:1px solid #e5d7d9;border-radius:18px;background:#fff;text-align:center}.kanji-srs-complete-card strong{color:var(--maroon);font-size:20px}.kanji-srs-complete-card span{max-width:480px;color:var(--muted);font-size:12px;line-height:1.5}@media (max-width:560px){.kanji-srs-rating{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.kanji-srs-rating button{min-height:44px}}.kanji-quiz-shell,.kanji-quiz-shell *{box-sizing:border-box}.kanji-quiz-shell{width:min(100%,920px);margin:4px auto 0}.kanji-quiz-setup-card,.kanji-quiz-question-card,.kanji-quiz-result,.kanji-quiz-wrong-item{background:#fff;border:1px solid #e2d7d9;border-radius:18px;box-shadow:0 10px 28px #56131b0b}.kanji-quiz-setup-card{padding:24px}.kanji-quiz-setup-heading h2{margin:4px 0 5px;font-size:26px}.kanji-quiz-setup-heading p:last-child{margin:0;color:var(--muted);line-height:1.55}.kanji-quiz-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.kanji-quiz-mode-grid>button{display:flex;align-items:flex-start;gap:10px;min-width:0;min-height:78px;padding:12px;text-align:left;color:#4e4345;background:#fff;border:1px solid #e6dcde;border-radius:13px;cursor:pointer}.kanji-quiz-mode-grid>button:hover:not(:disabled){border-color:#c99ba2;background:#fffafb}.kanji-quiz-mode-grid>button.active{border-color:var(--maroon);background:#fff5f6;box-shadow:0 0 0 2px #7a1f2b0d}.kanji-quiz-mode-grid>button:disabled{opacity:.45;cursor:not-allowed}.kanji-quiz-mode-grid>button>span:last-child{min-width:0}.kanji-quiz-mode-grid strong,.kanji-quiz-mode-grid small{display:block}.kanji-quiz-mode-grid strong{color:var(--ink);font-size:13px}.kanji-quiz-mode-grid small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.kanji-quiz-mode-number{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:27px;height:27px;color:var(--maroon);background:#f6ecee;border-radius:8px;font-size:11px;font-weight:900}.kanji-quiz-count-block{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid #eee5e6}.kanji-quiz-count-block>div:first-child strong,.kanji-quiz-count-block>div:first-child span{display:block}.kanji-quiz-count-block>div:first-child strong{font-size:13px}.kanji-quiz-count-block>div:first-child span{margin-top:3px;color:var(--muted);font-size:11px}.kanji-quiz-count-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.kanji-quiz-count-row button{min-width:56px;min-height:38px;padding:7px 10px;color:#66585a;background:#fff;border:1px solid #dfd3d5;border-radius:9px;font-size:12px;font-weight:800;cursor:pointer}.kanji-quiz-count-row button.active{color:var(--maroon);background:#fff3f5;border-color:#c99ba2}.kanji-quiz-primary,.kanji-quiz-ghost{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 14px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.kanji-quiz-primary{color:#fff;background:var(--maroon);border:1px solid var(--maroon)}.kanji-quiz-primary:hover:not(:disabled){background:var(--maroon-dark)}.kanji-quiz-primary:disabled{opacity:.45;cursor:not-allowed}.kanji-quiz-ghost{color:var(--maroon);background:#fff;border:1px solid #dfd2d4}.kanji-quiz-ghost:hover:not(:disabled){background:#fff6f7;border-color:#c99ba2}.kanji-quiz-start{width:100%;margin-top:18px;min-height:46px}.kanji-quiz-top{display:grid;grid-template-columns:auto minmax(120px,1fr) auto auto;align-items:center;gap:10px;margin:0 2px 10px;color:var(--muted);font-size:11px;font-weight:750}.kanji-quiz-top>span{color:var(--ink);font-weight:850}.kanji-quiz-top>strong{white-space:nowrap}.kanji-quiz-progress{height:7px;overflow:hidden;background:#eee6e7;border-radius:999px}.kanji-quiz-progress i{display:block;height:100%;background:var(--maroon);border-radius:inherit;transition:width .2s ease}.kanji-quiz-question-card{padding:24px}.kanji-quiz-question-heading{text-align:center}.kanji-quiz-question-heading>span{display:inline-block;margin-bottom:6px;color:var(--maroon);font-size:10px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.kanji-quiz-question-heading>p{margin:0;color:#5f5254;font-size:13px;font-weight:700}.kanji-quiz-question-heading>small{display:block;margin-top:8px;color:var(--muted);font-size:10px}.kanji-quiz-main-prompt{max-width:100%;margin:18px auto 20px;overflow-wrap:anywhere;text-align:center}.kanji-quiz-main-prompt.tone-kanji,.kanji-quiz-main-prompt.tone-kana,.kanji-quiz-matching-column>button:first-child strong{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif}.kanji-quiz-main-prompt.tone-kanji{font-size:clamp(50px,7vw,78px);font-weight:700;line-height:1.12}.kanji-quiz-main-prompt.tone-kana{font-size:clamp(34px,5vw,48px);font-weight:700;line-height:1.2}.kanji-quiz-main-prompt.tone-meaning{width:min(100%,620px);font-size:clamp(23px,3vw,32px);font-weight:800;line-height:1.35}.kanji-quiz-listen{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;margin:18px auto 20px;padding:10px 16px;color:var(--maroon);background:#fff5f6;border:1px solid #d9c3c7;border-radius:12px;font-size:13px;font-weight:850;cursor:pointer}.kanji-quiz-listen:hover{background:#fbecef;border-color:#c99ba2}.kanji-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:6px}.kanji-quiz-options button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:58px;padding:11px 13px;overflow-wrap:anywhere;text-align:left;color:#4d4143;background:#fff;border:1px solid #e3d8da;border-radius:12px;font-size:13px;font-weight:750;line-height:1.4;cursor:pointer}.kanji-quiz-options button:hover:not(:disabled){border-color:#c99ba2;background:#fffafb}.kanji-quiz-options.tone-kanji button,.kanji-quiz-options.tone-japanese button,.kanji-quiz-options.tone-kana button{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif}.kanji-quiz-options.tone-kanji button,.kanji-quiz-options.tone-japanese button{font-size:22px}.kanji-quiz-options.tone-kana button{font-size:18px}.kanji-quiz-options button.correct{color:#235d38;background:#edf8f1;border-color:#9dceb0}.kanji-quiz-options button.wrong{color:#8b2935;background:#fff0f2;border-color:#e3a6ae}.kanji-quiz-options button:disabled{cursor:default;opacity:1}.kanji-quiz-typing-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;width:min(100%,620px);margin:4px auto 0}.kanji-quiz-typing-form input{width:100%;min-width:0;min-height:46px;margin:0;padding:10px 12px;background:#fff;border:1px solid #ded2d4;border-radius:10px;font-size:15px}.kanji-quiz-typing-form input:focus{outline:3px solid #7a1f2b1c;border-color:#c99ba2}.kanji-quiz-feedback{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px;border-radius:12px}.kanji-quiz-feedback.ok{color:#245c38;background:#edf8f1;border:1px solid #b7d8c3}.kanji-quiz-feedback.bad{color:#7f2833;background:#fff1f3;border:1px solid #ebbbc1}.kanji-quiz-feedback>div strong,.kanji-quiz-feedback>div span{display:block}.kanji-quiz-feedback>div span{margin-top:2px;font-size:11px;line-height:1.4}.kanji-quiz-feedback>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;min-height:40px;padding:8px 11px;color:inherit;background:#fff;border:1px solid currentColor;border-radius:9px;font-size:11px;font-weight:850;cursor:pointer}.kanji-quiz-matching-card{padding:22px}.kanji-quiz-matching-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.kanji-quiz-matching-column{display:grid;gap:8px;align-content:start}.kanji-quiz-matching-column button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:54px;padding:10px 12px;overflow-wrap:anywhere;color:#4d4143;background:#fff;border:1px solid #e2d7d9;border-radius:11px;text-align:left;font-size:13px;line-height:1.35;cursor:pointer}.kanji-quiz-matching-column button strong{font-size:21px}.kanji-quiz-matching-column button.selected{color:var(--maroon);background:#fff5f6;border-color:var(--maroon)}.kanji-quiz-matching-column button.completed{color:#245c38;background:#edf8f1;border-color:#a8d0b6}.kanji-quiz-matching-column button.wrong{color:#8b2935;background:#fff0f2;border-color:#e3a6ae}.kanji-quiz-matching-column button:disabled{cursor:default;opacity:.72}.kanji-quiz-matching-column button.completed:disabled{opacity:1}.kanji-quiz-result{width:min(100%,720px);margin:4px auto 0;padding:28px;text-align:center}.kanji-quiz-result-icon{display:inline-flex;align-items:center;justify-content:center;width:58px;height:58px;margin-bottom:7px;color:var(--maroon);background:#fff1f3;border-radius:18px}.kanji-quiz-result h2{margin:4px 0;font-size:42px}.kanji-quiz-result-score{display:block;color:var(--maroon);font-size:18px}.kanji-quiz-result>p:not(.eyebrow){color:var(--muted);line-height:1.5}.kanji-quiz-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.kanji-quiz-result-stats span{padding:10px;background:#fbf8f8;border:1px solid #eee5e6;border-radius:11px;font-size:10px;color:var(--muted)}.kanji-quiz-result-stats strong{display:block;color:var(--ink);font-size:20px}.kanji-quiz-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.kanji-quiz-review-actions{margin-top:20px;padding-top:16px;border-top:1px solid #eee5e6}.kanji-quiz-review-actions>span{display:block;margin-bottom:8px;color:var(--maroon);font-size:9px;font-weight:900;letter-spacing:.12em}.kanji-quiz-review-actions>div{display:flex;justify-content:center;flex-wrap:wrap;gap:7px}.kanji-quiz-review-header,.kanji-quiz-review-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.kanji-quiz-review-header h2{margin:3px 0;font-size:24px}.kanji-quiz-review-header p:last-child{margin:0;color:var(--muted)}.kanji-quiz-review-toolbar>span{color:var(--muted);font-size:11px;font-weight:800}.kanji-quiz-wrong-list{display:grid;gap:10px}.kanji-quiz-wrong-item{padding:15px;box-shadow:none}.kanji-quiz-wrong-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.kanji-quiz-wrong-top>span{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;color:var(--maroon);background:#f7edef;border-radius:8px;font-size:10px;font-weight:900}.kanji-quiz-wrong-top small{color:var(--muted);font-size:10px;font-weight:800}.kanji-quiz-wrong-prompt{margin:12px 0;overflow-wrap:anywhere;color:var(--ink);font-size:18px;font-weight:800}.kanji-quiz-wrong-prompt.tone-kanji,.kanji-quiz-wrong-prompt.tone-kana{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif}.kanji-quiz-wrong-prompt.tone-kanji{font-size:30px}.kanji-quiz-wrong-prompt.tone-kana{font-size:24px}.kanji-quiz-review-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.kanji-quiz-review-answer-grid>div{min-width:0;padding:10px;background:#fbf8f8;border:1px solid #eee5e6;border-radius:10px}.kanji-quiz-review-answer-grid span,.kanji-quiz-review-answer-grid strong{display:block;overflow-wrap:anywhere}.kanji-quiz-review-answer-grid span{color:var(--muted);font-size:9px;font-weight:800}.kanji-quiz-review-answer-grid strong{margin-top:3px;font-size:13px}.kanji-quiz-review-answer-grid strong.wrong{color:#8b2935}.kanji-quiz-review-answer-grid strong.correct{color:#245c38}.kanji-quiz-review-back{width:100%;margin-top:12px}.kanji-quiz-review-card{margin-bottom:10px}.kanji-quiz-review-options{margin-top:14px}.kanji-quiz-review-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;width:min(100%,720px);margin:0 auto}.kanji-quiz-review-nav button{min-height:42px;padding:8px 10px;color:#594b4e;background:#fff;border:1px solid #dfd2d4;border-radius:10px;font-size:11px;font-weight:800;cursor:pointer}.kanji-quiz-review-nav button:last-child{justify-self:stretch}.kanji-quiz-review-nav button:disabled{opacity:.42;cursor:not-allowed}.kanji-quiz-review-nav strong{color:var(--maroon);font-size:12px;white-space:nowrap}@media (max-width: 800px){.kanji-quiz-shell{width:100%}.kanji-quiz-setup-card,.kanji-quiz-question-card{padding:18px}.kanji-quiz-mode-grid{grid-template-columns:1fr}.kanji-quiz-count-block{align-items:flex-start;flex-direction:column}.kanji-quiz-count-row{justify-content:flex-start;width:100%}.kanji-quiz-top{grid-template-columns:auto 1fr auto;gap:7px}.kanji-quiz-top>strong:last-child{display:none}}@media (max-width: 600px){.kanji-quiz-setup-card,.kanji-quiz-question-card,.kanji-quiz-result{border-radius:15px}.kanji-quiz-setup-card,.kanji-quiz-question-card{padding:14px}.kanji-quiz-setup-heading h2{font-size:22px}.kanji-quiz-mode-grid{gap:7px;margin-top:14px}.kanji-quiz-mode-grid>button{min-height:68px;padding:10px}.kanji-quiz-count-block{margin-top:14px;padding-top:14px}.kanji-quiz-count-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.kanji-quiz-count-row button{min-width:0;width:100%;padding-inline:4px}.kanji-quiz-top{grid-template-columns:auto 1fr;margin-bottom:8px}.kanji-quiz-top>strong{text-align:right}.kanji-quiz-top>strong:last-child{display:none}.kanji-quiz-progress{grid-column:1 / -1;grid-row:2}.kanji-quiz-main-prompt{margin:15px auto 16px}.kanji-quiz-main-prompt.tone-kanji{font-size:clamp(42px,14vw,58px)}.kanji-quiz-main-prompt.tone-kana{font-size:clamp(31px,10vw,40px)}.kanji-quiz-main-prompt.tone-meaning{font-size:clamp(21px,6vw,27px)}.kanji-quiz-listen{width:46px;height:46px;min-height:46px;padding:0}.kanji-quiz-listen>span{display:none}.kanji-quiz-options{grid-template-columns:1fr;gap:7px}.kanji-quiz-options button{min-height:52px;padding:10px 11px}.kanji-quiz-options.tone-kanji button,.kanji-quiz-options.tone-japanese button{font-size:20px}.kanji-quiz-options.tone-kana button{font-size:17px}.kanji-quiz-typing-form{grid-template-columns:1fr}.kanji-quiz-typing-form .kanji-quiz-primary{width:100%}.kanji-quiz-feedback{align-items:stretch;flex-direction:column}.kanji-quiz-feedback>button{width:100%}.kanji-quiz-matching-card{padding:12px}.kanji-quiz-matching-board{gap:7px;margin-top:14px}.kanji-quiz-matching-column{gap:6px}.kanji-quiz-matching-column button{min-height:50px;padding:8px;font-size:11px}.kanji-quiz-matching-column button strong{font-size:18px}.kanji-quiz-result{padding:20px 14px}.kanji-quiz-result h2{font-size:36px}.kanji-quiz-result-actions,.kanji-quiz-review-actions>div{display:grid;grid-template-columns:1fr}.kanji-quiz-result-actions button,.kanji-quiz-review-actions button{width:100%}.kanji-quiz-review-header{align-items:stretch;flex-direction:column}.kanji-quiz-review-header .kanji-quiz-ghost{width:100%}.kanji-quiz-review-answer-grid{grid-template-columns:1fr}.kanji-quiz-review-nav{grid-template-columns:1fr auto 1fr;gap:6px}.kanji-quiz-review-nav button{padding-inline:5px;font-size:10px}}.kanji-quiz-main-prompt.tone-kanji{font-size:clamp(68px,9vw,104px);line-height:1.05}.kanji-quiz-main-prompt.tone-reading{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif;font-size:clamp(34px,5vw,50px);font-weight:700;line-height:1.25}.kanji-quiz-main-prompt.tone-vocabulary{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif;font-size:clamp(38px,5.5vw,58px);font-weight:750;line-height:1.2}.kanji-quiz-options.tone-kanji button{justify-content:center;min-height:72px;font-size:30px;text-align:center}.kanji-quiz-options.tone-reading button,.kanji-quiz-options.tone-vocabulary button{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif;font-size:19px}.kanji-quiz-wrong-prompt.tone-reading,.kanji-quiz-wrong-prompt.tone-vocabulary{font-family:UD Digi Kyokasho NK-R,UD Digi Kyokasho N-R,Yu Kyokasho,YuKyokasho,Hiragino Mincho ProN,serif;font-size:24px}.kanji-quiz-empty{display:grid;gap:5px;width:min(100%,720px);margin:8px auto 0;padding:22px;text-align:center;color:var(--muted);background:#fff;border:1px solid #e2d7d9;border-radius:16px}.kanji-quiz-empty strong{color:var(--ink)}@media (max-width: 600px){.kanji-quiz-main-prompt.tone-kanji{font-size:clamp(58px,20vw,82px)}.kanji-quiz-main-prompt.tone-reading{font-size:clamp(28px,9vw,38px)}.kanji-quiz-main-prompt.tone-vocabulary{font-size:clamp(30px,10vw,42px)}.kanji-quiz-options.tone-kanji button{min-height:60px;font-size:25px}.kanji-quiz-options.tone-reading button,.kanji-quiz-options.tone-vocabulary button{font-size:17px}}.kanji-quiz-progress-error{width:min(100%,760px);margin:8px auto 0;padding:9px 11px;border:1px solid #eccfd4;border-radius:10px;background:#fff5f6;color:#8a2635;font-size:11px;font-weight:700;line-height:1.45;text-align:center}.kanji-page{min-width:0}.kanji-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--muted);font-size:12px}.kanji-breadcrumb a{display:inline-flex;align-items:center;gap:5px;color:var(--maroon);font-weight:750;text-decoration:none}.kanji-breadcrumb strong{color:var(--ink)}.kanji-main-header h1,.kanji-study-header h1{display:flex;align-items:baseline;gap:12px}.kanji-main-header h1>span:last-child,.kanji-study-header h1>span:last-child{font-size:.65em;color:var(--maroon);letter-spacing:-.02em}.kanji-heading-jp{font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-weight:800}.kanji-main-header p,.kanji-study-header p{max-width:760px;line-height:1.65}.kanji-level-section{margin-top:8px}.kanji-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.kanji-section-heading h2{margin:3px 0 0;font-size:24px}.kanji-section-heading>span{font-size:12px;color:var(--muted)}.kanji-level-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kanji-level-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;min-height:185px}.kanji-level-card.active{border-color:#d7b7bc}.kanji-level-card.active:hover{border-color:#b87580;transform:translateY(-2px);box-shadow:0 12px 28px #5a17200c}.kanji-level-card.disabled{background:#faf8f8;color:#8a8081}.kanji-level-kicker{font-size:10px;letter-spacing:.14em;font-weight:850;color:var(--muted)}.kanji-level-card strong{font-size:38px;color:var(--maroon);margin-top:8px}.kanji-level-card small{font-size:12px;color:var(--muted);margin-top:2px}.kanji-level-action,.kanji-level-soon{margin-top:auto;font-size:12px;font-weight:800}.kanji-level-action{display:flex;align-items:center;justify-content:space-between;color:var(--maroon)}.kanji-level-soon{color:#94898b}.kanji-study-header{align-items:center}.kanji-count-badge{width:92px;height:92px;border-radius:50%;border:8px solid var(--soft);outline:1px solid #e5d4d6;background:#fff;display:grid;place-content:center;text-align:center;flex:0 0 auto}.kanji-count-badge strong,.kanji-count-badge span{display:block}.kanji-count-badge strong{font-size:23px;color:var(--maroon)}.kanji-count-badge span{font-size:10px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.kanji-tabs{display:flex;gap:7px;background:#eee7e8;border-radius:13px;padding:5px;width:max-content;max-width:100%;margin:20px 0}.kanji-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:9px;display:flex;align-items:center;gap:7px;color:#665a5c;font-weight:750}.kanji-tabs button.active{background:#fff;color:var(--maroon);box-shadow:0 2px 8px #4c18200e}.kanji-tabs button small{font-size:9px;background:#e9dddd;border-radius:999px;padding:2px 5px;color:var(--muted)}.kanji-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin-bottom:12px}.kanji-search{position:relative;display:flex;align-items:center;font-size:inherit;font-weight:400;color:var(--muted)}.kanji-search>svg{position:absolute;left:13px;pointer-events:none}.kanji-search input{margin:0;padding:12px 14px 12px 41px;background:#fff}.kanji-result-count{font-size:12px;color:var(--muted);white-space:nowrap}.kanji-category-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.kanji-category-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;color:#625658;font-size:12px;font-weight:750}.kanji-category-row button:hover{border-color:#c89da4}.kanji-category-row button.active{background:var(--maroon);border-color:var(--maroon);color:#fff}.kanji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:10px}.kanji-card{min-width:0;min-height:142px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:13px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink)}.kanji-card:hover{border-color:#c68f98;transform:translateY(-1px);box-shadow:0 9px 24px #5c172009}.kanji-card:focus-visible{outline:3px solid #7a1f2b22;outline-offset:2px;border-color:var(--maroon)}.kanji-card-char{font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:54px;line-height:1.08;color:#241b1c}.kanji-card-meaning{width:100%;font-size:12px;font-weight:760;margin-top:7px;line-height:1.35;overflow-wrap:anywhere}.kanji-card-category{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-top:6px}.kanji-grid-loading>div{height:142px;border-radius:15px;background:linear-gradient(90deg,#f1ebec,#faf8f8,#f1ebec);background-size:200% 100%;animation:kanji-shimmer 1.2s infinite}@keyframes kanji-shimmer{to{background-position:-200% 0}}.kanji-empty-filter{background:#fff;border:1px solid var(--line);border-radius:18px;padding:45px 20px;text-align:center;color:var(--muted);display:grid;justify-items:center;gap:7px}.kanji-empty-filter svg{color:var(--maroon)}.kanji-empty-filter strong{color:var(--ink)}.kanji-empty-filter span{font-size:12px}.kanji-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#25191c72;display:grid;place-items:center;padding:20px}.kanji-dialog{position:relative;width:min(760px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 30px 90px #240b0f2b}.kanji-dialog-close{position:absolute;right:18px;top:18px;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--maroon);display:grid;place-items:center;z-index:1}.kanji-detail-hero{display:grid;grid-template-columns:165px minmax(0,1fr);gap:26px;align-items:center;padding-right:38px}.kanji-detail-char{width:165px;height:165px;border-radius:24px;background:#fbf7f7;border:1px solid #eadfe1;display:grid;place-items:center;font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:106px;line-height:1;color:#211819}.kanji-detail-hero h2{font-size:28px;line-height:1.3;margin:5px 0 13px}.kanji-detail-tags{display:flex;flex-wrap:wrap;gap:7px}.kanji-detail-tags span{border:1px solid #e2d3d5;background:#fbf7f8;border-radius:999px;padding:6px 9px;color:#6f5559;font-size:11px;font-weight:750}.kanji-reading-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.kanji-reading-card{border:1px solid var(--line);border-radius:16px;padding:16px;min-width:0}.kanji-reading-card>div:first-child{display:flex;align-items:baseline;gap:8px;margin-bottom:11px}.kanji-reading-card>div:first-child strong{font-size:17px}.kanji-reading-card>div:first-child span{font-size:10px;color:var(--muted);text-transform:uppercase;font-weight:800;letter-spacing:.08em}.kanji-reading-values{display:flex;flex-wrap:wrap;gap:7px}.kanji-reading-values span{background:var(--soft);color:var(--maroon-dark);border-radius:9px;padding:7px 9px;font-size:15px;font-weight:800}.kanji-no-reading{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.kanji-example-section{margin-top:25px}.kanji-example-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:10px}.kanji-example-heading h3{margin:3px 0 0}.kanji-example-heading>span{font-size:11px;color:var(--muted)}.kanji-example-list{display:grid;gap:8px}.kanji-example-row{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(0,1.4fr) auto;gap:14px;align-items:center;border:1px solid #eee5e6;border-radius:14px;padding:12px 13px}.kanji-example-main{min-width:0}.kanji-example-main strong,.kanji-example-main span,.kanji-example-main small{display:block}.kanji-example-main strong{font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:23px}.kanji-example-main span{font-size:13px;margin-top:2px}.kanji-example-main small{font-size:10px;color:var(--muted);margin-top:2px}.kanji-example-meaning{font-size:13px;line-height:1.45;overflow-wrap:anywhere}.kanji-example-audio{min-height:40px;border:1px solid #dec8cb;background:#fff5f6;color:var(--maroon);border-radius:10px;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;font-weight:750}.kanji-example-audio span{font-size:11px}.kanji-detail-note{font-size:11px;line-height:1.55;color:var(--muted);margin:18px 0 0;padding-top:14px;border-top:1px solid #eee6e7}@media (max-width:1000px){.kanji-level-grid{grid-template-columns:repeat(3,1fr)}.kanji-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}}@media (max-width:700px){.kanji-level-grid{grid-template-columns:1fr 1fr}.kanji-section-heading{display:block}.kanji-section-heading>span{display:block;margin-top:7px}.kanji-controls{grid-template-columns:1fr}.kanji-result-count{white-space:normal}.kanji-detail-hero{grid-template-columns:120px minmax(0,1fr);gap:18px}.kanji-detail-char{width:120px;height:120px;font-size:82px}.kanji-reading-grid{grid-template-columns:1fr}.kanji-example-row{grid-template-columns:minmax(0,1fr) auto}.kanji-example-meaning{grid-column:1/-1;grid-row:2}.kanji-example-audio{grid-column:2;grid-row:1}}@media (max-width:560px){.kanji-main-header h1,.kanji-study-header h1{display:block}.kanji-main-header h1>span:last-child,.kanji-study-header h1>span:last-child{display:block;font-size:19px;margin-top:2px}.kanji-study-header{display:flex}.kanji-count-badge{width:76px;height:76px;border-width:7px}.kanji-count-badge strong{font-size:18px}.kanji-tabs{width:100%}.kanji-tabs button{flex:1;justify-content:center;padding:9px 6px;font-size:11px}.kanji-tabs button small{display:none}.kanji-category-row{flex-wrap:wrap;padding-bottom:0}.kanji-category-row button{white-space:nowrap}.kanji-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.kanji-card{min-height:116px;padding:10px 7px}.kanji-card-char{font-size:45px}.kanji-card-meaning{font-size:11px}.kanji-card-category{font-size:8px}.kanji-dialog-backdrop{padding:10px}.kanji-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:20px;padding:20px}.kanji-dialog-close{right:12px;top:12px;width:38px;height:38px}.kanji-detail-hero{grid-template-columns:92px minmax(0,1fr);gap:14px;padding-right:28px}.kanji-detail-char{width:92px;height:92px;border-radius:18px;font-size:66px}.kanji-detail-hero h2{font-size:20px;margin-bottom:8px}.kanji-detail-tags span{padding:5px 7px;font-size:9px}.kanji-reading-grid{margin-top:18px}.kanji-reading-card{padding:13px}.kanji-reading-values span{font-size:14px}.kanji-example-section{margin-top:19px}.kanji-example-row{padding:10px;gap:9px}.kanji-example-main strong{font-size:21px}.kanji-example-audio{width:42px;height:42px;padding:0;justify-content:center}.kanji-example-audio span{display:none}.kanji-detail-note{font-size:10px}.kanji-level-card{min-height:155px;padding:15px}.kanji-level-card strong{font-size:32px}}.kanji-learning-section,.kanji-sentence-section{margin-top:25px;padding-top:22px;border-top:1px solid #eee6e7}.kanji-learning-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.kanji-learning-heading h3{margin:3px 0 0}.kanji-learning-heading>span{color:var(--muted);font-size:11px;text-align:right}.kanji-stroke-panel{display:grid;justify-items:center;gap:10px;border:1px solid #eee4e6;border-radius:17px;background:snow;padding:14px}.kanji-stroke-canvas-wrap{width:min(100%,320px);aspect-ratio:1;min-width:0}.kanji-stroke-svg,.kanji-stroke-loading,.kanji-stroke-fallback{display:block;width:100%;height:100%;aspect-ratio:1;border:1px solid #eadfe1;border-radius:14px;background:#fff}.kanji-stroke-grid line{stroke:#eee6e8;stroke-width:.7;stroke-dasharray:3 3}.kanji-stroke-ghost{fill:none;stroke:#e6d9dc;stroke-width:4.4;stroke-linecap:round;stroke-linejoin:round}.kanji-stroke-animated{fill:none;stroke:var(--maroon);stroke-width:4.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:kanji-stroke-draw .62s ease-out forwards;animation-delay:var(--kanji-stroke-delay)}@keyframes kanji-stroke-draw{to{stroke-dashoffset:0}}.kanji-stroke-numbers g{opacity:0;animation:kanji-stroke-number-in .18s ease-out forwards;animation-delay:var(--kanji-stroke-delay)}@keyframes kanji-stroke-number-in{to{opacity:1}}.kanji-stroke-numbers circle{fill:#fff;stroke:var(--maroon);stroke-width:.75}.kanji-stroke-numbers text{fill:var(--maroon);font-family:Arial,sans-serif;font-size:4.5px;font-weight:900;pointer-events:none}.kanji-stroke-loading{display:grid;place-items:center;font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:92px;color:#d9c9cc;background:linear-gradient(90deg,#f7f1f2,#fff,#f7f1f2);background-size:200% 100%;animation:kanji-shimmer 1.2s infinite}.kanji-stroke-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:18px;color:var(--muted)}.kanji-stroke-fallback strong{font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;color:#2b2021;font-size:72px;line-height:1}.kanji-stroke-fallback span{color:var(--ink);font-size:13px;font-weight:800}.kanji-stroke-fallback small{max-width:260px;font-size:10px;line-height:1.45}.kanji-stroke-actions{width:min(100%,320px);display:flex;align-items:center;justify-content:space-between;gap:10px}.kanji-stroke-actions button,.kanji-stroke-actions a,.kanji-practice-actions button{min-height:40px;border:1px solid #dec8cb;border-radius:10px;background:#fff;color:var(--maroon);padding:8px 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:800;text-decoration:none}.kanji-stroke-actions button:disabled{opacity:.45}.kanji-source-note,.kanji-practice-status{margin:9px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.kanji-practice-shell{display:grid;justify-items:center;gap:10px}.kanji-practice-board{position:relative;width:min(100%,320px);aspect-ratio:1;overflow:hidden;border:1px solid #e7d9dc;border-radius:14px;background:#fff}.kanji-practice-board:before,.kanji-practice-board:after,.kanji-practice-grid-line{pointer-events:none}.kanji-practice-guide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(132px,28vw,220px);line-height:1;color:#7a1f2b;opacity:.075;-webkit-user-select:none;user-select:none;pointer-events:none}.kanji-practice-grid-line{position:absolute;z-index:1;opacity:.8}.kanji-practice-grid-line.vertical{top:5%;bottom:5%;left:50%;border-left:1px dashed #eadfe1}.kanji-practice-grid-line.horizontal{left:5%;right:5%;top:50%;border-top:1px dashed #eadfe1}.kanji-practice-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.kanji-practice-actions{width:min(100%,320px);display:flex;justify-content:center;gap:8px}.kanji-practice-actions button{flex:1;max-width:150px}.kanji-practice-status{text-align:center}.kanji-sentence-list{display:grid;gap:9px}.kanji-sentence-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid #eee5e6;border-radius:14px;padding:13px 14px;background:#fff}.kanji-sentence-copy{min-width:0}.kanji-sentence-japanese{display:block;font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:18px;line-height:1.55;overflow-wrap:anywhere}.kanji-target-highlight{color:var(--maroon);background:#f7e9ec;border-radius:4px;padding:0 .08em}.kanji-sentence-reading{display:block;margin-top:4px;color:#6c5d5f;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.kanji-sentence-copy p{margin:6px 0 0;color:var(--ink);font-size:12px;line-height:1.5}.kanji-sentence-audio{min-width:42px;min-height:42px;border:1px solid #dec8cb;background:#fff5f6;color:var(--maroon);border-radius:10px;padding:8px 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:800}.kanji-sentence-audio span{font-size:11px}.kanji-sentence-empty{border:1px dashed #dcc7ca;border-radius:13px;background:#fcf8f8;padding:13px;color:var(--muted);font-size:11px;line-height:1.55}@media (prefers-reduced-motion:reduce){.kanji-stroke-animated,.kanji-stroke-numbers g{animation-duration:.01ms!important;animation-delay:0ms!important}}@media (max-width:700px){.kanji-learning-heading{align-items:flex-start}.kanji-stroke-canvas-wrap,.kanji-practice-board,.kanji-stroke-actions,.kanji-practice-actions{width:min(100%,300px)}.kanji-sentence-card{gap:10px}}@media (max-width:560px){.kanji-learning-section,.kanji-sentence-section{margin-top:19px;padding-top:17px}.kanji-learning-heading{display:block;margin-bottom:9px}.kanji-learning-heading>span{display:block;margin-top:4px;text-align:left}.kanji-stroke-panel{padding:10px}.kanji-stroke-canvas-wrap,.kanji-practice-board,.kanji-stroke-actions,.kanji-practice-actions{width:min(100%,286px)}.kanji-stroke-loading{font-size:78px}.kanji-practice-guide{font-size:clamp(128px,52vw,190px)}.kanji-stroke-actions button,.kanji-stroke-actions a,.kanji-practice-actions button{min-height:42px}.kanji-sentence-card{padding:11px}.kanji-sentence-japanese{font-size:16px}.kanji-sentence-reading,.kanji-sentence-copy p{font-size:11px}.kanji-sentence-audio{width:42px;height:42px;padding:0}.kanji-sentence-audio span{display:none}}.kanji-related-section,.kanji-mnemonic-section{margin-top:25px;padding-top:22px;border-top:1px solid #eee6e7}.kanji-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.kanji-related-card{min-width:0;border:1px solid #eadfe1;border-radius:14px;background:#fff;color:var(--ink);padding:12px;text-align:left;display:flex;flex-direction:column;gap:6px}button.kanji-related-card{font:inherit;cursor:pointer}.kanji-related-card.is-clickable:hover{border-color:#c9959e;box-shadow:0 8px 20px #5d17200a;transform:translateY(-1px)}.kanji-related-card.is-clickable:focus-visible{outline:3px solid #7a1f2b1d;outline-offset:2px;border-color:var(--maroon)}.kanji-related-card.is-reference{background:#fcf9f9}.kanji-related-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.kanji-related-topline strong{font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;font-size:34px;line-height:1;color:#281d1f}.kanji-related-level{flex:0 0 auto;border:1px solid #ddc7cb;border-radius:999px;padding:3px 6px;background:#fff5f6;color:var(--maroon);font-size:9px;font-weight:850;letter-spacing:.04em}.kanji-related-meaning{min-height:2.7em;color:#4e4244;font-size:11px;font-weight:760;line-height:1.35;overflow-wrap:anywhere}.kanji-relation-badge{width:max-content;max-width:100%;border:1px solid #e5d6d9;border-radius:999px;background:#fbf5f6;color:#6f4148;padding:4px 7px;font-size:9px;font-weight:850;line-height:1.2}.kanji-relation-badge.relation-similar_shape{background:#faf7f2}.kanji-relation-badge.relation-shared_component,.kanji-relation-badge.relation-same_radical{background:#f7f1f2}.kanji-related-card small{margin-top:auto;color:var(--muted);font-size:9px;line-height:1.45}.kanji-mnemonic-section .kanji-learning-heading>svg{color:var(--maroon);flex:0 0 auto}.kanji-mnemonic-card{border:1px solid #eadde0;border-radius:16px;background:snow;padding:15px}.kanji-mnemonic-components>span{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.kanji-mnemonic-components>div{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}.kanji-mnemonic-components>div>span{display:inline-flex;align-items:center;gap:6px;border:1px solid #e6d7da;border-radius:10px;background:#fff;padding:6px 8px;color:#5f5254;font-size:10px}.kanji-mnemonic-components strong{font-family:BIZ UDPMincho,Yu Mincho,Hiragino Mincho ProN,serif;color:var(--maroon);font-size:20px;line-height:1}.kanji-mnemonic-tip{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px;align-items:start}.kanji-mnemonic-tip svg{color:var(--maroon);margin-top:2px}.kanji-mnemonic-tip p{margin:0;color:var(--ink);font-size:13px;line-height:1.6}.kanji-mnemonic-disclaimer{margin:11px 0 0;padding-top:9px;border-top:1px dashed #e8dadd;color:var(--muted);font-size:9px;line-height:1.45}@media (max-width:900px){.kanji-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.kanji-related-section,.kanji-mnemonic-section{margin-top:19px;padding-top:17px}.kanji-related-grid{gap:8px}.kanji-related-card{padding:10px}.kanji-related-topline strong{font-size:30px}.kanji-related-meaning{min-height:0;font-size:10px}.kanji-related-card small{font-size:8px}.kanji-mnemonic-card{padding:12px}.kanji-mnemonic-tip p{font-size:12px}}.kanji-progress-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0 0}.kanji-progress-strip>span{min-width:0;padding:10px 9px;border:1px solid #eadfe1;border-radius:12px;background:#fff;color:var(--muted);font-size:9px;font-weight:800;line-height:1.25;text-align:center;text-transform:uppercase;letter-spacing:.045em}.kanji-progress-strip strong{display:block;margin-bottom:2px;color:var(--maroon);font-size:17px;line-height:1.05;letter-spacing:0}.kanji-srs-entry{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-6px 0 15px;padding:11px 12px;border:1px solid #eadfe1;border-radius:13px;background:snow}.kanji-srs-entry>div{display:grid;gap:2px;min-width:0}.kanji-srs-entry strong{color:var(--ink);font-size:12px}.kanji-srs-entry span{color:var(--muted);font-size:11px;line-height:1.4}.kanji-srs-entry button{flex:0 0 auto;min-height:40px;padding:8px 12px;border:1px solid var(--maroon);border-radius:10px;background:var(--maroon);color:#fff;font-size:11px;font-weight:850}.kanji-srs-entry button:hover:not(:disabled){background:var(--maroon-dark)}.kanji-srs-entry button:disabled{opacity:.42;cursor:not-allowed}.kanji-progress-filter-row{display:flex;flex-wrap:wrap;gap:7px;margin:-10px 0 20px}.kanji-progress-filter-row button{min-height:32px;padding:6px 10px;border:1px solid #e3d5d7;border-radius:999px;background:#fff;color:#66595c;font-size:11px;font-weight:780}.kanji-progress-filter-row button:hover{border-color:#c89da4}.kanji-progress-filter-row button.active{border-color:#c99ba2;background:#fff3f5;color:var(--maroon)}@media (max-width:700px){.kanji-progress-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:560px){.kanji-progress-strip{gap:6px;margin-top:10px}.kanji-progress-strip>span{padding:8px 5px;font-size:8px}.kanji-progress-strip strong{font-size:15px}.kanji-srs-entry{align-items:stretch;flex-direction:column;margin-top:-8px}.kanji-srs-entry button{width:100%;min-height:42px}.kanji-progress-filter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:-8px}.kanji-progress-filter-row button{width:100%;padding-inline:6px}.kanji-progress-filter-row button:first-child{grid-column:1/-1}}.grammar-mode-tabs{display:flex;align-items:center;gap:8px;margin:0 0 18px;padding:5px;border:1px solid #e4d8da;background:#faf7f6;border-radius:13px;width:max-content;max-width:100%}.grammar-mode-tabs button{border:0;background:transparent;color:var(--muted);min-height:40px;padding:9px 15px;border-radius:9px;font:inherit;font-size:12px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:7px}.grammar-mode-tabs button.active{background:#fff;color:var(--maroon);box-shadow:0 1px 5px #49161f14}.grammar-mode-tabs button:disabled{cursor:not-allowed;opacity:.5}.grammar-mode-tabs button span{font-size:9px;padding:2px 6px;border-radius:999px;background:#eee5e7;color:#7d6469}.grammar-mode-tabs button:focus-visible,.grammar-practice-shell button:focus-visible{outline:3px solid rgba(130,37,53,.22);outline-offset:2px}.grammar-practice-shell{width:100%;max-width:none;margin:0;padding-bottom:8px;min-width:0}.grammar-practice-scope{display:flex;gap:7px;margin-bottom:14px}.grammar-practice-scope button{border:1px solid #dccacc;background:#fff;color:var(--muted);border-radius:999px;padding:8px 12px;min-height:38px;font-size:11px;font-weight:900;cursor:pointer}.grammar-practice-scope button.active{border-color:#b9858e;color:var(--maroon);background:#fff8f7}.grammar-practice-scope button:disabled{cursor:not-allowed;opacity:.55}.grammar-practice-scope button span{font-size:8px;margin-left:4px}.grammar-practice-intro,.grammar-practice-head,.grammar-practice-summary{width:100%;min-width:0;border:1px solid #eadfe1;background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 5px 18px #4c1f270a}.grammar-practice-intro h2,.grammar-practice-head h2,.grammar-practice-summary h2{margin:4px 0 6px;color:#251d1f;font-size:24px;line-height:1.3}.grammar-practice-intro>p:last-child,.grammar-practice-head>div>p:last-child,.grammar-practice-summary-lead{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.grammar-practice-unavailable{margin-top:12px;border:1px solid #efd5d9;background:#fff8f7;border-radius:13px;padding:14px 16px;color:#49383c}.grammar-practice-unavailable.is-neutral{border-color:#e6dddf;background:#fbf9f8}.grammar-practice-unavailable strong{display:block;font-size:13px;color:#3a282c;margin-bottom:4px}.grammar-practice-unavailable p{margin:0 0 10px;font-size:11px;line-height:1.6;color:var(--muted)}.grammar-practice-unavailable button{border:1px solid #d8bdc2;background:#fff;color:var(--maroon);border-radius:9px;padding:8px 10px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;cursor:pointer}.grammar-practice-pattern-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.grammar-practice-pattern-card{border:1px solid #eadfe1;background:#fff;border-radius:13px;padding:14px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:4px;cursor:pointer;min-width:0}.grammar-practice-pattern-card:hover{border-color:#cdaab0;background:snow}.grammar-practice-pattern-meta{color:#8e7479;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.grammar-practice-pattern-card strong{font-size:17px;color:#2e2325;line-height:1.35;overflow-wrap:anywhere}.grammar-practice-pattern-card small{font-size:10px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.grammar-practice-pattern-action{margin-top:7px;display:inline-flex;align-items:center;gap:4px;color:var(--maroon);font-size:10px;font-weight:900}.grammar-practice-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:12px}.grammar-practice-progress{flex:0 0 auto;min-width:92px;text-align:center;border:1px solid #e0ced1;background:#fff8f7;border-radius:12px;padding:9px 12px;color:var(--maroon)}.grammar-practice-progress span{display:block;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.grammar-practice-progress strong{display:block;font-size:17px;margin-top:2px}.grammar-exercise-card{width:100%;min-width:0;border:1px solid #e7dadd;background:#fff;border-radius:17px;padding:20px;box-shadow:0 7px 24px #4d1c260d}.grammar-exercise-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px}.grammar-exercise-meta span{font-size:10px;font-weight:900;color:var(--maroon);text-transform:uppercase;letter-spacing:.055em}.grammar-exercise-meta small{font-size:9px;color:#846b70;background:#f7f1f2;border-radius:999px;padding:4px 8px}.grammar-exercise-instruction{margin:0 0 8px;color:#5b494d;font-size:12px;line-height:1.6}.grammar-exercise-question{font-size:25px;font-weight:850;line-height:1.45;color:#21191b;padding:16px;border:1px solid #eee4e6;background:#fcfaf9;border-radius:13px;overflow-wrap:anywhere}.grammar-exercise-context{margin:9px 2px 0;color:#6f5960;font-size:12px;line-height:1.6}.grammar-exercise-tools{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.grammar-exercise-tools button,.grammar-feedback-audio,.grammar-practice-retry{border:1px solid #dfd0d3;background:#fff;color:#654c52;border-radius:9px;padding:8px 10px;min-height:38px;display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:850;cursor:pointer}.grammar-exercise-tools button:hover,.grammar-feedback-audio:hover,.grammar-practice-retry:hover{border-color:#c6a0a7;color:var(--maroon)}.grammar-exercise-hint,.grammar-exercise-reading{margin-top:8px;border-radius:10px;padding:10px 12px;font-size:11px;line-height:1.65}.grammar-exercise-hint{background:#fff9eb;border:1px solid #f0dfb5;color:#665633}.grammar-exercise-reading{background:#f8f6f5;border:1px solid #e8dfe1;color:#5f5054}.grammar-exercise-options{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px}.grammar-exercise-options button{min-height:52px;border:1px solid #dfd3d5;background:#fff;border-radius:11px;padding:11px 12px;text-align:left;color:#302629;font:inherit;font-size:13px;font-weight:750;line-height:1.45;cursor:pointer;overflow-wrap:anywhere}.grammar-exercise-options button:hover:not(:disabled){border-color:#c39aa2;background:snow}.grammar-exercise-options button.is-selected{border-color:#a96370;background:#fff4f3;color:#5d202c}.grammar-exercise-options button.is-correct{border-color:#79aa8a;background:#f3faf5;color:#285d3b}.grammar-exercise-options button.is-wrong{border-color:#c98282;background:#fff3f3;color:#812f2f}.grammar-exercise-options button:disabled{cursor:default}.grammar-order-wrap{width:100%;min-width:0;margin-top:15px}.grammar-order-answer{min-height:72px;border:1.5px dashed #cdb5ba;background:snow;border-radius:12px;padding:10px;display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:7px}.grammar-order-placeholder{color:#9a8589;font-size:10px}.grammar-order-answer button,.grammar-order-pieces button{border:1px solid #d8c6c9;background:#fff;border-radius:9px;padding:9px 11px;min-height:40px;font:inherit;font-size:13px;font-weight:750;color:#33272a;cursor:pointer}.grammar-order-answer button{border-color:#b9858e;background:#fff4f3;color:#632a35}.grammar-order-pieces{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.grammar-order-pieces button:disabled{opacity:.35;cursor:default}.grammar-order-reset{margin-top:9px;border:0;background:transparent;color:#80676c;padding:5px 0;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:850;cursor:pointer}.grammar-order-reset:disabled{opacity:.4;cursor:default}.grammar-exercise-submit{margin-top:16px;width:100%;min-height:46px;border:1px solid #7f2636;background:var(--maroon);color:#fff;border-radius:11px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.grammar-exercise-submit:disabled{background:#d8cbcd;border-color:#d8cbcd;cursor:not-allowed}.grammar-exercise-feedback{width:100%;min-width:0;margin-top:15px;border-radius:12px;padding:13px 14px;border:1px solid}.grammar-exercise-feedback.is-correct{border-color:#a9cfb4;background:#f4faf6;color:#2d5c3a}.grammar-exercise-feedback.is-wrong{border-color:#e2b5b5;background:#fff7f7;color:#734040}.grammar-exercise-feedback-title{display:flex;align-items:center;gap:7px;margin-bottom:7px}.grammar-exercise-feedback-title strong{font-size:13px}.grammar-exercise-feedback p{margin:5px 0;font-size:11px;line-height:1.65;color:inherit}.grammar-exercise-feedback p span{font-weight:900}.grammar-feedback-audio,.grammar-practice-retry{margin-top:7px;background:#ffffffb8}.grammar-practice-retry{margin-left:7px}.grammar-exercise-nav{width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:12px}.grammar-exercise-nav button{width:auto;min-width:116px;min-height:44px;border:1px solid #d7c6c9;background:#fff;color:var(--maroon);border-radius:10px;padding:9px 16px;font:inherit;font-size:11px;font-weight:900;display:flex;align-items:center;gap:5px;cursor:pointer;justify-self:start;justify-content:flex-start}.grammar-exercise-nav button:last-child{justify-self:end;justify-content:flex-end}.grammar-exercise-nav button:disabled{opacity:.45;cursor:not-allowed}.grammar-exercise-nav>span{font-size:10px;font-weight:900;color:#7b6268;white-space:nowrap;justify-self:center}.grammar-practice-back-study{margin:10px auto 0;border:0;background:transparent;color:#765a61;padding:7px 10px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:850;cursor:pointer}.grammar-practice-summary{text-align:center;width:100%;min-width:0}.grammar-practice-summary-icon{width:52px;height:52px;margin:0 auto 8px;border-radius:50%;background:#f0f8f2;color:#367048;display:grid;place-items:center}.grammar-practice-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0}.grammar-practice-summary-grid>div{border:1px solid #e6dadd;background:#fcfaf9;border-radius:11px;padding:12px 8px}.grammar-practice-summary-grid strong{display:block;font-size:22px;color:#34252a}.grammar-practice-summary-grid span{display:block;margin-top:3px;font-size:9px;line-height:1.35;color:var(--muted)}.grammar-practice-summary-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.grammar-practice-primary,.grammar-practice-secondary{min-height:43px;border-radius:10px;padding:9px 12px;font:inherit;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.grammar-practice-primary{border:1px solid var(--maroon);background:var(--maroon);color:#fff}.grammar-practice-secondary{border:1px solid #d6c1c5;background:#fff;color:var(--maroon)}@media (max-width:700px){.grammar-practice-pattern-grid,.grammar-exercise-options{grid-template-columns:1fr}.grammar-practice-head{align-items:center}.grammar-exercise-card{padding:16px}.grammar-exercise-question{font-size:22px}}@media (max-width:560px){.grammar-mode-tabs{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.grammar-mode-tabs button{justify-content:center;padding:8px 6px;min-width:0}.grammar-practice-scope{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-practice-scope button{min-width:0}.grammar-practice-head{padding:15px;display:block}.grammar-practice-progress{margin-top:10px;width:max-content;min-width:88px}.grammar-exercise-question{font-size:20px;padding:14px}.grammar-exercise-nav{grid-template-columns:1fr 1fr;grid-template-areas:"count count" "prev next"}.grammar-exercise-nav>span{grid-area:count;justify-self:center}.grammar-exercise-nav button:first-child{grid-area:prev;justify-self:stretch;justify-content:flex-start}.grammar-exercise-nav button:last-child{grid-area:next;justify-self:stretch;justify-content:flex-end}.grammar-practice-summary-grid{grid-template-columns:1fr}.grammar-practice-summary-actions{display:grid;grid-template-columns:1fr}.grammar-practice-primary,.grammar-practice-secondary{width:100%}}@media (max-width:390px){.grammar-mode-tabs button{font-size:10px}.grammar-mode-tabs button span{display:none}.grammar-practice-intro,.grammar-practice-head,.grammar-practice-summary,.grammar-exercise-card{padding:14px}.grammar-exercise-question{font-size:19px}.grammar-order-answer button,.grammar-order-pieces button{font-size:12px;padding:8px 9px}.grammar-exercise-nav button{font-size:10px;padding:8px 9px}}.grammar-exercise-input{margin-top:15px;width:100%;min-height:48px;border:1px solid #dfd3d5;background:#fff;border-radius:11px;padding:10px 12px;color:#302629;font:inherit;font-size:14px;line-height:1.45}.grammar-exercise-input:focus{outline:3px solid rgba(130,37,53,.12);border-color:#b9858e}.grammar-exercise-input:disabled{background:#f8f5f5;color:#756267}.grammar-exercise-transform{margin-top:10px;border-top:1px solid rgba(92,56,64,.14);padding-top:9px}.grammar-exercise-transform>span{display:block;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.grammar-exercise-transform>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.grammar-exercise-transform>div>div{display:inline-flex;align-items:center;gap:6px}.grammar-exercise-transform strong{font-size:11px;line-height:1.4}.grammar-practice-exit-button{margin:0 0 10px;border:1px solid #dccacc;background:#fff;color:#765a61;border-radius:9px;padding:8px 11px;min-height:38px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.grammar-practice-exit-button:hover{border-color:#c6a0a7;color:var(--maroon);background:snow}.grammar-practice-exit-button:focus-visible,.grammar-practice-exit-dialog button:focus-visible{outline:3px solid rgba(130,37,53,.22);outline-offset:2px}.grammar-practice-exit-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#2014176b;display:grid;place-items:center;padding:20px}.grammar-practice-exit-dialog{width:min(420px,100%);border:1px solid #e2d2d5;background:#fff;border-radius:15px;padding:20px;box-shadow:0 18px 55px #36181f38}.grammar-practice-exit-dialog h3{margin:0;color:#2f2326;font-size:18px;line-height:1.35}.grammar-practice-exit-dialog p{margin:8px 0 0;color:#725d62;font-size:12px;line-height:1.65}.grammar-practice-exit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.grammar-practice-exit-actions button{min-height:42px;border-radius:10px;padding:9px 13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.grammar-practice-exit-stay{border:1px solid #d8c4c8;background:#fff;color:#664c52}.grammar-practice-exit-leave{border:1px solid var(--maroon);background:var(--maroon);color:#fff}@media (max-width:430px){.grammar-practice-exit-backdrop{padding:14px}.grammar-practice-exit-dialog{padding:17px}.grammar-practice-exit-actions{display:grid;grid-template-columns:1fr}.grammar-practice-exit-actions button{width:100%;min-height:44px}}.grammar-practice-session .grammar-practice-exit-button{margin-bottom:7px;max-width:100%;white-space:normal;text-align:left}.grammar-practice-session .grammar-practice-scope{margin-bottom:8px}.grammar-practice-session .grammar-practice-head{padding:14px 16px;margin-bottom:8px;gap:10px}.grammar-practice-session .grammar-practice-head h2{margin:2px 0 4px;font-size:22px}.grammar-practice-session .grammar-practice-head>div>p:last-child{font-size:12px;line-height:1.55}.grammar-practice-session .grammar-practice-progress{min-width:84px;padding:7px 10px}.grammar-practice-session .grammar-practice-progress strong{font-size:16px}.grammar-practice-session .grammar-exercise-card{padding:17px;scroll-margin-top:12px}.grammar-practice-session .grammar-exercise-meta{margin-bottom:8px}.grammar-practice-session .grammar-exercise-question{padding:14px}.grammar-practice-session .grammar-exercise-tools{margin-top:10px}.grammar-practice-session .grammar-exercise-options,.grammar-practice-session .grammar-order-wrap,.grammar-practice-session .grammar-exercise-input{margin-top:12px}.grammar-practice-session .grammar-exercise-submit{margin-top:12px;min-height:44px}.grammar-practice-session .grammar-exercise-feedback{margin-top:10px;padding:11px 12px;scroll-margin:12px}.grammar-practice-session .grammar-exercise-feedback-title{margin-bottom:5px}.grammar-practice-session .grammar-exercise-feedback p{margin:4px 0;line-height:1.55}.grammar-practice-session .grammar-exercise-transform{margin-top:8px;padding-top:8px}.grammar-practice-session .grammar-exercise-nav{margin-top:9px}.grammar-practice-summary{scroll-margin-top:12px}@media (max-width:560px){.grammar-practice-session .grammar-practice-exit-button{margin-bottom:6px;min-height:40px;padding:8px 10px}.grammar-practice-session .grammar-practice-scope{margin-bottom:7px}.grammar-practice-session .grammar-practice-head{padding:12px 13px;margin-bottom:7px}.grammar-practice-session .grammar-practice-head h2{font-size:20px}.grammar-practice-session .grammar-practice-progress{margin-top:7px;min-width:78px;padding:6px 9px}.grammar-practice-session .grammar-exercise-card{padding:14px}.grammar-practice-session .grammar-exercise-meta,.grammar-practice-session .grammar-exercise-instruction{margin-bottom:7px}.grammar-practice-session .grammar-exercise-question{padding:12px;font-size:20px}.grammar-practice-session .grammar-exercise-options{gap:7px;margin-top:10px}.grammar-practice-session .grammar-exercise-options button{min-height:50px;padding:10px 11px}.grammar-practice-session .grammar-order-wrap,.grammar-practice-session .grammar-exercise-input,.grammar-practice-session .grammar-exercise-submit{margin-top:10px}.grammar-practice-session .grammar-exercise-feedback{margin-top:9px;padding:10px 11px}.grammar-practice-session .grammar-exercise-nav{margin-top:8px}}@media (max-width:390px){.grammar-practice-session .grammar-practice-head{padding:11px 12px}.grammar-practice-session .grammar-exercise-card{padding:12px}.grammar-practice-session .grammar-exercise-question{font-size:19px;padding:11px}.grammar-practice-session .grammar-exercise-feedback{padding:10px}}.grammar-practice-review-nav button:focus-visible{outline:3px solid rgba(130,37,53,.18);outline-offset:2px}.grammar-practice-result-review{width:100%;max-width:none;margin-inline:0;min-width:0}.grammar-practice-result-review .grammar-practice-review-head,.grammar-practice-result-review .grammar-practice-review-card,.grammar-practice-result-review .grammar-practice-review-nav,.grammar-practice-result-review .grammar-practice-review-back-action{width:100%;min-width:0;box-sizing:border-box}.grammar-practice-result-review .grammar-practice-review-answer-grid,.grammar-practice-result-review .grammar-practice-review-answer-grid>div,.grammar-practice-result-review .grammar-practice-review-complete,.grammar-practice-result-review .grammar-practice-review-explanation{min-width:0}.grammar-practice-review-head{border:1px solid #e6dade;background:#fcfaf9;border-radius:14px;padding:15px 17px;margin-bottom:10px}.grammar-practice-review-head h2{margin:3px 0 5px;color:#302428;font-size:22px;line-height:1.3}.grammar-practice-review-head>p:last-of-type{margin:0;color:#755f65;font-size:11px;line-height:1.55}.grammar-practice-review-stats{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.grammar-practice-review-stats span{border:1px solid #e1d3d6;background:#fff;border-radius:999px;padding:6px 9px;color:#755f65;font-size:9px;font-weight:800}.grammar-practice-review-stats strong{color:#3a2a2f;font-size:11px;margin-right:3px}.grammar-practice-review-card{border:1px solid #e3d7d9;background:#fff;border-radius:14px;padding:17px;box-shadow:0 5px 20px #4a272f0d;scroll-margin-top:12px}.grammar-practice-review-status{display:inline-flex;align-items:center;gap:6px;margin-top:12px;border-radius:999px;padding:6px 9px;font-size:10px}.grammar-practice-review-status.is-correct{background:#eef8f0;color:#317044}.grammar-practice-review-status.is-wrong{background:#fff2f2;color:#a14848}.grammar-practice-review-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.grammar-practice-review-answer-grid>div,.grammar-practice-review-complete,.grammar-practice-review-explanation{border:1px solid #e7dcde;background:#fcfaf9;border-radius:11px;padding:11px 12px}.grammar-practice-review-answer-grid span,.grammar-practice-review-complete>span,.grammar-practice-review-explanation>span{display:block;margin-bottom:5px;color:#806970;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.045em}.grammar-practice-review-answer-grid strong,.grammar-practice-review-complete strong{display:block;color:#33262a;font-size:13px;line-height:1.65;overflow-wrap:anywhere}.grammar-practice-review-complete,.grammar-practice-review-explanation{margin-top:9px}.grammar-practice-review-explanation p{margin:0;color:#59454b;font-size:11px;line-height:1.65}.grammar-practice-review-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:10px}.grammar-practice-review-nav button{width:auto;min-width:116px;min-height:42px;border:1px solid #d7c6c9;background:#fff;color:var(--maroon);border-radius:10px;padding:9px 16px;font:inherit;font-size:11px;font-weight:900;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.grammar-practice-review-nav button:first-child{justify-self:start}.grammar-practice-review-nav button:last-child{justify-self:end}.grammar-practice-review-nav button:disabled{opacity:.45;cursor:not-allowed}.grammar-practice-review-nav>span{justify-self:center;color:#7b6268;font-size:10px;font-weight:900;white-space:nowrap}.grammar-practice-review-back-action{display:flex;justify-content:center;margin-top:10px}.grammar-practice-review-back-action .grammar-practice-secondary{min-width:180px}@media (max-width:560px){.grammar-exercise-nav button{min-width:0;width:100%;padding-inline:10px}.grammar-practice-review-head{padding:13px 14px}.grammar-practice-review-head h2{font-size:20px}.grammar-practice-review-card{padding:14px}.grammar-practice-review-answer-grid{grid-template-columns:1fr}.grammar-practice-review-nav{grid-template-columns:1fr 1fr;grid-template-areas:"count count" "prev next"}.grammar-practice-review-nav>span{grid-area:count;justify-self:center}.grammar-practice-review-nav button:first-child{grid-area:prev;justify-self:stretch;width:100%;min-width:0;justify-content:flex-start;padding-inline:10px}.grammar-practice-review-nav button:last-child{grid-area:next;justify-self:stretch;width:100%;min-width:0;justify-content:flex-end;padding-inline:10px}.grammar-practice-review-back-action .grammar-practice-secondary{width:100%;min-width:0}}@media (max-width:390px){.grammar-practice-review-head,.grammar-practice-review-card{padding:12px}.grammar-practice-review-nav button{font-size:10px;padding:8px 9px}}.grammar-practice-scope button[aria-disabled=true]{cursor:default}.grammar-practice-chapter-grid{width:100%;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.grammar-practice-chapter-card{min-width:0;border:1px solid #eadfe1;background:#fff;border-radius:14px;padding:15px;display:flex;flex-direction:column;gap:11px;box-shadow:0 4px 16px #4c1f2709}.grammar-practice-chapter-card-head{min-width:0}.grammar-practice-chapter-card-head h3{margin:4px 0 0;color:#2f2326;font-size:17px;line-height:1.4;overflow-wrap:anywhere}.grammar-practice-chapter-patterns{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}.grammar-practice-chapter-patterns span{max-width:100%;border:1px solid #e4d7da;background:#fcfaf9;color:#59474c;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}.grammar-practice-chapter-patterns small{color:#8a7378;font-size:9px;font-weight:800}.grammar-practice-chapter-stats{display:flex;flex-wrap:wrap;gap:7px}.grammar-practice-chapter-stats span{border:1px solid #e7dcde;background:#faf8f7;border-radius:10px;padding:7px 9px;color:#765f65;font-size:9px;font-weight:800}.grammar-practice-chapter-stats strong{color:#3b2b30;font-size:11px;margin-right:3px}.grammar-practice-chapter-size{border-top:1px solid #eee5e7;padding-top:10px}.grammar-practice-chapter-size>span{display:block;margin-bottom:7px;color:#806970;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.grammar-practice-chapter-size>div{display:flex;flex-wrap:wrap;gap:6px}.grammar-practice-chapter-size button{min-width:42px;min-height:34px;border:1px solid #dccdd0;background:#fff;color:#735b61;border-radius:9px;padding:6px 9px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.grammar-practice-chapter-size button.active{border-color:#a96b77;background:#fff4f3;color:var(--maroon);box-shadow:0 0 0 1px #82253508}.grammar-practice-chapter-start{align-self:flex-start;min-height:40px;border:1px solid var(--maroon);background:var(--maroon);color:#fff;border-radius:10px;padding:8px 12px;font:inherit;font-size:10px;font-weight:900;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.grammar-exercise-pattern-context{display:inline-flex;align-items:center;gap:6px;max-width:100%;margin:0 0 9px;border:1px solid #e5d8db;background:#fbf8f8;color:#6e555b;border-radius:999px;padding:5px 8px;font-size:9px;line-height:1.35}.grammar-exercise-pattern-context span{font-weight:900;text-transform:uppercase;letter-spacing:.045em}.grammar-exercise-pattern-context strong{color:var(--maroon);font-size:10px;overflow-wrap:anywhere}.grammar-exercise-pattern-context.is-review{margin:0 0 10px}.grammar-exercise-feedback-pattern{border-bottom:1px solid rgba(92,56,64,.12);padding-bottom:6px;margin-bottom:6px!important}.grammar-practice-summary-chapter-title{margin:0 0 5px;color:#6f5960;font-size:12px;font-weight:800;line-height:1.5}.grammar-practice-pattern-results{margin:0 0 15px;border:1px solid #e5d9dc;background:#fcfaf9;border-radius:13px;padding:13px;text-align:left}.grammar-practice-pattern-results-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.grammar-practice-pattern-results-head>span{color:#6f565c;font-size:9px;font-weight:900;letter-spacing:.055em}.grammar-practice-pattern-results-head small{color:#917a7f;font-size:8px;font-weight:800}.grammar-practice-pattern-results-list{display:grid;gap:6px}.grammar-practice-pattern-results-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #ebe2e4;background:#fff;border-radius:9px;padding:8px 9px}.grammar-practice-pattern-results-list span{min-width:0;color:#45353a;font-size:10px;font-weight:800;overflow-wrap:anywhere}.grammar-practice-pattern-results-list strong{color:var(--maroon);font-size:10px;white-space:nowrap}.grammar-practice-strengthen{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #e9dfe1}.grammar-practice-strengthen>span{color:#806970;font-size:9px;font-weight:900}.grammar-practice-strengthen>div{display:flex;flex-wrap:wrap;gap:5px}.grammar-practice-strengthen strong{border-radius:999px;background:#fff2f2;color:#8b4141;padding:5px 7px;font-size:9px;line-height:1.3}@media (max-width:700px){.grammar-practice-chapter-grid{grid-template-columns:1fr}}@media (max-width:430px){.grammar-practice-chapter-card{padding:13px;gap:9px}.grammar-practice-chapter-card-head h3{font-size:16px}.grammar-practice-chapter-size button{min-height:38px;padding-inline:10px}.grammar-practice-chapter-start{width:100%;justify-content:center;min-height:44px}.grammar-practice-pattern-results-head{display:block}.grammar-practice-pattern-results-head small{display:block;margin-top:3px}}.grammar-quiz-shell,.grammar-quiz-result{width:100%;min-width:0}.grammar-quiz-shell button:focus-visible,.grammar-quiz-result button:focus-visible,.grammar-quiz-shell input:focus-visible{outline:3px solid rgba(130,37,53,.22);outline-offset:2px}.grammar-quiz-scope{display:flex;gap:7px;margin-bottom:14px}.grammar-quiz-scope button{border:1px solid #dccacc;background:#fff;color:var(--muted);border-radius:999px;padding:8px 13px;min-height:38px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}.grammar-quiz-scope button.active{border-color:#b9858e;color:var(--maroon);background:#fff8f7}.grammar-quiz-intro,.grammar-quiz-session-head,.grammar-quiz-result,.grammar-quiz-review-heading{border:1px solid #eadfe1;background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 5px 18px #4c1f270a}.grammar-quiz-intro h2,.grammar-quiz-session-head h2,.grammar-quiz-result h2,.grammar-quiz-review-heading h2{margin:4px 0 6px;color:#251d1f;font-size:24px;line-height:1.3}.grammar-quiz-intro>p:last-child,.grammar-quiz-session-head>div>p:last-child,.grammar-quiz-review-heading>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.grammar-quiz-pattern-grid,.grammar-quiz-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:12px;width:100%;min-width:0}.grammar-quiz-pattern-card,.grammar-quiz-chapter-card{min-width:0;border:1px solid #eadfe1;background:#fff;border-radius:14px;padding:15px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.grammar-quiz-pattern-card h3,.grammar-quiz-chapter-card h3{margin:0;color:#2e2325;font-size:18px;line-height:1.4;overflow-wrap:anywhere}.grammar-quiz-pattern-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.grammar-quiz-meta{color:#8e7479;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.grammar-quiz-available{font-size:10px;color:#6d565b;margin-top:2px}.grammar-quiz-pattern-preview{display:flex;flex-wrap:wrap;gap:6px;min-height:29px}.grammar-quiz-pattern-preview span,.grammar-quiz-pattern-preview small{border:1px solid #eadfe1;background:#fbf8f8;border-radius:999px;padding:5px 8px;color:#684f55;font-size:9px;font-weight:800}.grammar-quiz-card-stats{display:flex;flex-wrap:wrap;gap:8px;width:100%}.grammar-quiz-card-stats span{flex:1 1 130px;border:1px solid #eee4e6;background:#fcfaf9;border-radius:10px;padding:9px 10px;color:#6e585e;font-size:10px}.grammar-quiz-card-stats strong{color:#3e2b30;font-size:13px;margin-right:3px}.grammar-quiz-count{width:100%;border-top:1px solid #f0e8e9;padding-top:10px;margin-top:2px}.grammar-quiz-count>span{display:block;color:#7d666b;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;margin-bottom:7px}.grammar-quiz-count>div{display:flex;flex-wrap:wrap;gap:6px}.grammar-quiz-count button{border:1px solid #ddced1;background:#fff;color:#6d565b;border-radius:8px;min-width:42px;min-height:35px;padding:6px 9px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.grammar-quiz-count button.active{border-color:#a96572;background:#fff4f3;color:var(--maroon)}.grammar-quiz-start,.grammar-quiz-primary,.grammar-quiz-submit{border:1px solid #7f2636;background:var(--maroon);color:#fff;border-radius:10px;min-height:42px;padding:9px 13px;font:inherit;font-size:11px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.grammar-quiz-start{margin-top:auto;width:100%}.grammar-quiz-submit:disabled{background:#d8cbcd;border-color:#d8cbcd;cursor:not-allowed}.grammar-quiz-back{border:0;background:transparent;color:var(--maroon);padding:6px 2px;margin:0 0 8px;display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.grammar-quiz-session-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px;padding:15px 18px}.grammar-quiz-session-head h2{font-size:21px}.grammar-quiz-top{width:100%;min-width:0;margin-bottom:10px}.grammar-quiz-progress-copy{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px;color:#725c61;font-size:10px}.grammar-quiz-progress-copy strong{color:#493237;font-size:11px}.grammar-quiz-progress{height:7px;background:#eee6e7;border-radius:999px;overflow:hidden}.grammar-quiz-progress i{display:block;height:100%;background:var(--maroon);border-radius:999px;transition:width .2s ease}.grammar-quiz-question-card,.grammar-quiz-review-card{width:100%;min-width:0;border:1px solid #e7dadd;background:#fff;border-radius:17px;padding:20px;box-shadow:0 7px 24px #4d1c260d}.grammar-quiz-question-meta,.grammar-quiz-review-meta{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:10px}.grammar-quiz-question-meta span,.grammar-quiz-review-meta span{font-size:9px;font-weight:900;color:var(--maroon);text-transform:uppercase;letter-spacing:.05em;background:#fff5f5;border:1px solid #ecd8db;border-radius:999px;padding:4px 8px}.grammar-quiz-question-meta small{font-size:9px;color:#765e64;background:#f7f1f2;border-radius:999px;padding:4px 8px}.grammar-quiz-instruction,.grammar-quiz-review-instruction{margin:0 0 8px;color:#5b494d;font-size:12px;line-height:1.6}.grammar-quiz-question,.grammar-quiz-review-question{font-size:25px;font-weight:850;line-height:1.45;color:#21191b;padding:16px;border:1px solid #eee4e6;background:#fcfaf9;border-radius:13px;overflow-wrap:anywhere}.grammar-quiz-context,.grammar-quiz-review-context{margin:9px 2px 0;color:#6f5960;font-size:12px;line-height:1.6}.grammar-quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:15px;width:100%;min-width:0}.grammar-quiz-options button{min-width:0;min-height:52px;border:1px solid #dfd3d5;background:#fff;border-radius:11px;padding:11px 12px;text-align:left;color:#302629;font:inherit;font-size:13px;font-weight:750;line-height:1.45;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.grammar-quiz-options button:hover:not(:disabled){border-color:#c39aa2;background:snow}.grammar-quiz-options button.correct{border-color:#79aa8a;background:#f3faf5;color:#285d3b}.grammar-quiz-options button.wrong{border-color:#c98282;background:#fff3f3;color:#812f2f}.grammar-quiz-options button:disabled{cursor:default}.grammar-quiz-typing{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:15px}.grammar-quiz-typing input{min-width:0;min-height:46px;border:1px solid #ddced1;background:#fff;border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;color:#302629}.grammar-quiz-order{margin-top:15px;width:100%;min-width:0}.grammar-quiz-order-answer{min-height:72px;border:1.5px dashed #cdb5ba;background:snow;border-radius:12px;padding:10px;display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:7px;color:#9a8589;font-size:10px}.grammar-quiz-order-answer button,.grammar-quiz-order-pieces button{border:1px solid #d8c6c9;background:#fff;border-radius:9px;padding:9px 11px;min-height:40px;font:inherit;font-size:13px;font-weight:750;color:#33272a;cursor:pointer}.grammar-quiz-order-answer button{border-color:#b9858e;background:#fff4f3;color:#632a35}.grammar-quiz-order-pieces{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.grammar-quiz-order-pieces button:disabled{opacity:.35;cursor:default}.grammar-quiz-order-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.grammar-quiz-order-reset{border:1px solid #ddced1;background:#fff;color:#765a61;border-radius:9px;padding:8px 11px;min-height:40px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.grammar-quiz-order-reset:disabled{opacity:.45;cursor:not-allowed}.grammar-quiz-feedback{margin-top:15px;border-radius:12px;padding:12px 13px;border:1px solid;display:flex;align-items:center;justify-content:space-between;gap:12px}.grammar-quiz-feedback.correct{border-color:#a9cfb4;background:#f4faf6;color:#2d5c3a}.grammar-quiz-feedback.wrong{border-color:#e2b5b5;background:#fff7f7;color:#734040}.grammar-quiz-feedback>div{min-width:0}.grammar-quiz-feedback strong,.grammar-quiz-feedback span,.grammar-quiz-feedback small{display:block}.grammar-quiz-feedback strong{font-size:13px}.grammar-quiz-feedback span{font-size:11px;line-height:1.55;margin-top:3px}.grammar-quiz-feedback small{font-size:9px;line-height:1.45;margin-top:4px;opacity:.8}.grammar-quiz-feedback button{flex:0 0 auto;border:0;background:transparent;color:inherit;padding:7px 0;font:inherit;font-size:10px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:3px}.grammar-quiz-result{text-align:center;padding:23px 20px}.grammar-quiz-result-icon{width:54px;height:54px;margin:0 auto 9px;border-radius:50%;background:#f3e7e9;color:var(--maroon);display:grid;place-items:center}.grammar-quiz-result-lead{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.grammar-quiz-result-score{width:118px;height:118px;border-radius:50%;margin:17px auto 14px;border:7px solid #f1e5e7;background:#fff;display:grid;place-content:center;color:var(--maroon)}.grammar-quiz-result-score span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;color:#866d72}.grammar-quiz-result-score strong{font-size:35px;line-height:1.05}.grammar-quiz-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}.grammar-quiz-result-stats>div{border:1px solid #e7dcde;background:#fcfaf9;border-radius:11px;padding:11px 8px}.grammar-quiz-result-stats strong,.grammar-quiz-result-stats span{display:block}.grammar-quiz-result-stats strong{font-size:20px;color:#3e2b30}.grammar-quiz-result-stats span{font-size:9px;color:#7f686d;margin-top:2px}.grammar-quiz-pattern-results{margin:14px 0;text-align:left;border:1px solid #e9dfe1;background:#fcfaf9;border-radius:12px;padding:11px 13px}.grammar-quiz-result-section-title{font-size:9px;font-weight:950;letter-spacing:.07em;color:var(--maroon);margin-bottom:7px}.grammar-quiz-pattern-results>div:not(.grammar-quiz-result-section-title){display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid #eee5e6;font-size:11px}.grammar-quiz-pattern-results>div:nth-child(2){border-top:0}.grammar-quiz-pattern-results strong{color:#3e2b30}.grammar-quiz-wrong-recap{margin:14px 0;text-align:left;border:1px solid #edd1d3;background:#fff8f8;border-radius:12px;padding:11px 13px}.grammar-quiz-wrong-recap>div:first-child{display:flex;gap:8px;align-items:center;color:#7b4046}.grammar-quiz-wrong-recap span strong,.grammar-quiz-wrong-recap span small{display:block}.grammar-quiz-wrong-recap span strong{font-size:11px}.grammar-quiz-wrong-recap span small{font-size:9px;margin-top:2px;color:#8d6d71}.grammar-quiz-wrong-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.grammar-quiz-wrong-chips span{border:1px solid #e6c7ca;background:#fff;border-radius:999px;padding:4px 7px;color:#75454c;font-size:8px;font-weight:850}.grammar-quiz-result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px}.grammar-quiz-primary,.grammar-quiz-secondary,.grammar-quiz-ghost{min-height:42px;border-radius:10px;padding:9px 13px;font:inherit;font-size:10px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.grammar-quiz-secondary{border:1px solid #d7c6c9;background:#fff;color:var(--maroon)}.grammar-quiz-ghost{border:0;background:#f8f4f4;color:#765a61}.grammar-quiz-review-heading{margin-bottom:11px}.grammar-quiz-review-card{box-shadow:0 5px 18px #4c1f270a}.grammar-quiz-review-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.grammar-quiz-review-answer-grid>div{min-width:0;border:1px solid #e9dfe1;background:#fcfaf9;border-radius:11px;padding:11px 12px;text-align:left}.grammar-quiz-review-answer-grid span,.grammar-quiz-review-answer-grid strong{display:block}.grammar-quiz-review-answer-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.05em;color:#846d72;font-weight:900}.grammar-quiz-review-answer-grid strong{font-size:13px;line-height:1.55;margin-top:5px;overflow-wrap:anywhere}.grammar-quiz-review-answer-grid strong.correct{color:#2d6540}.grammar-quiz-review-answer-grid strong.wrong{color:#8c3535}.grammar-quiz-review-status{display:flex;align-items:center;gap:6px;margin-top:10px;border-radius:9px;padding:9px 11px;font-size:11px}.grammar-quiz-review-status.correct{background:#f2f8f4;color:#2d6540}.grammar-quiz-review-status.wrong{background:#fff3f3;color:#8c3535}.grammar-quiz-review-explanation{text-align:left;margin-top:11px;border:1px solid #e8dfe1;background:#fff;border-radius:11px;padding:11px 12px}.grammar-quiz-review-explanation>span{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;color:var(--maroon)}.grammar-quiz-review-explanation p{margin:5px 0 0;color:#59494d;font-size:11px;line-height:1.7}.grammar-quiz-transformation{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:9px}.grammar-quiz-transformation span{display:flex;align-items:center;gap:5px}.grammar-quiz-transformation strong{border:1px solid #e4d6d9;background:#fcf9f9;border-radius:8px;padding:6px 8px;color:#4e343a;font-size:10px}.grammar-quiz-review-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:11px}.grammar-quiz-review-nav button{width:auto;min-width:116px;min-height:42px;border:1px solid #d7c6c9;background:#fff;color:var(--maroon);border-radius:10px;padding:8px 14px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.grammar-quiz-review-nav button:last-child{justify-self:end}.grammar-quiz-review-nav button:disabled{opacity:.45;cursor:not-allowed}.grammar-quiz-review-nav strong{justify-self:center;color:#765d63;font-size:10px}.grammar-quiz-review-back{margin:10px auto 0;border:0;background:transparent;color:#765a61;padding:7px 10px;display:flex;align-items:center;gap:6px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.grammar-quiz-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#23181b61;display:grid;place-items:center;padding:18px}.grammar-quiz-dialog{width:min(430px,100%);border:1px solid #e5d6d9;background:#fff;border-radius:16px;padding:20px;box-shadow:0 18px 60px #2c171c33}.grammar-quiz-dialog h2{margin:0 0 6px;font-size:20px;color:#2f2024}.grammar-quiz-dialog p{margin:0;color:#6f5960;font-size:12px;line-height:1.65}.grammar-quiz-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.grammar-quiz-dialog button{min-height:42px;border-radius:10px;padding:9px 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.grammar-quiz-dialog-stay{border:1px solid #d7c6c9;background:#fff;color:#6d565b}.grammar-quiz-dialog-leave{border:1px solid #7f2636;background:var(--maroon);color:#fff}@media (max-width:700px){.grammar-quiz-pattern-grid,.grammar-quiz-chapter-grid,.grammar-quiz-options,.grammar-quiz-review-answer-grid{grid-template-columns:1fr}}@media (max-width:430px){.grammar-quiz-intro,.grammar-quiz-session-head,.grammar-quiz-result,.grammar-quiz-review-heading{padding:15px 14px}.grammar-quiz-intro h2,.grammar-quiz-session-head h2,.grammar-quiz-result h2,.grammar-quiz-review-heading h2{font-size:20px}.grammar-quiz-session-head{gap:8px}.grammar-quiz-question-card,.grammar-quiz-review-card{padding:15px 13px;border-radius:14px}.grammar-quiz-question,.grammar-quiz-review-question{font-size:21px;padding:13px 11px}.grammar-quiz-progress-copy{align-items:flex-start;flex-direction:column;gap:2px}.grammar-quiz-typing{grid-template-columns:1fr}.grammar-quiz-typing .grammar-quiz-submit{width:100%}.grammar-quiz-feedback{align-items:flex-start;flex-direction:column;gap:6px}.grammar-quiz-feedback button{align-self:flex-end}.grammar-quiz-result-stats{gap:6px}.grammar-quiz-result-stats>div{padding:9px 5px}.grammar-quiz-result-actions{display:grid;grid-template-columns:1fr}.grammar-quiz-result-actions button{width:100%}.grammar-quiz-review-nav{grid-template-columns:1fr 1fr;grid-template-areas:"prev next" "count count"}.grammar-quiz-review-nav button:first-child{grid-area:prev;width:100%;min-width:0}.grammar-quiz-review-nav button:last-child{grid-area:next;width:100%;min-width:0}.grammar-quiz-review-nav strong{grid-area:count;grid-row:2;justify-self:center}.grammar-quiz-dialog>div{flex-direction:column}.grammar-quiz-dialog button{width:100%}}.grammar-progress-panel,.grammar-srs-shell{width:100%;min-width:0}.grammar-progress-panel{display:grid;gap:14px;margin:0 0 18px;padding:18px;border:1px solid #ead9dc;border-radius:18px;background:#fff}.grammar-progress-panel-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.grammar-progress-panel-top h2{margin:0;font-size:1.05rem;color:#2d1d20}.grammar-progress-panel-top p{margin:4px 0 0;color:#76686b;font-size:.9rem}.grammar-progress-review-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:#7a1730;color:#fff;padding:10px 15px;font-weight:800;cursor:pointer;white-space:nowrap}.grammar-progress-review-btn:disabled{opacity:.5;cursor:not-allowed}.grammar-progress-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.grammar-progress-stats>div{min-width:0;border:1px solid #efe4e6;border-radius:12px;background:#fcfafb;padding:10px 11px}.grammar-progress-stats strong{display:block;color:#451724;font-size:1.02rem}.grammar-progress-stats span{display:block;margin-top:2px;color:#7d6b70;font-size:.76rem}.grammar-progress-filter-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-top:1px solid #f0e6e8;padding-top:12px}.grammar-progress-filter-wrap>span{font-size:.78rem;font-weight:800;color:#6d555b}.grammar-progress-filter{display:flex;gap:7px;flex-wrap:wrap}.grammar-progress-filter button{border:1px solid #e3d2d6;background:#fff;color:#6b5158;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800;cursor:pointer}.grammar-progress-filter button.active{background:#7a1730;border-color:#7a1730;color:#fff}.grammar-progress-filter button:disabled{opacity:.45;cursor:not-allowed}.grammar-progress-error{display:flex;gap:8px;align-items:flex-start;border-radius:11px;background:#fff5e8;color:#7f4b0e;padding:10px 12px;font-size:.82rem}.grammar-progress-error strong{display:block}.grammar-chapter-progress-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0 14px;padding:10px;border-radius:12px;background:#faf6f7;border:1px solid #efe2e5}.grammar-chapter-progress-grid>div{min-width:0}.grammar-chapter-progress-grid span{display:block;color:#887278;font-size:.7rem;font-weight:700}.grammar-chapter-progress-grid strong{display:block;margin-top:2px;color:#4b2630;font-size:.86rem}.grammar-srs-shell{display:grid;gap:14px}.grammar-srs-back,.grammar-srs-study-link{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:7px;border:1px solid #dfcfd3;background:#fff;color:#5d3440;border-radius:10px;padding:9px 12px;font-weight:800;cursor:pointer}.grammar-srs-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #eadbde;border-radius:18px;background:#fff}.grammar-srs-head h2{margin:3px 0 4px;color:#321b21}.grammar-srs-head p:last-child{margin:0;color:#78676b}.grammar-srs-counter{flex:0 0 auto;text-align:right}.grammar-srs-counter span{display:block;color:#89757a;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.grammar-srs-counter strong{font-size:1.08rem;color:#651b30}.grammar-srs-card{display:grid;gap:16px;border:1px solid #ead9dd;border-radius:20px;background:#fff;padding:clamp(20px,3vw,30px)}.grammar-srs-meta{display:flex;gap:7px;flex-wrap:wrap}.grammar-srs-meta span{border-radius:999px;background:#f7edef;color:#76223a;padding:5px 9px;font-size:.73rem;font-weight:800}.grammar-srs-label{margin:0;color:#896d74;font-size:.75rem;font-weight:900;letter-spacing:.1em}.grammar-srs-card h3{margin:-7px 0 0;font-size:clamp(2rem,5vw,3.3rem);line-height:1.2;color:#31171f;font-family:"Noto Serif JP",Yu Mincho,serif}.grammar-srs-prompt{margin:0;color:#5f4a50;font-size:1rem}.grammar-srs-primary{width:max-content;max-width:100%;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:#7a1730;color:#fff;padding:11px 16px;font-weight:900;cursor:pointer}.grammar-srs-answer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grammar-srs-answer>div{min-width:0;border:1px solid #ecdee1;border-radius:13px;background:#fcfafb;padding:13px}.grammar-srs-answer span{display:block;color:#8b747a;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.grammar-srs-answer strong{display:block;margin-top:5px;color:#352126;line-height:1.65}.grammar-srs-example{grid-column:1/-1}.grammar-srs-example small{display:block;margin-top:4px;color:#736369}.grammar-srs-rating{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.grammar-srs-rating button{min-width:0;border:1px solid #e1d0d4;background:#fff;border-radius:12px;padding:11px 9px;text-align:left;cursor:pointer}.grammar-srs-rating button:hover:not(:disabled){border-color:#a46777;background:#fffafb}.grammar-srs-rating button:disabled{opacity:.55;cursor:wait}.grammar-srs-rating strong,.grammar-srs-rating small{display:block}.grammar-srs-rating strong{color:#5b2232}.grammar-srs-rating small{margin-top:3px;color:#827076;font-size:.7rem;line-height:1.35}.grammar-srs-save-status{margin:0;color:#775f66;font-size:.82rem}.grammar-srs-save-error{display:grid;gap:3px;border-radius:12px;background:#fff0ee;color:#8e2e27;padding:11px 13px;font-size:.8rem}.grammar-srs-study-link{margin-top:-2px}.grammar-srs-result,.grammar-srs-empty{display:grid;justify-items:center;text-align:center;gap:12px;border:1px solid #ead9dd;border-radius:20px;background:#fff;padding:clamp(28px,5vw,48px)}.grammar-srs-result-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#f2e4e8;color:#7a1730}.grammar-srs-result h2,.grammar-srs-empty h2{margin:0;color:#371b23}.grammar-srs-result p,.grammar-srs-empty p{margin:0;color:#76666b}.grammar-srs-result-stats{width:min(620px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.grammar-srs-result-stats>div{border:1px solid #eadde0;border-radius:12px;background:#fcfafb;padding:12px}.grammar-srs-result-stats strong,.grammar-srs-result-stats span{display:block}.grammar-srs-result-stats strong{font-size:1.25rem;color:#5e2032}.grammar-srs-result-stats span{font-size:.76rem;color:#7e6d72}.grammar-quiz-progress-save-error{margin:12px 0 0;border-radius:11px;background:#fff2ef;color:#8b302a;padding:9px 11px;font-size:.78rem}@media (max-width:900px){.grammar-progress-stats,.grammar-chapter-progress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.grammar-progress-panel{padding:14px}.grammar-progress-panel-top{align-items:flex-start;flex-direction:column}.grammar-progress-review-btn{width:100%}.grammar-progress-stats,.grammar-chapter-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-srs-head{align-items:flex-start}.grammar-srs-answer{grid-template-columns:1fr}.grammar-srs-example{grid-column:auto}.grammar-srs-rating,.grammar-srs-result-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.grammar-page{max-width:1180px}.grammar-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--muted);font-size:13px}.grammar-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--maroon);text-decoration:none;font-weight:800}.grammar-header{align-items:center}.grammar-header h1{display:flex;align-items:baseline;gap:12px;margin:3px 0 9px}.grammar-header h1>span{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:48px;color:var(--ink)}.grammar-header h1>small{font-size:27px;color:var(--maroon);font-weight:800;letter-spacing:-.02em}.grammar-header>div:first-child>p:last-child{max-width:780px;line-height:1.65}.grammar-pilot-badge{width:110px;height:110px;border-radius:50%;background:#fff;border:1px solid #ddc9cc;box-shadow:0 12px 28px #55141d0b;display:grid;place-content:center;text-align:center;flex:0 0 auto}.grammar-pilot-badge strong{font-size:27px;color:var(--maroon);line-height:1}.grammar-pilot-badge span{font-size:10px;color:var(--muted);font-weight:800;margin-top:5px;letter-spacing:.04em;text-transform:uppercase}.grammar-controls{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:22px 0 10px}.grammar-search{margin:0;flex:1;max-width:600px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 13px;display:flex;align-items:center;gap:8px;color:var(--muted)}.grammar-search input{border:0;box-shadow:none!important;margin:0;padding:12px 2px;background:transparent;min-width:0}.grammar-search button{border:0;background:transparent;color:var(--maroon);font-size:11px;font-weight:800;padding:8px 2px;cursor:pointer}.grammar-level-filter{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.grammar-level-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:800;color:#625658;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.grammar-level-filter button span{font-size:10px;color:var(--muted);background:#f1e8e9;border-radius:999px;padding:2px 6px}.grammar-level-filter button.active{background:var(--maroon);border-color:var(--maroon);color:#fff}.grammar-level-filter button.active span{background:#fff2;color:#fff}.grammar-level-filter button:disabled{opacity:.4;cursor:not-allowed}.grammar-summary-line{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:18px}.grammar-chapter-list{display:grid;gap:18px;width:100%;min-width:0}.grammar-controls,.grammar-summary-line,.grammar-detail-card,.grammar-navigation-stack{width:100%;min-width:0}.grammar-chapter-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.grammar-chapter-heading{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px 22px;background:linear-gradient(180deg,#fff,#fdf9f9);border-bottom:1px solid var(--line)}.grammar-chapter-number{width:58px;height:58px;border-radius:15px;background:var(--soft);color:var(--maroon);display:grid;place-content:center;text-align:center}.grammar-chapter-number span{font-size:9px;letter-spacing:.14em;font-weight:900}.grammar-chapter-number strong{font-size:24px;line-height:1.05}.grammar-chapter-heading h2{margin:0 0 5px;font-size:20px}.grammar-chapter-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.grammar-chapter-count{text-align:right;min-width:96px}.grammar-chapter-count strong,.grammar-chapter-count span{display:block}.grammar-chapter-count strong{font-size:24px;color:var(--maroon)}.grammar-chapter-count span{font-size:10px;color:var(--muted);font-weight:700;margin-top:2px}.grammar-pattern-list{display:grid}.grammar-pattern-row{border:0;border-bottom:1px solid #f0e8e9;background:#fff;padding:14px 18px;display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:12px;align-items:center;text-align:left;color:var(--ink);cursor:pointer}.grammar-pattern-row:last-child{border-bottom:0}.grammar-pattern-row:hover{background:#fff9fa}.grammar-pattern-order{font-size:10px;color:var(--muted);font-weight:850}.grammar-pattern-copy strong,.grammar-pattern-copy small{display:block}.grammar-pattern-copy strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:18px;color:#2b2021}.grammar-pattern-copy small{font-size:12px;color:var(--muted);margin-top:4px}.grammar-pattern-level{border:1px solid #ddc9cc;background:#fff7f8;color:var(--maroon);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900}.grammar-pattern-row>svg{color:#a68f92}.grammar-empty{background:#fff;border:1px dashed #d9cacc;border-radius:18px;padding:48px 20px;text-align:center;color:var(--muted)}.grammar-empty svg{color:var(--maroon)}.grammar-empty h2{color:var(--ink);margin:10px 0 5px}.grammar-empty p{margin:0 0 14px}.grammar-empty button{border:0;background:var(--maroon);color:#fff;border-radius:9px;padding:9px 12px;font-weight:800;cursor:pointer}.grammar-detail-wrap{width:100%;max-width:none;margin:0;min-width:0}.grammar-back{border:0;background:transparent;padding:8px 0;margin:0 0 10px;color:var(--maroon);font-weight:800;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.grammar-detail-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 55px #55141d09}.grammar-detail-hero{text-align:center;padding:34px 26px 28px;background:linear-gradient(160deg,#fff,#fdf7f8);border-bottom:1px solid var(--line)}.grammar-section-kicker{margin:0 0 9px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--maroon);font-weight:900}.grammar-detail-hero h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:42px;line-height:1.22;margin:0;color:#241b1c}.grammar-detail-meaning{font-size:18px;font-weight:800;color:var(--maroon);margin:9px 0 15px}.grammar-badges{display:flex;justify-content:center;gap:7px}.grammar-badges span{border:1px solid #dec8cb;background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:850;color:#6d5055}.grammar-detail-section{padding:24px 28px;border-bottom:1px solid #eee6e7}.grammar-detail-section:last-child{border-bottom:0}.grammar-detail-section>p{margin:10px 0 0;color:#4f4244;line-height:1.75;font-size:14px}.grammar-section-title{display:flex;align-items:center;gap:9px;color:var(--maroon)}.grammar-section-title h3{margin:0;color:var(--ink);font-size:17px}.grammar-section-title svg{flex:0 0 auto;color:var(--maroon)}.grammar-formula-icon{width:24px;height:24px;border-radius:7px;background:var(--soft);display:grid;place-items:center;font-family:serif;font-size:12px;font-weight:900}.grammar-formula{margin-top:12px;padding:16px 18px;border:1px solid #ddc9cc;border-radius:13px;background:#fff8f9;color:var(--maroon);font-weight:900;font-size:18px;line-height:1.55;overflow-wrap:anywhere}.grammar-example-list{display:grid;gap:10px;margin-top:13px}.grammar-example{border:1px solid #e9dfe1;background:#fff;border-radius:14px;padding:14px 16px}.grammar-example-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.grammar-example-number{width:24px;height:24px;border-radius:7px;background:var(--soft);color:var(--maroon);display:grid;place-items:center;font-size:10px;font-weight:900}.grammar-audio-btn{border:1px solid #dec8cb;background:#fff8f9;color:var(--maroon);border-radius:9px;padding:7px 9px;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;cursor:pointer}.grammar-example-japanese{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:20px!important;line-height:1.6!important;color:#271d1e!important;margin:4px 0!important}.grammar-highlight{background:#f3dfe2;color:var(--maroon);border-radius:4px;padding:0 2px;font-weight:800}.grammar-example-reading{font-size:12px!important;color:#75686a!important;margin:3px 0!important;line-height:1.55!important}.grammar-example-meaning{font-size:13px!important;color:#4f4244!important;margin:4px 0 0!important;line-height:1.55!important}.grammar-note-section{background:#fffcf7}.grammar-note-section ul{margin:12px 0 0;padding-left:21px;color:#594c4e;line-height:1.7;font-size:13px}.grammar-note-section li+li{margin-top:6px}.grammar-mistake-section{background:#fffbfb}.grammar-mistake-list{display:grid;gap:11px;margin-top:13px}.grammar-mistake{border:1px solid #efd9da;border-radius:13px;padding:14px;background:#fff}.grammar-mistake>div{display:grid;grid-template-columns:48px 1fr;gap:8px;align-items:baseline}.grammar-mistake>div+div{margin-top:7px}.grammar-mistake span{font-size:9px;font-weight:900;letter-spacing:.08em;color:var(--muted)}.grammar-mistake p{margin:0;line-height:1.55;font-size:13px}.grammar-mistake>p{margin-top:10px;color:var(--muted)}.grammar-wrong{color:#9b3a3a;text-decoration:line-through;text-decoration-thickness:1px}.grammar-correct{color:#2e6841;font-weight:800}.grammar-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.grammar-related-grid button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;align-items:center;text-align:left;cursor:pointer;color:var(--ink)}.grammar-related-grid button:hover{border-color:#c99ba2;background:#fff9fa}.grammar-related-grid strong,.grammar-related-grid small{display:block}.grammar-related-grid strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:15px}.grammar-related-grid small{font-size:10px;color:var(--muted);margin-top:3px}.grammar-related-meta{font-size:9px;color:var(--maroon);font-weight:850;white-space:nowrap}.grammar-related-grid svg{color:#ae9599}@media (max-width:900px){.grammar-controls{align-items:stretch;flex-direction:column}.grammar-search{max-width:none}.grammar-level-filter{justify-content:flex-start}}@media (max-width:700px){.grammar-page{padding:24px 16px}.grammar-header{align-items:flex-start}.grammar-header h1{display:grid;gap:1px}.grammar-header h1>span{font-size:40px}.grammar-header h1>small{font-size:22px}.grammar-pilot-badge{width:82px;height:82px}.grammar-pilot-badge strong{font-size:21px}.grammar-pilot-badge span{font-size:8px}.grammar-summary-line{display:block;line-height:1.6}.grammar-summary-line span{display:block}.grammar-chapter-heading{grid-template-columns:auto 1fr;padding:16px;gap:12px}.grammar-chapter-count{grid-column:2;text-align:left;display:flex;align-items:baseline;gap:6px}.grammar-chapter-count strong{font-size:17px}.grammar-pattern-row{padding:13px 14px;grid-template-columns:30px minmax(0,1fr) auto;gap:8px}.grammar-pattern-row>svg{display:none}.grammar-pattern-copy strong{font-size:16px}.grammar-detail-section{padding:20px 18px}.grammar-detail-hero{padding:27px 18px 23px}.grammar-detail-hero h2{font-size:34px;overflow-wrap:anywhere}.grammar-formula{font-size:16px;padding:14px}.grammar-related-grid{grid-template-columns:1fr}}@media (max-width:430px){.grammar-page{padding:21px 12px}.grammar-breadcrumb{margin-bottom:16px}.grammar-header{gap:9px}.grammar-header>div:first-child{min-width:0}.grammar-pilot-badge{display:none}.grammar-controls{margin-top:17px}.grammar-level-filter{gap:5px}.grammar-level-filter button{padding:7px 9px}.grammar-chapter-number{width:50px;height:50px;border-radius:13px}.grammar-chapter-heading h2{font-size:17px}.grammar-chapter-heading p{font-size:11px}.grammar-pattern-row{grid-template-columns:26px minmax(0,1fr) auto}.grammar-pattern-copy small{font-size:11px;line-height:1.45}.grammar-detail-card{border-radius:17px}.grammar-detail-hero h2{font-size:30px}.grammar-detail-meaning{font-size:16px}.grammar-example{padding:12px}.grammar-example-japanese{font-size:18px!important}.grammar-audio-btn{font-size:10px;padding:6px 8px}.grammar-mistake>div{grid-template-columns:42px 1fr}}.grammar-navigation-stack{display:grid;gap:14px;margin-top:18px}.grammar-pattern-nav,.grammar-chapter-nav{min-width:0;border-radius:16px}.grammar-pattern-nav{border:1px solid #dcc3c7;background:linear-gradient(160deg,#fffafb,#fff);padding:14px}.grammar-chapter-nav{border:1px solid var(--line);background:#fbf9f9;padding:12px}.grammar-nav-block-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.grammar-nav-block-heading span{font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:var(--maroon)}.grammar-nav-block-heading small{font-size:10px;color:var(--muted);line-height:1.35;text-align:right}.grammar-nav-block-heading-secondary span{color:#6f5b5e}.grammar-pattern-nav-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:stretch}.grammar-pattern-nav-btn{min-width:0;border:1px solid #d2aeb4;background:#fff;border-radius:13px;padding:12px 14px;display:flex;flex-direction:column;gap:3px;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease}.grammar-pattern-nav-btn:hover:not(:disabled){border-color:var(--maroon);background:#fff7f8;transform:translateY(-1px);box-shadow:0 8px 22px #55141d0b}.grammar-pattern-nav-btn:focus-visible,.grammar-chapter-nav-btn:focus-visible,.grammar-all-chapters-btn:focus-visible{outline:3px solid #d9aeb5;outline-offset:2px}.grammar-pattern-nav-btn:disabled{opacity:.42;cursor:not-allowed;background:#faf7f7;box-shadow:none}.grammar-pattern-nav-direction{display:flex;align-items:center;gap:7px;color:var(--maroon);font-size:11px;font-weight:950;line-height:1.35}.grammar-pattern-nav-btn strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:15px;line-height:1.4;overflow-wrap:anywhere}.grammar-pattern-nav-btn small{color:var(--muted);font-size:10px;line-height:1.4;overflow-wrap:anywhere}.grammar-pattern-nav-next{text-align:right;align-items:flex-end}.grammar-pattern-nav-next .grammar-pattern-nav-direction{justify-content:flex-end}.grammar-pattern-position{min-width:82px;border:1px solid #eadcdf;background:var(--soft);border-radius:13px;padding:10px 12px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.grammar-pattern-position span{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.grammar-pattern-position strong{margin-top:2px;font-size:17px;line-height:1.2;color:var(--maroon)}.grammar-chapter-nav-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:9px;align-items:stretch}.grammar-chapter-nav-btn{min-width:0;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;color:var(--ink);cursor:pointer;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease}.grammar-chapter-nav-btn:hover:not(:disabled){border-color:#c99ba2;background:#fff;transform:translateY(-1px)}.grammar-chapter-nav-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8f5f5}.grammar-chapter-nav-direction{display:flex;align-items:center;gap:6px;color:#725b5f;font-size:10px;font-weight:900;line-height:1.35}.grammar-chapter-nav-btn strong{font-size:13px;line-height:1.35}.grammar-chapter-nav-btn small{color:var(--muted);font-size:9px;line-height:1.4;overflow-wrap:anywhere}.grammar-chapter-nav-next{text-align:right;align-items:flex-end}.grammar-chapter-nav-next .grammar-chapter-nav-direction{justify-content:flex-end}.grammar-all-chapters-btn{align-self:center;min-height:44px;border:1px solid #d8c8cb;background:transparent;color:var(--maroon);border-radius:11px;padding:9px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:900;cursor:pointer;white-space:nowrap}.grammar-all-chapters-btn:hover{background:#fff;border-color:#bd9299}@media (max-width:700px){.grammar-pattern-nav-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"position position" "prev next"}.grammar-pattern-position{grid-area:position;justify-self:center;min-width:96px;padding:8px 14px}.grammar-pattern-nav-prev{grid-area:prev}.grammar-pattern-nav-next{grid-area:next}.grammar-chapter-nav-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"prev next" "all all"}.grammar-chapter-nav-prev{grid-area:prev}.grammar-chapter-nav-next{grid-area:next}.grammar-all-chapters-btn{grid-area:all;justify-self:center;min-width:132px}}@media (max-width:430px){.grammar-navigation-stack{gap:11px;margin-top:14px}.grammar-pattern-nav{padding:11px}.grammar-chapter-nav{padding:10px}.grammar-nav-block-heading{margin-bottom:8px}.grammar-nav-block-heading small{font-size:9px}.grammar-pattern-nav-grid,.grammar-chapter-nav-grid{gap:7px}.grammar-pattern-nav-btn{padding:11px 10px;min-height:76px}.grammar-pattern-nav-direction{font-size:10px;gap:5px}.grammar-pattern-nav-btn strong{font-size:13px}.grammar-pattern-nav-btn small{font-size:9px}.grammar-chapter-nav-btn{padding:9px;min-height:72px}.grammar-chapter-nav-direction{font-size:9px;gap:4px}.grammar-chapter-nav-btn strong{font-size:12px}.grammar-chapter-nav-btn small{font-size:8.5px}.grammar-all-chapters-btn{min-height:42px;padding:8px 11px}}.reading-page{max-width:1180px}.reading-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--muted);font-size:13px;flex-wrap:wrap}.reading-breadcrumb a,.reading-breadcrumb button{display:inline-flex;align-items:center;gap:6px;color:var(--maroon);text-decoration:none;font-weight:800;border:0;background:transparent;padding:0;cursor:pointer;font:inherit}.reading-page-header{align-items:center}.reading-page-header h1{display:flex;align-items:baseline;gap:12px;margin:3px 0 9px}.reading-page-header h1>span{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:48px;color:var(--ink)}.reading-page-header h1>small{font-size:27px;color:var(--maroon);font-weight:800;letter-spacing:-.02em}.reading-page-header>div:first-child>p:last-child{max-width:780px;line-height:1.65}.reading-pilot-badge{width:110px;height:110px;border-radius:50%;background:#fff;border:1px solid #ddc9cc;box-shadow:0 12px 28px #55141d0b;display:grid;place-content:center;text-align:center;flex:0 0 auto}.reading-pilot-badge strong{font-size:27px;color:var(--maroon);line-height:1}.reading-pilot-badge span{font-size:10px;color:var(--muted);font-weight:800;margin-top:5px;letter-spacing:.04em;text-transform:uppercase}.reading-kicker{font-size:10px!important;letter-spacing:.14em;font-weight:900;color:var(--maroon)!important;margin:0 0 6px!important;text-transform:uppercase}.reading-overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 26px}.reading-overview-strip>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.reading-overview-strip strong{font-size:21px;color:var(--maroon)}.reading-overview-strip span{font-size:11px;color:var(--muted);font-weight:800}.reading-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:18px 0 15px}.reading-section-heading h2{margin:0 0 6px;font-size:22px}.reading-section-heading p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.6;max-width:720px}.reading-chapter-grid,.reading-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0}.reading-chapter-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.reading-chapter-number{width:58px;height:58px;border-radius:15px;background:var(--soft);color:var(--maroon);display:grid;place-content:center;text-align:center;flex:0 0 auto}.reading-chapter-number span{font-size:9px;letter-spacing:.14em;font-weight:900}.reading-chapter-number strong{font-size:24px;line-height:1.05}.reading-chapter-copy{min-width:0}.reading-chapter-copy>p{margin:1px 0 4px;font-size:10px;font-weight:900;color:var(--maroon)}.reading-chapter-copy h3{margin:0 0 6px;font-size:18px}.reading-chapter-copy>span{display:block;color:var(--muted);font-size:12px;line-height:1.55;min-height:38px}.reading-chapter-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;color:var(--muted);font-size:10px}.reading-chapter-meta strong{color:var(--ink);font-size:11px}.reading-chapter-card>button,.reading-start-button{grid-column:1/-1;border:0;background:var(--maroon);color:#fff;border-radius:10px;min-height:40px;padding:9px 13px;font-size:12px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.reading-chapter-card>button:hover,.reading-start-button:hover{background:var(--maroon-dark)}.reading-back-chapters,.reading-back-list,.reading-back-result{border:1px solid var(--line);background:#fff;color:var(--maroon);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:850;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.reading-back-chapters{margin-bottom:14px}.reading-chapter-header{background:#fff;border:1px solid var(--line);border-radius:19px;padding:19px 21px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:15px}.reading-chapter-header h1{margin:0 0 5px;font-size:24px}.reading-chapter-header>div:nth-child(2)>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.reading-chapter-total{text-align:center;min-width:76px}.reading-chapter-total strong,.reading-chapter-total span{display:block}.reading-chapter-total strong{font-size:25px;color:var(--maroon)}.reading-chapter-total span{font-size:10px;color:var(--muted);font-weight:800}.reading-list-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;flex-direction:column;min-width:0}.reading-list-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.reading-list-card-top p{margin:0 0 5px;color:var(--maroon);font-size:10px;font-weight:900;letter-spacing:.08em}.reading-list-card-top h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;margin:0;font-size:23px;line-height:1.35}.reading-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.reading-badges span,.reading-meta-line span{border:1px solid #dfc8cb;background:#fff7f8;color:var(--maroon);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;white-space:nowrap}.reading-list-info{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:11px;font-weight:700}.reading-list-info span{display:inline-flex;align-items:center;gap:5px}.reading-target-preview{border-top:1px solid #f0e8e9;padding-top:12px;margin-bottom:15px}.reading-target-preview>span{display:block;font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}.reading-target-preview>div{display:flex;gap:6px;flex-wrap:wrap}.reading-target-preview strong{background:#f7f2f3;color:#5c4448;border-radius:8px;padding:5px 7px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:12px}.reading-start-button{margin-top:auto;width:100%}.reading-engine{width:100%;min-width:0}.reading-back-list{margin-bottom:10px}.reading-passage-card,.reading-question-card,.reading-result-card,.reading-review-summary,.reading-review-card{background:#fff;border:1px solid var(--line);border-radius:20px;min-width:0}.reading-passage-card{padding:22px;margin-bottom:14px}.reading-passage-header{display:flex;justify-content:space-between;gap:18px;align-items:start;border-bottom:1px solid #f0e8e9;padding-bottom:15px}.reading-passage-header h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:29px;margin:0 0 9px;line-height:1.35}.reading-meta-line{display:flex;gap:6px;flex-wrap:wrap}.reading-support-toggles{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.reading-support-toggles button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 10px;color:#675a5c;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.reading-support-toggles button.active{border-color:#c98e97;background:#fff6f7;color:var(--maroon)}.reading-passage-text{max-width:820px;margin:21px auto 16px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(21px,2.25vw,27px);line-height:2.05;color:#2d2425;letter-spacing:.01em}.reading-passage-text.show-furigana{line-height:2.45}.reading-passage-text p{margin:0 0 15px}.reading-passage-text ruby{ruby-align:center}.reading-passage-text rt{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.45em;color:#746568;font-weight:600;letter-spacing:0}.reading-translation{max-width:820px;margin:10px auto 19px;background:#fbf8f8;border:1px solid #eadfe1;border-radius:13px;padding:14px 16px}.reading-translation>span{display:block;color:var(--maroon);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.reading-translation p{margin:5px 0;color:#5d5052;font-size:13px;line-height:1.75}.reading-support-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.reading-support-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;min-width:0}.reading-support-heading{width:100%;border:0;background:#fdfafa;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4a3e40;cursor:pointer}.reading-support-heading>span{display:flex;align-items:center;gap:7px;font-weight:850;font-size:12px}.reading-support-heading strong{width:25px;height:25px;border-radius:999px;background:var(--soft);color:var(--maroon);display:grid;place-items:center;font-size:10px}.reading-vocab-list,.reading-grammar-list{display:grid;padding:5px 12px 11px}.reading-vocab-list>div{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(90px,.8fr) 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #f2e9ea;align-items:baseline}.reading-vocab-list>div:last-child{border-bottom:0}.reading-vocab-list strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:16px}.reading-vocab-list span{font-size:11px;color:#76676a}.reading-vocab-list small{font-size:11px;color:var(--muted)}.reading-grammar-list>div{padding:9px 0;border-bottom:1px solid #f2e9ea}.reading-grammar-list>div:last-of-type{border-bottom:0}.reading-grammar-list strong,.reading-grammar-list span,.reading-grammar-list small{display:block}.reading-grammar-list strong{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:16px}.reading-grammar-list span{font-size:11px;color:#66585a;margin:3px 0}.reading-grammar-list small{font-size:10px;color:var(--muted);line-height:1.5}.reading-grammar-module-link{margin-top:8px;border:1px solid #dfc8cb;border-radius:9px;padding:8px 10px;text-decoration:none;color:var(--maroon);font-size:11px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:5px}.reading-question-card{padding:21px 22px;scroll-margin-top:18px}.reading-question-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.reading-question-topline>div{display:flex;align-items:baseline;gap:7px}.reading-question-topline span{font-size:9px;color:var(--maroon);font-weight:900;letter-spacing:.12em}.reading-question-topline strong{font-size:13px}.reading-question-topline small{font-size:10px;color:var(--muted);font-weight:750}.reading-question-progress{height:5px;background:#eee6e7;border-radius:999px;overflow:hidden;margin-bottom:18px}.reading-question-progress i{display:block;height:100%;background:var(--maroon);border-radius:999px;transition:width .2s ease}.reading-question-card h3{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:22px;line-height:1.6;margin:0 0 16px}.reading-question-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reading-question-options button{min-height:50px;border:1px solid #ded2d4;background:#fff;border-radius:11px;padding:10px 12px;text-align:left;color:#403638;font-size:13px;font-weight:750;line-height:1.5;cursor:pointer}.reading-question-options button:not(:disabled):hover{border-color:#a85a66;background:#fff9fa}.reading-question-options button:disabled{cursor:default}.reading-question-options button.correct{background:#edf8f1;border-color:#a8d8b8;color:#24643a}.reading-question-options button.wrong{background:#fff0f0;border-color:#e3b0b0;color:#9d3030}.reading-question-feedback{margin-top:12px;border-radius:11px;padding:11px 12px;display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;font-size:11px}.reading-question-feedback.correct{background:#eef8f1;color:#27623b}.reading-question-feedback.wrong{background:#fff1f1;color:#973636}.reading-question-feedback span{justify-self:end;color:inherit;opacity:.78}.reading-question-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.reading-question-actions>span{font-size:10px;color:var(--muted);font-weight:750}.reading-question-actions button{border:0;background:var(--maroon);color:#fff;border-radius:9px;min-height:39px;padding:8px 12px;font-size:12px;font-weight:850;display:flex;align-items:center;gap:5px;cursor:pointer}.reading-question-actions button:disabled{opacity:.38;cursor:not-allowed}.reading-item-navigation,.reading-review-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px}.reading-item-navigation button,.reading-review-nav button{border:1px solid var(--line);background:#fff;color:#5d5052;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:800;display:flex;align-items:center;gap:5px;cursor:pointer}.reading-item-navigation button:last-child,.reading-review-nav button:last-child{justify-self:end}.reading-item-navigation button:disabled,.reading-review-nav button:disabled{opacity:.35;cursor:not-allowed}.reading-item-navigation strong,.reading-review-nav strong{text-align:center;font-size:10px;color:var(--muted)}.reading-result-card{max-width:none;width:100%;padding:30px;text-align:center;scroll-margin-top:18px}.reading-result-icon{width:58px;height:58px;border-radius:17px;background:var(--soft);color:var(--maroon);display:grid;place-items:center;margin:0 auto 12px}.reading-result-card h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:31px;margin:0 0 6px}.reading-result-card>p:not(.reading-kicker){margin:0;color:var(--muted);font-size:12px}.reading-result-score{margin:21px auto 12px;display:grid;place-items:center}.reading-result-score span{font-size:10px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.reading-result-score strong{font-size:52px;line-height:1.1;color:var(--maroon)}.reading-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:570px;margin:0 auto 19px}.reading-result-stats>div{background:#faf7f7;border-radius:12px;padding:12px}.reading-result-stats strong,.reading-result-stats span{display:block}.reading-result-stats strong{font-size:22px}.reading-result-stats span{font-size:9px;color:var(--muted);font-weight:800;margin-top:2px}.reading-result-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.reading-result-actions button{border:1px solid var(--line);background:#fff;color:#5f5053;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:850;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.reading-result-actions button.reading-primary-action{background:var(--maroon);border-color:var(--maroon);color:#fff}.reading-review-shell{width:100%;min-width:0}.reading-review-summary{padding:18px 20px;margin-bottom:10px}.reading-review-summary h2{margin:0 0 5px;font-size:22px}.reading-review-summary>p:last-child{margin:0;color:var(--muted);font-size:11px}.reading-review-card{padding:21px;scroll-margin-top:18px}.reading-review-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.reading-review-meta span{font-size:9px;font-weight:850;color:var(--maroon);background:#fff5f6;border:1px solid #ead6d9;border-radius:999px;padding:4px 7px}.reading-review-card h3{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:21px;line-height:1.55;margin:0 0 14px}.reading-review-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.reading-review-answer-grid>div{background:#faf8f8;border:1px solid #eee5e6;border-radius:11px;padding:11px;min-width:0}.reading-review-answer-grid span,.reading-review-explanation>span{display:block;font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.reading-review-answer-grid strong{display:block;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:15px;line-height:1.55;overflow-wrap:anywhere}.reading-review-status{margin-top:9px;border-radius:10px;padding:9px 11px;display:flex;align-items:center;gap:6px;font-size:11px}.reading-review-status.is-correct{background:#eef8f1;color:#27623b}.reading-review-status.is-wrong{background:#fff1f1;color:#973636}.reading-review-explanation{margin-top:12px;border-top:1px solid #eee5e6;padding-top:12px}.reading-review-explanation>p{margin:0;font-size:12px;color:#55484a;line-height:1.7}.reading-review-explanation blockquote{margin:11px 0 0;padding:10px 12px;background:#fbf7f8;border-left:3px solid #c99099;border-radius:0 9px 9px 0}.reading-review-explanation blockquote span{display:block;font-size:9px;color:var(--maroon);font-weight:850;margin-bottom:4px}.reading-review-explanation blockquote p{font-family:Yu Mincho,Hiragino Mincho ProN,serif;margin:0;font-size:14px;line-height:1.65;color:#4d4042}.reading-back-result{margin-top:11px}.reading-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f171999;display:grid;place-items:center;padding:18px;z-index:1000}.reading-exit-dialog{width:min(430px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 70px #0003}.reading-exit-dialog h3{margin:0 0 7px;font-size:20px}.reading-exit-dialog p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.reading-exit-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.reading-exit-dialog button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:850;cursor:pointer}.reading-exit-dialog button.danger{background:var(--maroon);border-color:var(--maroon);color:#fff}.reading-exit-dialog button:focus-visible,.reading-question-options button:focus-visible,.reading-support-toggles button:focus-visible,.reading-item-navigation button:focus-visible,.reading-review-nav button:focus-visible{outline:3px solid #b86a7655;outline-offset:2px}@media (max-width:900px){.reading-page{padding:24px 16px}.reading-chapter-grid,.reading-list-grid{grid-template-columns:1fr}.reading-page-header{align-items:start}}@media (max-width:700px){.reading-overview-strip{grid-template-columns:1fr 1fr}.reading-passage-header{display:grid}.reading-support-toggles{justify-content:flex-start}.reading-support-grid,.reading-question-options{grid-template-columns:1fr}.reading-question-feedback{grid-template-columns:auto 1fr}.reading-question-feedback span{grid-column:1/-1;justify-self:start}}@media (max-width:560px){.reading-page{padding:21px 12px}.reading-page-header h1>span{font-size:40px}.reading-page-header h1>small{font-size:23px}.reading-pilot-badge{width:88px;height:88px;margin-top:12px}.reading-pilot-badge strong{font-size:23px}.reading-chapter-header{grid-template-columns:auto 1fr;padding:15px}.reading-chapter-total{grid-column:1/-1;display:flex;align-items:baseline;justify-content:flex-start;gap:6px;text-align:left;border-top:1px solid #eee5e6;padding-top:10px}.reading-chapter-total strong{font-size:18px}.reading-passage-card,.reading-question-card,.reading-result-card,.reading-review-card{padding:16px}.reading-passage-header h2{font-size:25px}.reading-passage-text{font-size:21px;line-height:1.95;margin-top:17px}.reading-passage-text.show-furigana{line-height:2.45}.reading-vocab-list>div{grid-template-columns:1fr}.reading-vocab-list span{margin-top:-5px}.reading-question-card h3{font-size:19px}.reading-question-actions{align-items:stretch;flex-direction:column}.reading-question-actions button{justify-content:center;width:100%}.reading-item-navigation,.reading-review-nav{grid-template-columns:1fr 1fr}.reading-item-navigation strong,.reading-review-nav strong{grid-column:1/-1;grid-row:2}.reading-item-navigation button,.reading-review-nav button{width:100%;justify-content:center!important}.reading-review-answer-grid{grid-template-columns:1fr}.reading-result-actions{display:grid;grid-template-columns:1fr}.reading-result-actions button{justify-content:center;width:100%}.reading-exit-dialog>div{display:grid;grid-template-columns:1fr}.reading-exit-dialog button{min-height:42px}}@media (max-width:390px){.reading-overview-strip>div{padding:12px}.reading-support-toggles{display:grid;grid-template-columns:1fr;width:100%}.reading-support-toggles button{justify-content:center;width:100%}.reading-list-card-top{display:grid}.reading-badges{justify-content:flex-start}}.reading-progress-overview,.reading-chapter-progress-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:-12px 0 24px;width:100%;min-width:0}.reading-progress-overview>div,.reading-chapter-progress-summary>div{min-width:0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:12px 13px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.reading-progress-overview strong,.reading-chapter-progress-summary strong{font-size:18px;color:var(--maroon)}.reading-progress-overview span,.reading-chapter-progress-summary span{font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.05em;text-align:right}.reading-progress-system-note{margin:-14px 0 22px;font-size:10px;color:var(--muted);font-weight:750}.reading-progress-system-note.warning{color:#9b5d23}.reading-chapter-progress{margin-top:12px;padding-top:10px;border-top:1px solid #eee5e6;min-width:0}.reading-chapter-progress>div:first-child{display:flex;gap:8px;flex-wrap:wrap;color:#64575a;font-size:9px;font-weight:800}.reading-progress-bar{height:6px;background:#eee7e8;border-radius:999px;overflow:hidden;margin:8px 0 6px}.reading-progress-bar i{display:block;height:100%;background:var(--maroon);border-radius:inherit}.reading-chapter-progress small{display:block;color:var(--muted);font-size:9px;line-height:1.45}.reading-chapter-progress-summary{margin:0 0 12px}.reading-progress-filter{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 14px}.reading-progress-filter button{border:1px solid var(--line);background:#fff;color:#6a5b5e;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850;cursor:pointer}.reading-progress-filter button.active{background:var(--maroon);border-color:var(--maroon);color:#fff}.reading-list-progress{margin-top:auto;padding:11px 0 12px;border-top:1px solid #eee7e8;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;min-width:0}.reading-list-progress>span:last-child{font-size:9px;color:var(--muted);font-weight:750}.reading-status-badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;padding:5px 8px;font-size:9px!important;font-weight:900!important;line-height:1;color:#65585a;background:#f3eeee}.reading-status-badge.status-mastered{background:#edf8f1;color:#28643c}.reading-status-badge.status-repeat{background:#fff1f1;color:#9a3939}.reading-status-badge.status-completed{background:#fff7e9;color:#8b641d}.reading-status-badge.status-not_started{background:#f3eeee;color:#716468}.reading-progress-empty{border:1px dashed #d8c8cb;background:snow;border-radius:14px;padding:20px;text-align:center;color:var(--muted);font-size:11px}.reading-result-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:700px;margin:0 auto 15px}.reading-result-progress>div{background:#fff;border:1px solid #eadfe1;border-radius:11px;padding:10px 11px;min-width:0}.reading-result-progress span,.reading-result-progress strong{display:block}.reading-result-progress span{font-size:8px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.reading-result-progress strong{font-size:14px;color:#4c4042;overflow-wrap:anywhere}.reading-result-progress strong.status-mastered{color:#28643c}.reading-result-progress strong.status-repeat{color:#9a3939}.reading-result-progress strong.status-completed{color:#8b641d}.reading-progress-save-note{margin:-4px 0 14px!important;color:var(--muted)!important;font-size:10px!important;font-weight:750}.reading-progress-save-note.success{color:#317049!important}.reading-progress-save-error{max-width:620px;margin:0 auto 14px;padding:10px 12px;border:1px solid #e4bcbc;background:#fff4f4;border-radius:11px;color:#913c3c;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;font-size:10px;font-weight:800}.reading-progress-save-error small{width:100%;font-size:9px;font-weight:600;opacity:.8}.reading-progress-save-error button{border:1px solid #d4a0a0;background:#fff;color:#913c3c;border-radius:8px;padding:6px 9px;font-size:9px;font-weight:850;cursor:pointer}@media (max-width:900px){.reading-progress-overview,.reading-chapter-progress-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.reading-result-progress{grid-template-columns:1fr 1fr}}@media (max-width:560px){.reading-progress-overview,.reading-chapter-progress-summary{grid-template-columns:1fr 1fr;margin-top:0}.reading-progress-overview>div,.reading-chapter-progress-summary>div{padding:10px 11px}.reading-progress-filter{display:grid;grid-template-columns:1fr 1fr}.reading-progress-filter button{width:100%;min-height:38px}.reading-list-progress{align-items:flex-start;flex-direction:column}}@media (max-width:390px){.reading-progress-overview,.reading-chapter-progress-summary,.reading-result-progress{grid-template-columns:1fr 1fr}.reading-progress-filter{grid-template-columns:1fr}}.listening-page{max-width:1180px}.listening-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--muted);font-size:13px;flex-wrap:wrap}.listening-breadcrumb a,.listening-breadcrumb button{display:inline-flex;align-items:center;gap:6px;color:var(--maroon);text-decoration:none;font-weight:800;border:0;background:transparent;padding:0;cursor:pointer;font:inherit}.listening-breadcrumb a:hover,.listening-breadcrumb button:hover{color:var(--maroon-dark)}.listening-page-header{align-items:center}.listening-page-header h1{display:flex;align-items:baseline;gap:12px;margin:3px 0 9px}.listening-page-header h1>span{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:48px;color:var(--ink)}.listening-page-header h1>small{font-size:27px;color:var(--maroon);font-weight:800;letter-spacing:-.02em}.listening-page-header>div:first-child>p:last-child{max-width:780px;line-height:1.65}.listening-pilot-badge{width:110px;height:110px;border-radius:50%;background:#fff;border:1px solid #ddc9cc;box-shadow:0 12px 28px #55141d0b;display:grid;place-content:center;text-align:center;flex:0 0 auto}.listening-pilot-badge strong{font-size:27px;color:var(--maroon);line-height:1}.listening-pilot-badge span{font-size:10px;color:var(--muted);font-weight:800;margin-top:5px;letter-spacing:.04em;text-transform:uppercase}.listening-kicker{font-size:10px!important;letter-spacing:.14em;font-weight:900;color:var(--maroon)!important;margin:0 0 6px!important;text-transform:uppercase}.listening-overview-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 26px}.listening-overview-strip>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;align-items:baseline;justify-content:space-between;gap:10px}.listening-overview-strip strong{font-size:21px;color:var(--maroon)}.listening-overview-strip span{font-size:11px;color:var(--muted);font-weight:800}.listening-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:18px 0 15px}.listening-section-heading h2{margin:0 0 6px;font-size:22px}.listening-section-heading p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.6;max-width:720px}.listening-chapter-grid,.listening-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;width:100%;min-width:0}.listening-chapter-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.listening-chapter-number{width:58px;height:58px;border-radius:15px;background:var(--soft);color:var(--maroon);display:grid;place-content:center;text-align:center;flex:0 0 auto}.listening-chapter-number span{font-size:9px;letter-spacing:.14em;font-weight:900}.listening-chapter-number strong{font-size:24px;line-height:1.05}.listening-chapter-copy{min-width:0}.listening-chapter-copy>p{margin:1px 0 4px;font-size:10px;font-weight:900;color:var(--maroon)}.listening-chapter-copy h3{margin:0 0 6px;font-size:18px}.listening-chapter-copy>span{display:block;color:var(--muted);font-size:12px;line-height:1.55;min-height:38px}.listening-chapter-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;color:var(--muted);font-size:10px}.listening-chapter-meta strong{color:var(--ink);font-size:11px}.listening-chapter-divider{margin-top:12px;border-top:1px solid #eee5e6}.listening-chapter-card>button{grid-column:1/-1;border:0;background:var(--maroon);color:#fff;border-radius:10px;min-height:40px;padding:9px 13px;font-size:12px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.listening-chapter-card>button:hover{background:var(--maroon-dark)}.listening-back-chapters,.listening-back-list,.listening-back-result{border:1px solid var(--line);background:#fff;color:var(--maroon);border-radius:10px;padding:9px 12px;font-size:12px;font-weight:850;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.listening-back-chapters{margin-bottom:14px}.listening-chapter-header{background:#fff;border:1px solid var(--line);border-radius:19px;padding:19px 21px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin-bottom:15px}.listening-chapter-header h1{margin:0 0 5px;font-size:24px}.listening-chapter-header>div:nth-child(2)>p:last-child{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.listening-chapter-total{text-align:center;min-width:76px}.listening-chapter-total strong,.listening-chapter-total span{display:block}.listening-chapter-total strong{font-size:25px;color:var(--maroon)}.listening-chapter-total span{font-size:10px;color:var(--muted);font-weight:800}.listening-list-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:19px;display:flex;flex-direction:column;min-width:0}.listening-list-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px}.listening-list-card-top p{margin:0 0 5px;color:var(--maroon);font-size:10px;font-weight:900;letter-spacing:.08em}.listening-list-card-top h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;margin:0;font-size:23px;line-height:1.35}.listening-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.listening-badges span{border:1px solid #dfc8cb;background:#fff7f8;color:var(--maroon);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;white-space:nowrap}.listening-list-meta{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0;color:var(--muted);font-size:11px;font-weight:700}.listening-list-meta span{display:inline-flex;align-items:center;gap:5px}.listening-list-card>button{margin-top:auto;width:100%;border:0;background:var(--maroon);color:#fff;border-radius:10px;min-height:40px;padding:9px 13px;font-size:12px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.listening-list-card>button:hover{background:var(--maroon-dark)}.listening-session-header,.listening-audio-card,.listening-question-card,.listening-result-card,.listening-review-summary,.listening-review-card,.listening-transcript-tools{border:1px solid var(--line);background:#fff;border-radius:16px;box-shadow:0 5px 18px #43212a0b;min-width:0}.listening-engine{width:100%;min-width:0}.listening-back-list{margin-bottom:11px}.listening-session-header{padding:17px 19px;display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:11px}.listening-session-header h2{margin:3px 0 6px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:27px}.listening-meta-line{display:flex;gap:6px;flex-wrap:wrap}.listening-meta-line span{font-size:8px;font-weight:850;color:#5f5153;background:#faf6f7;border-radius:999px;padding:4px 7px}.listening-question-counter{text-align:right}.listening-question-counter span,.listening-question-counter strong{display:block}.listening-question-counter span{font-size:8px;color:var(--muted);font-weight:900}.listening-question-counter strong{font-size:18px;color:var(--maroon)}.listening-audio-card{padding:17px 19px;margin-bottom:10px}.listening-audio-card.compact{margin-top:10px}.listening-audio-heading{display:flex;align-items:center;gap:11px}.listening-audio-icon{width:43px;height:43px;border-radius:13px;background:var(--soft);color:var(--maroon);display:grid;place-items:center;flex:0 0 auto}.listening-audio-heading span,.listening-audio-heading strong,.listening-audio-heading small{display:block}.listening-audio-heading span{font-size:8px;color:var(--maroon);font-weight:900;letter-spacing:.1em}.listening-audio-heading strong{font-size:14px;margin-top:1px}.listening-audio-heading small{font-size:8px;color:var(--muted);margin-top:3px;line-height:1.4}.listening-audio-controls{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.listening-audio-controls button,.listening-speed-control button,.listening-transcript-actions button{border:1px solid var(--line);background:#fff;color:#5d5052;border-radius:9px;min-height:38px;padding:7px 10px;font-size:10px;font-weight:850;display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer}.listening-audio-controls button.listening-audio-primary{background:var(--maroon);border-color:var(--maroon);color:#fff;min-width:128px}.listening-audio-controls button:disabled,.listening-speed-control button:disabled{opacity:.38;cursor:not-allowed}.listening-speed-control{display:flex;align-items:center;gap:5px;margin-top:10px;flex-wrap:wrap}.listening-speed-control>span{font-size:9px;color:var(--muted);font-weight:850;margin-right:2px}.listening-speed-control button{min-height:30px;padding:5px 8px}.listening-speed-control button.active,.listening-transcript-actions button.active{border-color:#ba7883;background:#fff1f3;color:var(--maroon)}.listening-audio-error{margin:9px 0 0;color:#9d3030;background:#fff1f1;border-radius:9px;padding:8px 10px;font-size:9px}.listening-transcript-lock{margin:0 0 10px;color:var(--muted);font-size:9px;font-weight:750;display:flex;align-items:center;gap:5px;padding:0 3px}.listening-question-card{padding:20px;scroll-margin-top:18px}.listening-question-topline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.listening-question-topline span{font-size:9px;color:var(--maroon);font-weight:900;letter-spacing:.08em}.listening-question-topline strong{font-size:9px;color:var(--muted)}.listening-question-progress{height:5px;background:#eee6e7;border-radius:999px;overflow:hidden;margin-bottom:17px}.listening-question-progress i{display:block;height:100%;background:var(--maroon);border-radius:999px;transition:width .2s ease}.listening-question-card h3{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:21px;line-height:1.6;margin:0 0 15px}.listening-question-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.listening-question-options button{min-height:50px;border:1px solid #ded2d4;background:#fff;border-radius:11px;padding:10px 12px;text-align:left;color:#403638;font-size:12px;font-weight:750;line-height:1.5;cursor:pointer}.listening-question-options button:not(:disabled):hover{border-color:#a85a66;background:#fff9fa}.listening-question-options button.selected{border-color:#b67a84;background:#fff7f8}.listening-question-options button:disabled{cursor:default}.listening-question-feedback{margin-top:12px;border-radius:11px;padding:11px 12px;display:grid;grid-template-columns:auto auto 1fr;gap:7px;align-items:center;font-size:10px}.listening-question-feedback.correct{background:#eef8f1;color:#27623b}.listening-question-feedback.wrong{background:#fff1f1;color:#973636}.listening-question-feedback span{justify-self:end;opacity:.78}.listening-question-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:13px}.listening-question-actions>span{font-size:9px;color:var(--muted);font-weight:750}.listening-question-actions button{border:0;background:var(--maroon);color:#fff;border-radius:9px;min-height:39px;padding:8px 12px;font-size:11px;font-weight:850;display:flex;align-items:center;gap:5px;cursor:pointer}.listening-question-actions button:disabled{opacity:.38;cursor:not-allowed}.listening-item-navigation,.listening-review-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px}.listening-item-navigation button,.listening-review-nav button{border:1px solid var(--line);background:#fff;color:#5d5052;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px;cursor:pointer}.listening-item-navigation button:last-child,.listening-review-nav button:last-child{justify-self:end}.listening-item-navigation button:disabled,.listening-review-nav button:disabled{opacity:.35;cursor:not-allowed}.listening-item-navigation strong,.listening-review-nav strong{text-align:center;font-size:9px;color:var(--muted)}.listening-result-card{padding:28px;text-align:center;scroll-margin-top:18px}.listening-result-icon{width:58px;height:58px;border-radius:17px;background:var(--soft);color:var(--maroon);display:grid;place-items:center;margin:0 auto 12px}.listening-result-card h2{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:30px;margin:0 0 5px}.listening-result-card>p:not(.listening-kicker){margin:0;color:var(--muted);font-size:11px}.listening-result-score{margin:20px auto 11px}.listening-result-score span,.listening-result-score strong{display:block}.listening-result-score span{font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase}.listening-result-score strong{font-size:50px;color:var(--maroon);line-height:1.1}.listening-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:570px;margin:0 auto 18px}.listening-result-stats>div{background:#faf7f7;border-radius:12px;padding:12px}.listening-result-stats strong,.listening-result-stats span{display:block}.listening-result-stats strong{font-size:21px}.listening-result-stats span{font-size:8px;color:var(--muted);font-weight:800}.listening-result-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.listening-result-actions button{border:1px solid var(--line);background:#fff;color:#5f5053;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:850;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.listening-result-actions button.listening-primary-action{background:var(--maroon);border-color:var(--maroon);color:#fff}.listening-transcript-tools{padding:16px 18px;margin-top:10px}.listening-transcript-actions{display:flex;gap:7px;flex-wrap:wrap}.listening-transcript{margin-top:13px;border-top:1px solid #eee5e6;padding-top:12px}.listening-transcript-turn{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:8px 0}.listening-transcript-turn+.listening-transcript-turn{border-top:1px dashed #eee5e6}.listening-transcript-turn>strong{font-size:9px;color:var(--maroon);padding-top:4px}.listening-transcript-turn p{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:17px;line-height:1.8;margin:0;color:#43383a}.listening-transcript.show-furigana .listening-transcript-turn p{line-height:2.3}.listening-transcript rt{font-size:9px;color:#76676a}.listening-translation{margin-top:12px;background:#faf7f7;border-radius:11px;padding:12px}.listening-translation>span{display:block;font-size:8px;color:var(--maroon);font-weight:900;margin-bottom:5px}.listening-translation p{margin:0;color:#55494b;font-size:11px;line-height:1.7}.listening-translation p+p{margin-top:7px}.listening-review-shell{width:100%;min-width:0}.listening-review-summary{padding:17px 19px}.listening-review-summary h2{margin:2px 0 4px;font-size:22px}.listening-review-summary>p:last-child{margin:0;color:var(--muted);font-size:10px}.listening-review-card{padding:20px;margin-top:10px;scroll-margin-top:18px}.listening-review-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:11px}.listening-review-meta span{font-size:8px;font-weight:850;color:var(--maroon);background:#fff5f6;border:1px solid #ead6d9;border-radius:999px;padding:4px 7px}.listening-review-card h3{font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:20px;line-height:1.55;margin:0 0 13px}.listening-review-answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.listening-review-answer-grid>div{background:#faf8f8;border:1px solid #eee5e6;border-radius:11px;padding:11px;min-width:0}.listening-review-answer-grid span,.listening-review-explanation>span{display:block;font-size:8px;color:var(--muted);font-weight:850;text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px}.listening-review-answer-grid strong{display:block;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.listening-review-status{margin-top:9px;border-radius:10px;padding:9px 11px;display:flex;align-items:center;gap:6px;font-size:10px}.listening-review-status.is-correct{background:#eef8f1;color:#27623b}.listening-review-status.is-wrong{background:#fff1f1;color:#973636}.listening-review-explanation{margin-top:12px;border-top:1px solid #eee5e6;padding-top:12px}.listening-review-explanation>p{margin:0;font-size:11px;color:#55484a;line-height:1.7}.listening-review-explanation blockquote{margin:10px 0 0;padding:10px 12px;background:#fbf7f8;border-left:3px solid #c99099;border-radius:0 9px 9px 0}.listening-review-explanation blockquote span{display:block;font-size:8px;color:var(--maroon);font-weight:850;margin-bottom:4px}.listening-review-explanation blockquote p{font-family:Yu Mincho,Hiragino Mincho ProN,serif;margin:0;font-size:13px;line-height:1.65}.listening-back-result{margin-top:11px}.listening-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f171999;display:grid;place-items:center;padding:18px;z-index:1000}.listening-exit-dialog{width:min(430px,100%);background:#fff;border-radius:18px;padding:22px;box-shadow:0 20px 70px #0003}.listening-exit-dialog h3{margin:0 0 7px;font-size:20px}.listening-exit-dialog p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.listening-exit-dialog>div{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.listening-exit-dialog button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 11px;font-size:10px;font-weight:850;cursor:pointer}.listening-exit-dialog button.danger{background:var(--maroon);border-color:var(--maroon);color:#fff}.listening-audio-controls button:focus-visible,.listening-speed-control button:focus-visible,.listening-question-options button:focus-visible,.listening-transcript-actions button:focus-visible,.listening-item-navigation button:focus-visible,.listening-review-nav button:focus-visible,.listening-back-list:focus-visible,.listening-back-result:focus-visible{outline:3px solid #b86a7655;outline-offset:2px}@media (max-width:900px){.listening-page{padding:24px 16px}.listening-chapter-grid,.listening-list-grid{grid-template-columns:1fr}.listening-page-header{align-items:flex-start}}@media (max-width:700px){.listening-overview-strip{grid-template-columns:1fr 1fr}.listening-question-options{grid-template-columns:1fr}.listening-question-feedback{grid-template-columns:auto 1fr}.listening-question-feedback span{grid-column:1/-1;justify-self:start}.listening-session-header{align-items:flex-start}.listening-transcript-turn{grid-template-columns:1fr}.listening-transcript-turn>strong{padding-top:0}}@media (max-width:560px){.listening-page{padding:21px 12px}.listening-page-header h1>span{font-size:40px}.listening-page-header h1>small{font-size:23px}.listening-pilot-badge{width:88px;height:88px;margin-top:12px}.listening-pilot-badge strong{font-size:23px}.listening-chapter-header{grid-template-columns:auto 1fr;padding:15px}.listening-chapter-total{grid-column:1/-1;display:flex;align-items:baseline;justify-content:flex-start;gap:6px;text-align:left;border-top:1px solid #eee5e6;padding-top:10px}.listening-session-header{display:grid}.listening-question-counter{text-align:left;border-top:1px solid #eee5e6;padding-top:8px}.listening-audio-card,.listening-question-card,.listening-result-card,.listening-review-card,.listening-transcript-tools{padding:15px}.listening-audio-controls{display:grid;grid-template-columns:1fr 1fr}.listening-audio-controls .listening-audio-primary{grid-column:1/-1;width:100%}.listening-audio-controls button{width:100%}.listening-speed-control{justify-content:flex-start}.listening-question-card h3{font-size:18px}.listening-question-actions{align-items:stretch;flex-direction:column}.listening-question-actions button{justify-content:center;width:100%}.listening-item-navigation,.listening-review-nav{grid-template-columns:1fr 1fr}.listening-item-navigation strong,.listening-review-nav strong{grid-column:1/-1;grid-row:2}.listening-item-navigation button,.listening-review-nav button{width:100%;justify-content:center!important}.listening-result-actions{display:grid;grid-template-columns:1fr}.listening-result-actions button{justify-content:center;width:100%}.listening-review-answer-grid{grid-template-columns:1fr}.listening-exit-dialog>div{display:grid;grid-template-columns:1fr}.listening-exit-dialog button{min-height:42px}}@media (max-width:390px){.listening-overview-strip>div{padding:12px}.listening-list-card-top{display:grid}.listening-badges{justify-content:flex-start}.listening-transcript-actions{display:grid;grid-template-columns:1fr}.listening-transcript-actions button{width:100%}.listening-speed-control>span{width:100%}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#22191a;background:#f7f4f3;font-synthesis:none;text-rendering:optimizeLegibility;--maroon:#7a1f2b;--maroon-dark:#55141d;--cream:#f7f4f3;--ink:#22191a;--muted:#746a6b;--line:#e7ddde;--white:#fff;--soft:#f1e7e8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-frame{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border-radius:14px;background:var(--maroon);color:#fff;display:grid;place-items:center;font-family:serif;font-size:23px}.brand strong{display:block;letter-spacing:.08em}.brand span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.sidebar nav{display:grid;gap:7px;margin-top:35px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 13px;text-decoration:none;color:#564a4c;border-radius:11px;font-size:14px;font-weight:650}.nav-item:hover{background:#faf7f7}.nav-item.active{background:var(--soft);color:var(--maroon)}.sidebar-bottom{margin-top:auto;display:grid;gap:12px}.user-mini{display:flex;align-items:center;gap:9px;padding:11px;background:#faf7f7;border-radius:12px}.user-mini strong,.user-mini span{display:block}.user-mini strong{font-size:13px}.user-mini span{font-size:11px;color:var(--muted);text-transform:capitalize}.ghost-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 13px;display:flex;gap:8px;align-items:center;justify-content:center}.main{min-width:0}.page{padding:42px;max-width:1300px;margin:0 auto}.page-header{display:flex;justify-content:space-between;gap:20px;align-items:start;margin-bottom:28px}.page-header h1{font-size:34px;margin:3px 0 8px;letter-spacing:-.04em}.page-header p{color:var(--muted);margin:0}.eyebrow{font-size:11px!important;letter-spacing:.16em;font-weight:800;color:var(--maroon)!important}.level-badge{border:1px solid #dfc8cb;background:#fff;padding:9px 12px;border-radius:999px;color:var(--maroon);font-weight:700;font-size:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;gap:13px;align-items:center}.stat-icon{width:40px;height:40px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--maroon)}.stat-icon svg{width:20px}.stat strong,.stat span{display:block}.stat strong{font-size:20px}.stat span{font-size:12px;color:var(--muted);margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:16px;margin-top:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.panel h2{margin:5px 0 18px}.panel.accent{background:linear-gradient(155deg,var(--maroon-dark),var(--maroon));color:#fff;border:0}.panel.accent .eyebrow,.panel.accent p{color:#f3dfe2!important}.panel.accent li{margin:9px 0}.roadmap{display:grid;gap:11px}.road-step{display:flex;gap:12px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:12px}.road-step>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eee6e7;font-weight:800}.road-step.current{border-color:#c99ba2;background:#fcf7f8}.road-step.current>span{background:var(--maroon);color:#fff}.road-step strong,.road-step small{display:block}.road-step small{color:var(--muted);margin-top:3px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module-card,.empty-state{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}.module-card strong,.module-card span{display:block}.module-card span{font-size:13px;color:var(--muted);min-height:40px;margin:7px 0 16px}.module-card button{border:0;background:#f0e6e7;color:var(--maroon);border-radius:8px;padding:8px 11px}.title-icon{display:flex;align-items:center;gap:12px}.title-icon svg{color:var(--maroon)}.empty-state{text-align:center;padding:55px;color:var(--muted)}.empty-state svg{color:var(--maroon)}.empty-state h2{color:var(--ink)}.mobile-nav-topbar,.mobile-nav-layer{display:none}@media (max-width:1024px){.app-frame{display:block;min-height:100vh}.sidebar{display:none}.page{padding:28px 32px}.mobile-nav-topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;min-height:62px;padding:9px 16px;background:#fffffff5;border-bottom:1px solid var(--line);box-shadow:0 4px 18px #351c200a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mobile-nav-menu-button,.mobile-nav-close{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--maroon)}.mobile-nav-menu-button:hover,.mobile-nav-close:hover{background:#fff7f8}.mobile-nav-menu-button:focus-visible,.mobile-nav-close:focus-visible{outline:3px solid rgba(122,31,43,.2);outline-offset:2px}.mobile-nav-brand{display:flex;align-items:center;gap:9px;min-width:0;color:var(--ink)}.mobile-nav-brand .brand-mark{width:36px;height:36px;border-radius:11px;font-size:20px;flex:0 0 auto}.mobile-nav-brand strong{font-size:14px;letter-spacing:.09em;white-space:nowrap}.mobile-nav-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:block;visibility:hidden;pointer-events:none}.mobile-nav-layer.is-open{visibility:visible;pointer-events:auto}.mobile-nav-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#23141875;opacity:0;transition:opacity .18s ease}.mobile-nav-layer.is-open .mobile-nav-overlay{opacity:1}.mobile-nav-drawer{position:absolute;inset:0 auto 0 0;z-index:1;display:flex;flex-direction:column;width:min(320px,86vw);max-width:calc(100vw - 24px);height:100dvh;padding:20px 16px;background:#fff;border-right:1px solid var(--line);box-shadow:18px 0 48px #2b121633;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transform:translate(-104%);transition:transform .22s ease}.mobile-nav-layer.is-open .mobile-nav-drawer{transform:translate(0)}.mobile-nav-close{position:absolute;top:14px;right:14px;z-index:2}.mobile-nav-drawer .brand{padding-right:52px}.mobile-nav-drawer nav{display:grid;gap:7px;margin-top:30px}.mobile-nav-drawer .nav-item{width:100%;min-height:44px;justify-content:flex-start;gap:13px;font-size:14px;text-align:left;white-space:normal}.mobile-nav-drawer .nav-item svg{width:20px;flex:0 0 auto}.mobile-nav-drawer .sidebar-bottom{margin-top:auto;padding-top:28px;display:grid;gap:12px}.mobile-nav-drawer .ghost-btn{min-height:44px}}@media (max-width:430px){.mobile-nav-topbar{padding-inline:12px}.mobile-nav-drawer{width:min(320px,86vw);padding:18px 14px}}@media (prefers-reduced-motion:reduce){.mobile-nav-overlay,.mobile-nav-drawer{transition-duration:.01ms}}.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr}.auth-copy{background:radial-gradient(circle at 10% 10%,#9b3442 0,var(--maroon) 35%,#4f1019 100%);color:#fff;padding:70px;display:flex;flex-direction:column;justify-content:center}.hero-brand .brand-mark{background:#fff;color:var(--maroon)}.hero-brand span{color:#e9cdd1}.auth-copy h1{font-size:74px;line-height:.95;letter-spacing:-.055em;margin:60px 0 22px}.auth-copy h1 em{font-family:Georgia,serif;font-weight:400}.auth-copy>p{font-size:18px;line-height:1.7;max-width:580px;color:#f4e3e6}.pill-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.pill-row span{border:1px solid #c47b85;background:#ffffff0e;border-radius:999px;padding:8px 12px;font-size:12px}.auth-card{background:#fff;padding:70px;display:flex;flex-direction:column;justify-content:center}.auth-card h2{font-size:31px;margin:5px 0 7px;letter-spacing:-.035em}.muted{color:var(--muted)}form{display:grid;gap:16px;margin-top:28px}label{font-size:13px;font-weight:700;color:#504446}input{display:block;width:100%;margin-top:7px;border:1px solid #dacdd0;border-radius:10px;padding:12px 13px;outline:none}input:focus{border-color:var(--maroon);box-shadow:0 0 0 3px #7a1f2b14}.primary-btn{border:0;background:var(--maroon);color:#fff;padding:13px;border-radius:10px;font-weight:750}.primary-btn:hover{background:var(--maroon-dark)}.link-btn{border:0;background:transparent;color:var(--maroon);font-weight:700;margin-top:17px}.notice{margin-top:15px;padding:11px;border:1px solid #e3ced1;background:#fcf5f6;border-radius:10px;color:#6b2932;font-size:13px}.full-center{min-height:100vh;display:grid;place-items:center}.pending-wrap{background:#f5f0f1;padding:25px}.pending-card{max-width:520px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:42px}.pending-card>svg{color:var(--maroon)}.pending-card h1{margin:8px 0}.pending-card p{color:var(--muted);line-height:1.6}.pending-card button{margin:15px auto 0}@media (max-width:900px){.page{padding:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.auth-screen{grid-template-columns:1fr}.auth-copy{padding:42px}.auth-copy h1{font-size:52px;margin:35px 0 16px}.auth-card{padding:42px}.module-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.page{padding:18px}.page-header{display:block}.level-badge{display:inline-block;margin-top:14px}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:13px}.dashboard-grid,.module-grid{grid-template-columns:1fr}.auth-copy{display:none}.auth-card{padding:30px 22px}.auth-screen{display:block}.auth-card{min-height:100vh}.page-header h1{font-size:29px}}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.admin-summary>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.admin-summary strong,.admin-summary span{display:block}.admin-summary strong{font-size:24px}.admin-summary span{font-size:12px;color:var(--muted)}.table-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.table-scroll{overflow:auto}.table-card table{width:100%;border-collapse:collapse}.table-card th,.table-card td{text-align:left;padding:14px 16px;border-bottom:1px solid #eee6e7;font-size:13px}.table-card th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fcfafa}.table-card td strong,.table-card td small{display:block}.table-card td small{color:var(--muted);margin-top:3px}.table-card select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:7px 9px}.status{display:inline-block;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800}.status.approved{background:#e7f6ed;color:#216a3c}.status.pending{background:#fff5dc;color:#86610b}.status.blocked{background:#fae8e8;color:#962d2d}.action-row{display:flex;gap:7px}.mini{border:1px solid var(--line);background:#fff;padding:7px 9px;border-radius:8px;display:flex;align-items:center;gap:5px;font-size:12px}.mini.ok{border-color:#b8dfc7;color:#216a3c;background:#f4fbf6}.table-empty{text-align:center;color:var(--muted);padding:35px}@media (max-width:700px){.admin-summary{grid-template-columns:1fr}.table-card{margin:0 -6px}}.module-card.module-active{border-color:#d4adb3;background:linear-gradient(180deg,#fff,#fdf8f9)}.module-link{display:inline-flex;text-decoration:none;background:var(--maroon);color:#fff;border-radius:8px;padding:8px 11px;font-size:13px;font-weight:750}.module-link:hover{background:var(--maroon-dark)}.accent-link{display:inline-flex;margin-top:8px;color:#fff;text-decoration:none;font-weight:800;border-bottom:1px solid #ffffff70;padding-bottom:2px}.kana-page{max-width:1400px}.kana-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:22px}.kana-breadcrumb a{display:flex;align-items:center;gap:6px;color:var(--maroon);text-decoration:none;font-weight:750}.kana-header h1{font-size:42px}.kana-header h1>span{font-size:27px;color:var(--muted);font-weight:650;margin-left:7px}.kana-progress-ring{width:112px;height:112px;border-radius:50%;border:9px solid var(--soft);outline:1px solid #e5d4d6;display:grid;place-content:center;text-align:center;background:#fff;flex:0 0 auto}.kana-progress-ring strong{font-size:24px;color:var(--maroon)}.kana-progress-ring span{font-size:11px;color:var(--muted);font-weight:700}.kana-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kana-stats>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.kana-stats strong,.kana-stats span{display:block}.kana-stats strong{font-size:21px}.kana-stats span{font-size:12px;color:var(--muted);margin-top:2px}.kana-tabs{display:flex;gap:7px;background:#eee7e8;border-radius:13px;padding:5px;width:max-content;margin:24px 0 12px}.kana-tabs button{border:0;background:transparent;padding:10px 14px;border-radius:9px;display:flex;align-items:center;gap:7px;color:#665a5c;font-weight:750}.kana-tabs button.active{background:#fff;color:var(--maroon);box-shadow:0 2px 8px #4c18200e}.kana-filter-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.kana-filter-row button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 10px 7px 12px;font-size:12px;font-weight:700;color:#625658}.kana-filter-row button span{margin-left:7px;background:#f1e8e9;border-radius:999px;padding:2px 6px;color:var(--muted)}.kana-filter-row button.active{border-color:#b87680;background:var(--maroon);color:#fff}.kana-filter-row button.active span{background:#ffffff25;color:#fff}.study-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:20px;align-items:start}.kana-detail-card{position:sticky;top:22px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;text-align:center}.kana-detail-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;text-align:left;color:var(--muted)}.kana-detail-top>span:first-child{font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mastery-badge{border-radius:999px;padding:5px 7px;background:#f2ebec;color:#775d61;font-size:10px;font-weight:800}.mastery-badge.m-dikuasai{background:#e9f6ed;color:#28643c}.kana-hero-character{font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:116px;line-height:1.05;margin:24px 0 2px;color:#1f1819}.kana-romaji{font-size:25px;font-weight:850;color:var(--maroon);margin-bottom:16px}.audio-btn,.flash-audio{border:1px solid #dec8cb;background:#fff5f6;color:var(--maroon);border-radius:10px;padding:9px 12px;display:inline-flex;align-items:center;gap:7px;font-weight:750}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px;text-align:left}.detail-list>div{border:1px solid #eee5e6;border-radius:10px;padding:9px}.detail-list span,.detail-list strong{display:block}.detail-list span{font-size:10px;color:var(--muted)}.detail-list strong{font-size:13px;margin-top:2px}.mastery-bar{height:7px;background:#efe7e8;border-radius:999px;overflow:hidden;margin:18px 0 7px}.mastery-bar span{display:block;height:100%;background:var(--maroon);border-radius:999px}.kana-detail-card>small{font-size:10px;line-height:1.45;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:2px 0 12px}.section-heading h2{margin:3px 0 0}.section-heading>span{font-size:12px;color:var(--muted)}.hiragana-grid{display:grid;grid-template-columns:repeat(8,minmax(72px,1fr));gap:9px}.hiragana-cell{position:relative;border:1px solid var(--line);background:#fff;border-radius:13px;padding:10px 8px 9px;min-height:96px;overflow:hidden}.hiragana-cell:hover{border-color:#c99ba2;transform:translateY(-1px)}.hiragana-cell.selected{border:2px solid var(--maroon);background:#fdf7f8}.hiragana-cell.mastered:after{content:"✓";position:absolute;right:7px;top:6px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#e5f5eb;color:#21703e;font-size:10px;font-weight:900}.kana-char,.kana-reading{display:block}.kana-char{font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:38px;color:#241b1c;line-height:1.15}.kana-reading{font-size:11px;font-weight:800;color:var(--muted);margin-top:5px}.cell-mastery{position:absolute;left:8px;right:8px;bottom:6px;height:3px;background:#f0e8e9;border-radius:99px;overflow:hidden}.cell-mastery i{display:block;height:100%;background:var(--maroon)}.kana-loading{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.kana-loading div{height:96px;background:linear-gradient(90deg,#f3eeee,#fbf9f9,#f3eeee);background-size:200% 100%;border-radius:13px;animation:kana-shimmer 1.2s infinite}@keyframes kana-shimmer{to{background-position:-200% 0}}.flashcard-stage{max-width:760px;margin:28px auto;text-align:center}.flashcard-meta{display:flex;justify-content:space-between;margin-bottom:9px;color:var(--muted);font-size:12px;font-weight:700}.flashcard{width:100%;min-height:360px;border:1px solid var(--line);background:#fff;border-radius:24px;display:grid;place-content:center;gap:13px;box-shadow:0 20px 55px #56131b0b}.flashcard:hover{border-color:#d2adb2}.flash-kana{font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:145px;line-height:1}.flash-reading{font-size:30px;color:var(--maroon);font-weight:850}.flash-hint{font-size:12px;color:var(--muted);margin-top:8px}.flash-audio{margin:14px auto}.rating-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.rating-row button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 7px}.rating-row button:hover{border-color:#bc8b93;background:#fff8f9}.rating-row strong,.rating-row span{display:block}.rating-row strong{font-size:13px}.rating-row span{font-size:10px;color:var(--muted);margin-top:3px}.quiz-shell{max-width:780px;margin:25px auto}.quiz-top{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:11px}.quiz-progress{height:7px;background:#eee6e7;border-radius:999px;overflow:hidden}.quiz-progress i{display:block;height:100%;background:var(--maroon);border-radius:999px}.quiz-question-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;text-align:center}.quiz-question-card>p{color:var(--muted);font-size:13px;margin:0}.quiz-sound{position:absolute;right:22px;top:22px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px;color:var(--maroon)}.quiz-kana{font-family:Yu Mincho,Hiragino Mincho ProN,"Noto Serif JP",serif;font-size:126px;line-height:1.15;margin:15px 0 26px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quiz-options button{min-height:55px;border:1px solid #ded2d4;background:#fff;border-radius:12px;font-weight:800;color:#403638;display:flex;align-items:center;justify-content:center;gap:8px}.quiz-options button:not(:disabled):hover{border-color:#a85a66;background:#fff9fa}.quiz-options button.correct{background:#edf8f1;border-color:#a8d8b8;color:#24643a}.quiz-options button.wrong{background:#fff0f0;border-color:#e3b0b0;color:#9d3030}.quiz-feedback{margin-top:15px;padding:12px 13px;border-radius:11px;display:flex;justify-content:space-between;align-items:center;text-align:left}.quiz-feedback.ok{background:#eef8f1;color:#27623b}.quiz-feedback.bad{background:#fff1f1;color:#973636}.quiz-feedback button{border:0;background:transparent;color:inherit;font-weight:850;display:flex;align-items:center;gap:4px}.quiz-result{max-width:540px;margin:38px auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:42px;text-align:center}.result-icon{width:62px;height:62px;border-radius:18px;background:#f2e7e9;color:var(--maroon);display:grid;place-items:center;margin:0 auto 14px}.quiz-result h2{font-size:58px;margin:7px 0}.quiz-result>strong{color:var(--maroon)}.quiz-result>p:not(.eyebrow){color:var(--muted);line-height:1.6}.quiz-result .primary-btn{display:inline-flex;align-items:center;gap:7px;margin-top:8px}.kana-page .notice{margin-bottom:12px}@media (max-width:1100px){.hiragana-grid,.kana-loading{grid-template-columns:repeat(6,1fr)}.study-layout{grid-template-columns:250px minmax(0,1fr)}}@media (max-width:800px){.kana-header{display:flex}.kana-progress-ring{width:88px;height:88px}.kana-stats{grid-template-columns:1fr 1fr}.study-layout{grid-template-columns:1fr}.kana-detail-card{position:static}.hiragana-grid,.kana-loading{grid-template-columns:repeat(5,1fr)}.kana-detail-card{display:grid;grid-template-columns:auto 1fr;column-gap:18px;text-align:left}.kana-detail-top{grid-column:1/-1}.kana-hero-character{grid-row:2/6;font-size:100px;margin:18px 0}.kana-romaji{margin-top:20px}.audio-btn{width:max-content}.detail-list{margin-top:8px}.mastery-bar,.kana-detail-card>small{grid-column:1/-1}.rating-row{grid-template-columns:1fr 1fr}.flashcard{min-height:320px}.flash-kana{font-size:125px}}@media (max-width:560px){.kana-header h1{font-size:32px}.kana-header h1>span{display:block;font-size:19px;margin:2px 0 0}.kana-progress-ring{width:78px;height:78px;border-width:7px}.kana-progress-ring strong{font-size:18px}.kana-stats{gap:8px}.kana-tabs{width:100%}.kana-tabs button{flex:1;justify-content:center;padding:9px 7px;font-size:12px}.kana-filter-row{flex-wrap:nowrap;overflow:auto;padding-bottom:3px}.kana-filter-row button{white-space:nowrap}.hiragana-grid,.kana-loading{grid-template-columns:repeat(4,1fr);gap:7px}.hiragana-cell{min-height:82px}.kana-char{font-size:32px}.section-heading>span{display:none}.kana-detail-card{display:block;text-align:center}.kana-detail-top{display:flex}.kana-hero-character{font-size:105px;margin:20px 0 0}.kana-romaji{margin-top:0}.audio-btn{margin:auto}.detail-list{text-align:left}.flashcard{min-height:300px}.flash-kana{font-size:112px}.rating-row{gap:6px}.rating-row button{padding:10px 4px}.quiz-question-card{padding:24px 16px}.quiz-kana{font-size:108px}.quiz-options{grid-template-columns:1fr}.quiz-feedback{align-items:start;gap:10px}.quiz-result{padding:30px 20px}}.student-dashboard-page{padding-bottom:54px}.student-dashboard-header{margin-bottom:18px}.dashboard-continue{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px;background:linear-gradient(135deg,#fff,#fdf8f9);border-color:#dfc7cb}.dashboard-continue-copy{min-width:0}.dashboard-continue h2{margin:5px 0 7px;font-size:24px}.dashboard-continue p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.55}.dashboard-continue-link,.dashboard-module-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;font-weight:800;white-space:nowrap}.dashboard-continue-link{flex:0 0 auto;background:var(--maroon);color:#fff;border-radius:10px;padding:11px 15px}.dashboard-continue-link:hover,.dashboard-module-link:hover{background:var(--maroon-dark);color:#fff}.dashboard-safe-notice{margin:-10px 0 22px;padding:11px 13px;border:1px solid #e5d3d6;border-radius:11px;background:#fff8f9;color:#6c3940;font-size:13px}.dashboard-module-section{margin-top:4px}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:14px}.dashboard-section-heading h2{margin:4px 0 0;font-size:24px}.dashboard-section-heading>p{max-width:420px;margin:0;color:var(--muted);font-size:13px;line-height:1.5;text-align:right}.student-module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.student-module-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:17px;padding:19px;display:flex;flex-direction:column;box-shadow:0 7px 24px #3f1f2406}.student-module-card-top{display:flex;align-items:center;gap:11px;min-width:0}.student-module-card-top h3{margin:2px 0 0;font-size:17px;line-height:1.25}.dashboard-module-icon{width:40px;height:40px;border-radius:12px;background:var(--soft);color:var(--maroon);display:grid;place-items:center;flex:0 0 auto}.dashboard-module-kicker{display:block;color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.12em}.dashboard-module-metric{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:20px}.dashboard-module-metric span{color:var(--muted);font-size:12px}.dashboard-module-metric strong{font-size:21px;text-align:right;overflow-wrap:anywhere}.dashboard-module-detail{min-height:38px;margin:7px 0 16px;color:var(--muted);font-size:12px;line-height:1.5}.dashboard-progress-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:var(--muted);font-weight:700}.dashboard-progress-row strong{color:var(--maroon);font-size:12px}.dashboard-progress-track{height:6px;margin:7px 0 19px;background:#efe7e8;border-radius:999px;overflow:hidden}.dashboard-progress-track>span{display:block;height:100%;background:var(--maroon);border-radius:inherit;transition:width .2s ease}.dashboard-module-link{margin-top:auto;width:max-content;max-width:100%;background:#f2e8e9;color:var(--maroon);border-radius:9px;padding:9px 11px;font-size:12px}.dashboard-module-loading{display:grid;gap:9px;margin:21px 0 22px}.dashboard-module-loading span{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#f0e9ea,#faf7f7,#f0e9ea);background-size:200% 100%;animation:dashboard-shimmer 1.2s infinite}.dashboard-module-loading span:nth-child(1){width:76%}.dashboard-module-loading span:nth-child(2){width:100%}.dashboard-module-loading span:nth-child(3){width:62%}@keyframes dashboard-shimmer{to{background-position:-200% 0}}@media (max-width:1100px){.student-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.dashboard-continue{align-items:flex-start;flex-direction:column}.dashboard-continue-link{width:100%}.dashboard-section-heading{align-items:flex-start;flex-direction:column;gap:6px}.dashboard-section-heading>p{text-align:left;max-width:none}.student-module-grid{grid-template-columns:1fr}}@media (max-width:430px){.student-dashboard-page{padding-bottom:36px}.dashboard-continue{padding:19px}.dashboard-continue h2,.dashboard-section-heading h2{font-size:21px}.student-module-card{padding:17px}.dashboard-module-metric strong{font-size:19px}}@media (prefers-reduced-motion:reduce){.dashboard-progress-track>span{transition:none}.dashboard-module-loading span{animation:none}}.nav-item-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-status-badge{margin-left:auto;flex:0 0 auto;padding:4px 7px;border:1px solid #dec8cc;border-radius:999px;background:#fff7f8;color:var(--maroon);font-size:9px;font-weight:850;line-height:1;letter-spacing:.02em}.nav-item.active .nav-status-badge{background:#fff;border-color:#d8bfc3}.dashboard-summary-grid{margin-bottom:16px}.dashboard-summary-grid .stat{min-width:0}.dashboard-summary-grid .stat strong{overflow-wrap:anywhere}.dashboard-roadmap-section{margin-top:34px}.dashboard-roadmap-heading{margin-bottom:14px}.kojac-roadmap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kojac-roadmap-card{position:relative;min-width:0;background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px;box-shadow:0 7px 24px #3f1f2406}.kojac-roadmap-card.current{border-color:#cfabb1;background:linear-gradient(145deg,#fff,#fdf8f9)}.kojac-roadmap-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.kojac-roadmap-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--maroon);font-size:13px;font-weight:900}.kojac-roadmap-card.current .kojac-roadmap-number{background:var(--maroon);color:#fff}.kojac-roadmap-status{padding:5px 7px;border-radius:999px;background:#f7f2f3;color:#735a5e;font-size:9px;font-weight:850;white-space:nowrap}.kojac-roadmap-card.current .kojac-roadmap-status{background:#efe0e3;color:var(--maroon)}.kojac-roadmap-card h3{margin:0 0 7px;font-size:17px;line-height:1.3}.kojac-roadmap-card>p{min-height:58px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}.kojac-roadmap-meta{display:grid;gap:8px;margin-top:15px;padding-top:14px;border-top:1px solid #f0e7e8}.kojac-roadmap-meta span{display:flex;align-items:flex-start;gap:7px;color:#56494b;font-size:11px;line-height:1.45}.kojac-roadmap-meta svg{flex:0 0 auto;color:var(--maroon);margin-top:1px}.kojac-milestone-panel{margin-top:14px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:17px}.kojac-milestone-heading{display:flex;align-items:center;gap:11px;margin-bottom:16px}.kojac-milestone-heading h3{margin:2px 0 0;font-size:18px}.kojac-milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 16px}.kojac-milestone-item{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border:1px solid #eee4e5;border-radius:11px;background:#fcfafb;color:#55494a;font-size:12px;line-height:1.45}.kojac-milestone-item svg{flex:0 0 auto;color:var(--maroon);margin-top:1px}@media (max-width:1180px){.kojac-roadmap-grid,.kojac-milestone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.kojac-roadmap-grid,.kojac-milestone-grid{grid-template-columns:1fr}.kojac-roadmap-card>p{min-height:0}.dashboard-roadmap-heading{align-items:flex-start}}@media (max-width:560px){.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.dashboard-summary-grid .stat{padding:13px}.dashboard-summary-grid .stat strong{font-size:17px}.dashboard-summary-grid .stat span{font-size:11px}.nav-item{gap:9px}.nav-status-badge{font-size:8px;padding:4px 6px}.kojac-roadmap-card,.kojac-milestone-panel{padding:16px}}.feedback-card{max-width:760px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 7px 24px #3f1f2406}.feedback-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:19px;border-bottom:1px solid #f0e7e8}.feedback-card-heading h2{margin:4px 0 7px;font-size:23px}.feedback-card-heading>div>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.55}.feedback-card-icon{width:44px;height:44px;flex:0 0 auto;border-radius:13px;background:var(--soft);color:var(--maroon);display:grid;place-items:center}.feedback-form{max-width:none;margin-top:22px;gap:18px}.feedback-field{position:relative;display:grid;gap:7px}.feedback-field>span:first-child{font-size:13px;font-weight:750;color:#504446}.feedback-field>span:first-child>strong{color:var(--maroon)}.feedback-field>span:first-child>small{margin-left:6px;color:var(--muted);font-size:10px;font-weight:650}.feedback-field input,.feedback-field select,.feedback-field textarea{display:block;width:100%;margin:0;border:1px solid #dacdd0;border-radius:10px;padding:12px 13px;outline:none;background:#fff;color:var(--ink);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}.feedback-field textarea{resize:vertical;min-height:150px;line-height:1.55}.feedback-field select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{border-color:var(--maroon);box-shadow:0 0 0 3px #7a1f2b14}.feedback-field input:disabled,.feedback-field select:disabled,.feedback-field textarea:disabled{background:#faf7f7;color:#82787a;cursor:not-allowed}.feedback-field [aria-invalid=true]{border-color:#bb5b65}.feedback-field-meta{justify-self:end;color:var(--muted);font-size:10px;font-weight:600}.feedback-field-error{color:#963642;font-size:11px;font-weight:700}.feedback-status{display:grid;gap:3px;padding:12px 13px;border-radius:11px;font-size:12px;line-height:1.45}.feedback-status strong,.feedback-status span{display:block}.feedback-status.success{background:#eef8f1;border:1px solid #c7e6d2;color:#27623b}.feedback-status.error{background:#fff1f1;border:1px solid #edcaca;color:#8e333a}.feedback-submit{justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:158px}.feedback-submit:disabled{opacity:.65}@media (max-width:560px){.feedback-card{padding:18px}.feedback-card-heading{gap:12px}.feedback-card-heading h2{font-size:21px}.feedback-card-icon{width:40px;height:40px}.feedback-submit{width:100%;justify-self:stretch}.feedback-field textarea{min-height:170px}}