@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+JP:wght@500;600;700&display=swap";*{box-sizing:border-box}html{background:#f4f0e8}body{margin:0;min-width:320px;color:#22292b;font-family:Noto Sans SC,system-ui,sans-serif}button{font:inherit}:root{--ink:#22292b;--muted:#718078;--line:#ded8cc;--paper:#f4f0e8;--card:#fcfaf5;--forest:#234e45;--mint:#e2ece3;--clay:#ca7054;--sand:#eee3c9}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr;background:var(--paper)}button,input,select{font:inherit}.sidebar{padding:30px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{border:0;background:transparent;display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer;font-size:16px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--forest);color:#fff;font-family:"Noto Serif JP",serif}.sidebar nav{display:grid;gap:5px;margin-top:58px}.nav-item{border:0;background:transparent;color:var(--muted);padding:11px 12px;border-radius:10px;text-align:left;display:flex;gap:12px;cursor:pointer;font-size:14px}.nav-item:hover,.nav-item.active{background:#e7e5dc;color:var(--ink);font-weight:600}.nav-item.active span{color:var(--clay)}.sidebar-note{margin-top:auto;padding:17px;background:var(--mint);display:grid;gap:5px;border-radius:14px}.sidebar-note span{font:500 10px DM Mono,monospace;color:var(--muted);letter-spacing:.08em}.sidebar-note strong{font-size:13px}.sidebar-note small{color:var(--muted);font-size:11px}.content{width:min(1030px,100%);margin:auto;padding:50px 54px 70px}.eyebrow,.sheet-meta span{margin:0;font:500 11px DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1,.learning-header h1{margin:8px 0;font:600 clamp(33px,5vw,54px)/1.15 "Noto Serif JP",serif;letter-spacing:-.06em}.profile-chip{font-size:12px;padding:9px 13px;background:#faf8f1;border:1px solid var(--line);border-radius:99px}.hero-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin:35px 0 54px}.hero-card,.next-card,.study-sheet{border-radius:18px}.hero-card{padding:27px;background:var(--forest);color:#fff;display:grid;gap:14px}.hero-card p{margin:0;color:#b7d2c2;font:500 10px DM Mono,monospace}.hero-card strong{font:600 33px "Noto Serif JP",serif}.hero-card span,.hero-card small{font-size:12px;color:#cce0d2}.progress-track{height:8px;border-radius:8px;background:#51786c;overflow:hidden}.progress-track i{display:block;height:100%;background:#e6c978}.next-card{padding:27px;background:var(--sand);display:grid;align-content:start;gap:10px}.next-card p{margin:0;font:500 10px DM Mono,monospace;color:#76643a}.next-card h2{margin:0;font:600 21px/1.35 "Noto Serif JP",serif}.next-card span{font-size:12px;line-height:1.65;color:#5d5b51}.next-card button,.complete-session,.feedback button{justify-self:start;border:0;background:var(--ink);color:#fff;border-radius:8px;padding:10px 13px;cursor:pointer;font-size:12px}.next-card button:disabled{opacity:.45;cursor:default}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-head h2{margin:7px 0 0;font:600 25px "Noto Serif JP",serif}.section-head>span{font:11px DM Mono,monospace;color:var(--muted)}.task-list{display:grid;gap:8px}.task{display:grid;grid-template-columns:27px 1fr;padding:15px 17px;gap:12px;border:1px solid var(--line);background:var(--card);border-radius:12px}.task.done{opacity:.5}.check{width:22px;height:22px;padding:0;border:1px solid #9aa39d;border-radius:50%;background:transparent;cursor:pointer}.done .check{background:var(--forest);color:#fff}.task-open{border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.task-open:disabled{cursor:default}.task-open h3{display:inline;margin:0 0 0 8px;font-size:14px}.task-open p{margin:7px 0;color:#65706a;font-size:12px}.task-open small{color:var(--muted);font:11px DM Mono,monospace}.kind{display:inline-block;padding:3px 5px;border-radius:4px;background:var(--mint);color:var(--forest);font:500 10px DM Mono,monospace}.kind.复习{background:#f3ddd6;color:#984735}.kind.新课{background:#e8e2f0;color:#574c7e}.kind.加练{background:#eee4cf;color:#806728}.learning-header{max-width:650px}.back-link{border:0;background:transparent;color:var(--forest);padding:0;margin-bottom:40px;cursor:pointer;font-size:12px}.learning-header>p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.75}.study-sheet{margin-top:40px;overflow:hidden;border:1px solid var(--line);background:var(--card);box-shadow:0 12px 32px #3430270f}.sheet-meta{display:flex;gap:9px;align-items:center;padding:12px 21px;background:#edf2eb;border-bottom:1px solid var(--line)}.sheet-meta b{padding-left:9px;border-left:1px solid #c7d0c7;font-size:11px}.sheet-meta small{margin-left:auto;color:var(--muted);font-size:10px}.question-block{padding:36px 38px 20px}.audio-word button{border:0;background:transparent;padding:0;color:var(--ink);cursor:pointer;font:600 38px "Noto Serif JP",serif}.audio-word span,.audio-word em{display:block;font-style:normal}.audio-word span{margin-top:4px;color:var(--forest);font:500 18px "Noto Serif JP",serif}.audio-word em{margin-top:4px;color:var(--clay);font:500 12px DM Mono,monospace}.question-block>p{margin:22px 0 0;color:var(--muted);font-size:13px}.audio-control{display:flex;align-items:center;gap:8px;margin-top:17px}.play-button{width:37px;height:37px;border:0;border-radius:50%;background:var(--forest);color:#fff;cursor:pointer}.audio-toggle,.audio-control select{border:1px solid var(--line);background:#fffdf8;border-radius:6px;padding:7px;font-size:11px}.audio-toggle.on{border-color:var(--forest);color:var(--forest)}.audio-control small{font-size:10px;color:var(--clay)}.mode-row{display:flex;gap:8px;padding:0 38px 18px}.mode-row button,.filter-row button{border:1px solid var(--line);background:transparent;border-radius:6px;padding:7px 10px;font-size:11px;cursor:pointer}.mode-row button.active,.filter-row button.active{color:var(--forest);border-color:var(--forest);background:var(--mint)}.input-answer{display:flex;gap:8px;padding:0 38px 33px}.input-answer input{flex:1;border:1px solid var(--line);border-radius:8px;padding:13px;background:#fffdf9}.input-answer button{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:0 14px;cursor:pointer}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 38px 33px}.answer-grid button{min-height:55px;border:1px solid var(--line);background:#fffdf8;border-radius:8px;cursor:pointer;font:600 17px "Noto Serif JP",serif}.feedback{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 38px;background:#f0f2ec;border-top:1px solid var(--line)}.feedback div{display:grid;gap:4px}.feedback strong{color:var(--forest)}.feedback.incorrect strong{color:#a04d3a}.feedback span{font-size:12px;color:var(--muted)}.feedback select{font-size:11px;padding:4px}.complete-session{margin:0 38px 28px}.listening-body{padding:0 38px 30px}.listening-body ol{padding-left:20px;color:#59635d;font-size:13px;line-height:2}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:35px 0 18px}.review-grid article{padding:22px;background:var(--mint);border-radius:14px;display:grid;gap:5px}.review-grid strong{font:600 35px "Noto Serif JP",serif;color:var(--forest)}.review-grid span{font-size:12px;color:var(--muted)}.review-list,.mistake-list{display:grid;gap:8px}.review-list button,.mistake-list article{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:15px;display:flex;align-items:center;gap:12px;text-align:left}.review-list button{cursor:pointer}.review-list span,.mistake-list article>span{padding:4px 6px;border-radius:4px;background:#f3ddd6;color:#9a4634;font:500 10px DM Mono,monospace}.review-list em,.mistake-list em{font:12px DM Mono,monospace;color:var(--clay)}.review-list small{margin-left:auto;color:var(--forest)}.filter-row{display:flex;flex-wrap:wrap;gap:7px;margin:30px 0 15px}.mistake-list article div{display:grid;gap:4px;flex:1}.mistake-list article small{color:var(--muted);font-size:11px}.mistake-list article>button{border:0;background:var(--forest);color:#fff;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:11px}.mistake-list article>.quiet{background:transparent;border:1px solid var(--line);color:var(--muted)}.empty{padding:25px;border:1px dashed #c9c2b7;color:var(--muted);border-radius:10px;font-size:13px}.loading{min-height:100vh;display:grid;place-items:center;background:var(--paper);color:var(--forest)}@media (max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;overflow:auto;margin:16px -7px 0}.nav-item{white-space:nowrap}.sidebar-note{display:none}.content{padding:35px 22px 55px}.hero-grid{grid-template-columns:1fr}.topbar h1,.learning-header h1{font-size:35px}}@media (max-width:500px){.content{padding:28px 14px 45px}.topbar{align-items:flex-start}.profile-chip{display:none}.question-block,.input-answer,.answer-grid,.mode-row,.listening-body{padding-left:20px;padding-right:20px}.feedback{padding:16px 20px;align-items:flex-start;flex-direction:column}.complete-session{margin-left:20px}.review-grid{grid-template-columns:1fr}.mistake-list article{align-items:flex-start;flex-wrap:wrap}}.notes-layout{display:grid;grid-template-columns:230px 1fr;min-height:490px;margin-top:35px;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--card)}.notes-layout>aside{padding:12px;border-right:1px solid var(--line);background:#f0eee7;display:grid;align-content:start;gap:6px}.notes-layout>aside button{border:0;background:transparent;border-radius:8px;padding:11px;text-align:left;cursor:pointer;display:grid;gap:3px}.notes-layout>aside>button:first-child{margin-bottom:8px;background:var(--forest);color:#fff;text-align:center;display:block}.notes-layout>aside button.active{background:#fffdf8}.notes-layout>aside small{color:var(--muted);font-size:10px}.notes-layout>article{display:grid;grid-template-rows:auto 1fr auto;padding:26px}.notes-layout input{border:0;border-bottom:1px solid var(--line);background:transparent;padding:0 0 13px;font:600 27px "Noto Serif JP",serif;outline:none}.notes-layout textarea{margin-top:19px;border:0;resize:none;outline:none;background:transparent;font:14px/1.9 Noto Sans SC,sans-serif}.notes-layout footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font-size:10px}.notes-layout footer button{border:0;background:var(--forest);color:#fff;border-radius:7px;padding:8px 10px;cursor:pointer}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:35px 0 16px}.profile-stats article{padding:18px;background:var(--card);border:1px solid var(--line);border-radius:12px;display:grid;gap:7px}.profile-stats strong{font:600 28px "Noto Serif JP",serif;color:var(--forest)}.profile-stats span{color:var(--muted);font-size:11px}.profile-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.profile-panels article{padding:23px;background:#e7eee7;border-radius:15px}.profile-panels h2{margin:8px 0 22px;font:600 22px "Noto Serif JP",serif}.profile-panels .level-track{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.profile-panels .level-track span{color:#77796f;font:500 13px DM Mono,monospace}.profile-panels .level-track span:before{content:"";display:block;width:16px;height:16px;border-radius:50%;background:#c0c4b9;margin-bottom:8px}.profile-panels .level-track span.current{color:var(--forest)}.profile-panels .level-track span.current:before{background:var(--forest)}.profile-panels .level-track small{display:block;font:10px Noto Sans SC,sans-serif}.weak-list{display:grid;gap:7px}.weak-list span{display:flex;justify-content:space-between;padding:8px 10px;background:#f8faf5;border-radius:7px;font-size:12px}.weak-list b{color:var(--clay)}.activity-panel{margin:16px 0;display:grid;grid-template-columns:180px 1fr;gap:22px;padding:23px;background:#e9e4d7;border-radius:15px}.activity-panel h2{margin:8px 0;font:600 22px "Noto Serif JP",serif}.activity-panel span{color:var(--muted);font-size:11px}.activity-panel strong{color:var(--forest)}.activity-grid{display:grid;grid-template-columns:repeat(13,12px);grid-template-rows:repeat(7,12px);grid-auto-flow:column;gap:4px;align-content:center}.activity-grid i{width:12px;height:12px;border-radius:2px;background:#d4d2c8}.activity-grid .level-1{background:#d6e5d8}.activity-grid .level-2{background:#abcab1}.activity-grid .level-3{background:#6e9b78}.activity-grid .level-4{background:#234e45}.mastery-list{display:grid;gap:14px}.mastery-list>div{display:grid;grid-template-columns:40px 1fr 35px;gap:9px;align-items:center;font-size:12px}.mastery-list i{display:block;height:7px;overflow:hidden;border-radius:5px;background:#d1ddd2}.mastery-list b{display:block;height:100%;border-radius:5px;background:var(--forest)}.mastery-list strong{font:500 11px DM Mono,monospace;color:var(--forest)}.recent-days{display:flex;gap:8px}.recent-days span{display:grid;justify-items:center;gap:5px;color:var(--muted);font-size:11px}.recent-days i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f9faf6;font-style:normal}.recent-days .done i{background:var(--forest);color:#fff}.recent-days .today i{border:1px solid var(--forest);color:var(--forest)}@media (max-width:700px){.activity-panel{grid-template-columns:1fr}.activity-grid{grid-template-columns:repeat(13,10px);grid-template-rows:repeat(7,10px);gap:3px}.activity-grid i{width:10px;height:10px}}.activity-panel{display:block!important;padding:25px 28px!important;background:#eeeadf!important}.activity-panel header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.activity-panel h2{margin:7px 0 0!important;font-size:24px!important}.streak-badge{display:flex;align-items:center;gap:9px}.streak-badge strong{font:600 42px/1 "Noto Serif JP",serif!important}.streak-badge span{line-height:1.55}.activity-chart{display:flex;align-items:center;gap:12px;margin:27px 0 17px}.weekdays{display:grid;grid-template-rows:repeat(4,14px);gap:5px;color:#8d9288;font:10px DM Mono,monospace}.activity-grid{grid-template-columns:repeat(13,14px)!important;grid-template-rows:repeat(7,14px)!important;gap:5px!important;flex:1}.activity-grid i{width:14px!important;height:14px!important;border-radius:3px!important}.activity-panel footer{display:flex;align-items:center;gap:5px;color:#83877e;font-size:10px}.activity-panel footer i{width:11px;height:11px;border-radius:2px}.activity-panel footer .level-0{background:#d4d2c8}.activity-panel footer .level-1{background:#d6e5d8}.activity-panel footer .level-2{background:#abcab1}.activity-panel footer .level-3{background:#6e9b78}.activity-panel footer .level-4{background:#234e45}.activity-panel footer em{margin-left:auto;font:10px DM Mono,monospace;color:#83877e}.activity-grid{grid-template-columns:repeat(52,11px)!important;grid-template-rows:repeat(7,11px)!important;gap:4px!important}.activity-grid i{width:11px!important;height:11px!important}.feedback select{display:none}.answer-grid button{display:grid;gap:4px;align-content:center}.answer-grid button.correct,.study-choices button.correct{background:var(--mint);border-color:var(--forest)}.answer-grid button.wrong,.study-choices button.wrong{background:#f4ded6;border-color:var(--clay)}.answer-grid button.choice-plain{min-height:55px}.answer-grid button small{font:500 10px DM Mono,monospace;color:var(--clay)}.feature-sheet{margin-top:40px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:0 12px 32px #3430270f}.feature-prompt{margin:0;padding:35px 38px 25px;font:600 25px/1.55 "Noto Serif JP",serif}.feature-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 38px 30px}.feature-choices button{min-height:88px;border:1px solid var(--line);background:#fffdf8;border-radius:10px;cursor:pointer;display:grid;gap:8px;place-content:center}.feature-choices button.choice-plain{min-height:58px}.feature-choices button strong{font:600 16px "Noto Serif JP",serif}.feature-choices button small{font:500 10px DM Mono,monospace;color:var(--clay)}.feature-choices button.correct{background:var(--mint);border-color:var(--forest)}.feature-choices button.wrong{background:#f4ded6;border-color:var(--clay)}.feature-feedback{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 38px;background:#eff2ec;border-top:1px solid var(--line)}.feature-feedback strong{color:var(--forest)}.feature-feedback span{max-width:570px;color:var(--muted);font-size:12px;line-height:1.65}.feature-feedback button{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:9px 11px;cursor:pointer;white-space:nowrap}@media (max-width:650px){.feature-choices{grid-template-columns:1fr;padding:0 20px 24px}.feature-prompt{padding:28px 20px 20px;font-size:20px}.feature-feedback{padding:16px 20px;align-items:flex-start;flex-direction:column}}.practice-filters{display:grid;gap:8px;margin:32px 0 16px}.practice-filters>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.practice-filters span{width:42px;color:var(--muted);font:10px DM Mono,monospace}.practice-filters button{min-height:34px;border:1px solid var(--line);border-radius:99px;background:transparent;padding:7px 12px;cursor:pointer;font-size:11px}.practice-filters button.active{background:var(--forest);border-color:var(--forest);color:#fff}.practice-sheet{border:1px solid var(--line);border-radius:18px;background:var(--card);overflow:hidden;box-shadow:0 12px 32px #3430270f}.practice-card{padding:30px 38px 0}.word-voice{display:grid;gap:3px;margin:18px 0 2px;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;font:600 38px "Noto Serif JP",serif;color:var(--ink)}.word-voice span,.word-voice em{font-style:normal}.word-voice span{color:var(--forest);font:500 18px "Noto Serif JP",serif}.word-voice em,.romaji-line{color:var(--clay);font:500 11px DM Mono,monospace}.practice-question{margin:25px 0 18px;color:var(--muted);font-size:14px}.base-word{display:flex;align-items:center;gap:15px;margin:20px 0 6px;font:600 31px "Noto Serif JP",serif}.base-word strong{color:#7c837d;text-decoration:line-through;text-decoration-color:#d7cec0}.base-word b{color:var(--forest)}.kana-line{display:block;color:var(--forest);font:500 17px "Noto Serif JP",serif}.romaji-line{display:block;margin-top:4px;font-style:normal}.feature-empty{margin-top:30px}.passage-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px;margin-top:38px}.passage-picker{display:grid;align-content:start;gap:7px}.passage-picker>p{margin:0 0 4px}.passage-picker button{border:1px solid var(--line);border-radius:12px;background:transparent;padding:14px;text-align:left;display:grid;gap:5px;cursor:pointer}.passage-picker button.active{background:var(--mint);border-color:var(--forest)}.passage-picker span{font:10px DM Mono,monospace;color:var(--clay)}.passage-picker strong{font:600 16px "Noto Serif JP",serif}.passage-picker small{color:var(--muted);font-size:11px;line-height:1.5}.passage-sheet{border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:hidden}.passage-sheet>header{display:flex;justify-content:space-between;gap:20px;padding:25px 28px;background:#edf2eb;border-bottom:1px solid var(--line)}.passage-sheet h2{margin:5px 0;font:600 27px "Noto Serif JP",serif}.passage-sheet header span{color:var(--muted);font-size:12px}.passage-sheet header>b{align-self:center;color:var(--forest);font:600 24px DM Mono,monospace;white-space:nowrap}.passage-sheet header>b small{font:10px Noto Sans SC,sans-serif;color:var(--muted)}.line-list{display:grid}.line-list article{display:grid;grid-template-columns:35px 1fr auto;gap:12px;padding:21px 25px;border-bottom:1px solid var(--line)}.line-list article.done{background:#f3f6f0}.line-number{color:#91a099;font:10px DM Mono,monospace;padding-top:4px}.line-copy{display:grid;align-content:start;gap:3px}.line-copy small{color:var(--clay);font-size:10px}.line-japanese{border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:var(--ink);font:600 22px "Noto Serif JP",serif}.line-copy>span{color:var(--forest);font:500 15px "Noto Serif JP",serif}.line-copy em{color:var(--clay);font:10px DM Mono,monospace}.line-copy p{margin:5px 0 0;color:var(--muted);font-size:11px}.line-actions{display:grid;justify-items:end;align-content:center;gap:7px}.line-actions .audio-control{margin:0}.line-actions .audio-toggle,.line-actions select{display:none}.line-done{min-height:35px;border:1px solid var(--forest);border-radius:7px;background:transparent;color:var(--forest);padding:7px 9px;cursor:pointer;font-size:11px}.line-done.done{background:var(--forest);color:#fff}.passage-complete{padding:15px 25px;background:#f0e6cc;color:#715d2d;font-size:12px}@media (max-width:720px){.passage-layout{grid-template-columns:1fr}.passage-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.passage-picker>p{grid-column:1/-1}.line-list article{grid-template-columns:27px 1fr}.line-actions{grid-column:2;justify-items:start}.practice-card,.feature-choices{padding-left:20px;padding-right:20px}}@media (max-width:430px){.passage-picker{grid-template-columns:1fr}.passage-sheet>header{padding:20px}.line-list article{padding:18px 16px}.line-japanese{font-size:19px}.passage-sheet h2{font-size:23px}}.setup-sheet{margin-top:35px;max-width:720px;padding:30px 34px;border:1px solid var(--line);border-radius:18px;background:#e9eee7}.setup-sheet h2{margin:8px 0 5px;font:600 28px "Noto Serif JP",serif}.setup-sheet .practice-filters{margin:26px 0}.setup-start{min-height:44px;border:0;border-radius:8px;background:var(--ink);color:#fff;padding:10px 16px;cursor:pointer}.setup-start:disabled{opacity:.45;cursor:not-allowed}.change-setup{margin:24px 0 13px;border:0;background:transparent;padding:0;color:var(--forest);cursor:pointer;font-size:12px}.content-select{margin-top:36px}.content-select>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.content-select button{min-height:210px;border:1px solid var(--line);border-radius:15px;background:var(--card);padding:21px;text-align:left;display:grid;align-content:start;gap:10px;cursor:pointer;transition:transform .18s ease,border-color .18s ease}.content-select button:hover{transform:translateY(-3px);border-color:var(--forest)}.content-select span{color:var(--clay);font:10px DM Mono,monospace}.content-select strong{font:600 25px "Noto Serif JP",serif}.content-select small{color:var(--muted);font-size:12px;line-height:1.6}.content-select b{margin-top:auto;color:var(--forest);font-size:12px}.dialogue-sheet{margin-top:0}.dialogue-lines{display:grid;gap:0;padding:24px;background:#f7f4ed}.dialogue-lines article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;width:min(78%,650px);margin:5px 0;padding:17px;border:1px solid var(--line);border-radius:14px;background:#fffdf8}.dialogue-lines article.right{margin-left:auto;background:#e7efe7}.dialogue-lines article.done{border-color:#91b69b}.dialogue-lines .line-actions{justify-items:end}.dialogue-lines .line-actions .audio-control{margin:0}.dialogue-lines .line-japanese{font-size:21px}@media (max-width:720px){.content-select>div{grid-template-columns:1fr}.dialogue-lines{padding:13px}.dialogue-lines article,.dialogue-lines article.right{width:100%;margin:4px 0;grid-template-columns:25px minmax(0,1fr)}.dialogue-lines .line-actions{grid-column:2;justify-items:start}}.import-sheet{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:36px}.import-sheet>div,.import-sheet label{min-height:230px;border:1px solid var(--line);border-radius:16px;padding:25px;display:grid;align-content:start;gap:10px}.import-sheet>div{background:#e9eee7}.import-sheet h2{margin:0;font:600 27px "Noto Serif JP",serif}.import-sheet p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.import-sheet a{align-self:end;color:#fff;background:var(--forest);border-radius:8px;padding:11px 13px;text-decoration:none;width:max-content;font-size:12px}.import-sheet label{background:var(--card);cursor:pointer;place-content:center;text-align:center}.import-sheet input{position:absolute;opacity:0;pointer-events:none}.import-sheet label span{font:600 19px "Noto Serif JP",serif}.import-sheet label small{color:var(--muted);font-size:11px}.import-result{margin-top:16px;padding:17px 20px;border:1px solid var(--line);border-radius:12px;background:#fbfaf5;display:grid;gap:13px}.import-result strong{color:var(--forest);font-size:13px}.import-result div{display:flex;flex-wrap:wrap;gap:7px}.import-result span{padding:6px 8px;background:var(--mint);border-radius:6px;color:var(--muted);font:10px DM Mono,monospace}.import-result b{margin-left:7px;color:var(--forest)}@media (max-width:620px){.import-sheet{grid-template-columns:1fr}}.import-sheet .guide-link{align-self:auto;background:transparent;color:var(--forest);padding:0;text-decoration:underline;text-underline-offset:3px}.study-sheet.setup-flow{margin-top:40px}.setup-block{padding-bottom:30px!important}.setup-title{margin:0 0 22px;font:600 25px "Noto Serif JP",serif}.setup-block .practice-filters{margin:0 0 24px}.setup-action{margin-top:8px}.range-filters{display:grid;gap:20px}.range-summary{display:grid;grid-template-columns:1fr 1fr;gap:12px}.range-summary-card{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#f3f6f1;display:grid;gap:10px}.range-summary-label{font:500 10px DM Mono,monospace;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.range-chips{display:flex;flex-wrap:wrap;gap:6px}.range-chip{padding:4px 9px;border-radius:99px;background:#e7ece4;color:var(--forest);font:500 11px DM Mono,monospace}.range-chip.active{background:var(--mint);border:1px solid #b8cfc0}.range-chip.empty{color:var(--muted);background:transparent;border:1px dashed #c5ccc4}.range-filter-groups{display:grid;gap:14px}.range-filter-group{padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fffdf8}.range-filter-group h3{margin:0 0 12px;font:600 14px Noto Sans SC,sans-serif;color:var(--ink)}.range-filter-group h3 small{margin-left:6px;font:400 11px Noto Sans SC,sans-serif;color:var(--muted)}.range-pills{display:flex;flex-wrap:wrap;gap:7px}.range-pills button{min-height:36px;border:1px solid var(--line);border-radius:99px;background:transparent;padding:7px 14px;cursor:pointer;font-size:12px;transition:border-color .15s,background .15s,color .15s}.range-pills button:hover{border-color:#b8cfc0}.range-pills button.active{background:var(--forest);border-color:var(--forest);color:#fff;font-weight:600}.range-meta{font-size:12px;color:var(--muted)}.range-meta strong{color:var(--forest);font:600 14px DM Mono,monospace}.range-hint{color:var(--clay)}.setup-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.setup-random{min-height:44px;border:1px solid var(--forest);border-radius:8px;background:transparent;color:var(--forest);padding:10px 16px;cursor:pointer;font-size:12px;font-weight:600}.setup-random:disabled{opacity:.45;cursor:not-allowed;border-color:var(--line);color:var(--muted)}.answer-grid button:disabled,.study-choices button:disabled,.mode-row button:disabled{cursor:not-allowed}.answer-grid button:disabled:not(.correct):not(.wrong),.study-choices button:disabled:not(.correct):not(.wrong){opacity:.55}.answer-grid button:disabled:hover,.study-choices button:disabled:hover{border-color:var(--line)}.input-answer input:disabled{opacity:.65;background:#f5f3ee}.input-answer button:disabled{opacity:.45;cursor:not-allowed}.study-choices{padding:0 38px 33px}.study-choices button.correct{background:var(--mint);border-color:var(--forest)}.study-choices button.wrong{background:#f4ded6;border-color:var(--clay)}.study-sheet .feedback span{display:block;font-size:12px;color:var(--muted);line-height:1.65}@media (max-width:500px){.setup-block{padding-left:20px!important;padding-right:20px!important}.study-choices{padding-left:20px;padding-right:20px}.range-summary{grid-template-columns:1fr}}.study-picker span{font:500 10px DM Mono,monospace;white-space:nowrap}.study-picker select{min-width:0;flex:1;border:0;background:transparent;color:var(--ink);outline:0;font-size:12px}.study-picker small{white-space:nowrap;color:var(--clay);font:10px DM Mono,monospace}@media (max-width:500px){.study-picker{margin-top:16px;margin-bottom:-8px;flex-wrap:wrap}.study-picker select{flex-basis:75%}}.status-ticket{margin-top:16px;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:#fbfaf5;display:grid;gap:12px}.status-ticket .ticket-main{display:grid;gap:8px}.status-ticket .eyebrow{margin:0;font:500 10px DM Mono,monospace;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.status-ticket strong{color:var(--forest);font-size:13px;line-height:1.55;font-weight:600}.status-ticket.success{border-color:#b8cfc0;background:#f3f7f2}.status-ticket.error{border-color:#e0b8aa;background:#faf3ef}.status-ticket.complete{border-color:#b8cfc0;background:#eef3ea}.status-ticket.empty{border-style:dashed;background:#f7f4ed}.status-ticket.audio-missing{margin:0;padding:8px 10px;border-radius:8px;background:#faf3ef;border-color:#e8d5c8}.status-ticket.audio-missing strong{font-size:11px;color:var(--clay);font-weight:500}.status-ticket.audio-missing .eyebrow{display:none}.ticket-summary{margin:0;font-size:12px;color:var(--muted)}.ticket-counts{display:flex;flex-wrap:wrap;gap:7px}.ticket-counts span{padding:6px 8px;background:var(--mint);border-radius:6px;color:var(--muted);font:10px DM Mono,monospace}.ticket-counts.skipped span{background:#f4e8dc;color:var(--clay)}.ticket-counts b{margin-left:7px;color:var(--forest)}.ticket-issues summary{cursor:pointer;font-size:12px;color:var(--forest)}.ticket-issues small{display:block;margin-top:6px;color:var(--muted);font-size:11px;line-height:1.55}.ticket-actions,.import-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ticket-btn{min-height:44px;border:0;border-radius:8px;background:var(--forest);color:#fff;padding:10px 14px;cursor:pointer;font-size:12px;font-weight:600}.ticket-btn.secondary{background:transparent;border:1px solid var(--forest);color:var(--forest)}.audio-control .audio-missing-ticket{grid-column:1/-1}.nav-item:disabled{opacity:.45;cursor:not-allowed}.nav-item:disabled:hover,.nav-item:disabled.active{background:transparent;color:var(--muted);font-weight:400}.import-sheet label.disabled{opacity:.45;cursor:not-allowed;pointer-events:none}