@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;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;color:#22292b;font-family:Noto Sans SC,system-ui,sans-serif;overflow-x:hidden}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;min-width:0;overflow-x:hidden}.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: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,minmax(0,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,minmax(0,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}}@media (min-width:821px){.activity-panel{display:block!important;padding:25px 28px!important;background:#eeeadf!important;overflow:hidden;min-width:0}.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;min-width:0;max-width:100%}.weekdays{display:grid;grid-template-rows:repeat(4,14px);gap:5px;color:#8d9288;font:10px DM Mono,monospace;flex-shrink:0}.activity-grid{grid-template-columns:repeat(52,minmax(0,1fr))!important;grid-template-rows:repeat(7,minmax(0,1fr))!important;gap:3px!important;flex:1;min-width:0;width:100%!important;max-width:100%;aspect-ratio:52/7}.activity-grid i{width:100%!important;height:auto!important;aspect-ratio:1;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}}.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}.mobile-header{align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:20}.mobile-brand{font-size:14px}.mobile-title{margin-left:auto;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45%}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;grid-template-columns:repeat(5,1fr);gap:0;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:#fcfaf5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-item{border:0;background:transparent;color:var(--muted);padding:6px 4px;border-radius:10px;display:grid;justify-items:center;gap:3px;cursor:pointer;min-height:48px;font-size:10px}.mobile-nav-item.active{color:var(--forest);font-weight:600}.mobile-nav-item.active .mobile-nav-icon{background:var(--mint);color:var(--forest)}.mobile-nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:13px}.mobile-nav-label{line-height:1}.nav-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;align-items:end}.nav-menu-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#22292b59;cursor:pointer}.nav-menu-sheet{position:relative;max-height:min(82vh,640px);border-radius:18px 18px 0 0;background:var(--card);border:1px solid var(--line);border-bottom:0;display:grid;grid-template-rows:auto 1fr;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px)}.nav-menu-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.nav-menu-head h2{margin:0;font:600 18px "Noto Serif JP",serif}.nav-menu-close{border:0;background:transparent;color:var(--muted);width:36px;height:36px;border-radius:8px;cursor:pointer;font-size:16px}.nav-menu-body{overflow:auto;padding:12px 16px 20px;display:grid;gap:18px}.nav-menu-section{margin:0 0 8px;font:500 10px DM Mono,monospace;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.nav-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.nav-menu-item{border:1px solid var(--line);border-radius:12px;background:#fffdf8;padding:12px;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;font-size:12px;min-height:48px}.nav-menu-item span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--mint);color:var(--forest);flex-shrink:0;font-size:13px}.nav-menu-item.active{border-color:var(--forest);background:var(--mint);font-weight:600}.nav-menu-item:disabled{opacity:.45;cursor:not-allowed}@media (max-width:500px){.content{padding-left:14px;padding-right:14px}.topbar{flex-direction:column;align-items:flex-start;gap:10px}.hero-card,.next-card{padding:20px}.task{padding:12px 14px}.audio-word button{font-size:30px}.question-block{padding:24px 20px 16px}.sheet-meta{flex-wrap:wrap;padding:10px 14px}.sheet-meta small{margin-left:0;width:100%}.back-link{margin-bottom:24px}.setup-sheet{padding:22px 18px}.nav-menu-grid{grid-template-columns:1fr}.activity-panel{padding:14px 12px!important}.activity-panel header{gap:12px}.streak-badge strong{font-size:28px!important}.profile-stats article{padding:12px 10px}.profile-stats strong{font-size:20px}.profile-panels article{padding:16px 14px}.ticket-actions .ticket-btn{flex:1 1 calc(50% - 4px);justify-content:center}.notes-list-panel button:not(:first-child){min-width:120px}.notes-editor-panel textarea{min-height:min(48vh,360px)}.dialogue-lines .spoken-line-card,.dialogue-lines article{padding:12px 10px!important}.content-select strong{font-size:21px}}@media (max-width:380px){.mobile-brand span:not(.brand-mark){display:none}.mobile-title{max-width:58%}}@media (min-width:821px){.sidebar--desktop{display:flex}.mobile-header,.mobile-nav{display:none!important}}@media (max-width:820px){.app-shell{grid-template-columns:1fr!important;grid-template-rows:auto 1fr}.sidebar{display:none!important}.mobile-header{display:flex!important}.mobile-nav{display:grid!important}.content{width:100%;max-width:none;margin:0;padding:20px 16px calc(76px + env(safe-area-inset-bottom,0px));overflow-x:hidden;min-width:0}.hero-grid{grid-template-columns:1fr;margin:24px 0 36px}.topbar h1,.learning-header h1{font-size:clamp(26px,7vw,35px)}.section-head{flex-wrap:wrap;gap:8px;align-items:flex-start}.profile-stats{grid-template-columns:repeat(2,1fr)}.profile-panels{grid-template-columns:1fr;gap:12px}.profile-panels article{padding:18px 16px}.profile-panels h2{font-size:19px;margin-bottom:16px}.profile-panels .level-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.profile-panels .level-track span{font-size:11px}.profile-stats{margin-top:24px;gap:8px}.profile-stats article{padding:14px 12px}.profile-stats strong{font-size:22px}.learning-header{max-width:none}.notes-layout{margin-top:20px;border-radius:12px}.notes-layout{grid-template-columns:1fr;min-height:auto}.notes-list-panel{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:8px;padding:10px;border-right:0;border-bottom:1px solid var(--line);max-height:none;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden}.notes-list-panel>button:first-child{flex:0 0 auto;margin-bottom:0;min-width:108px;white-space:nowrap}.notes-list-panel button:not(:first-child){flex:0 0 auto;min-width:132px;max-width:180px}.notes-list-panel button strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-editor-panel{padding:16px!important;min-height:0}.notes-editor-panel input{font-size:clamp(20px,5.5vw,24px)}.notes-editor-panel textarea{min-height:min(52vh,420px);resize:vertical}.notes-editor-panel footer{flex-direction:column;align-items:stretch;gap:10px}.notes-editor-panel footer button{width:100%;min-height:44px;padding:10px}.content-select{margin-top:20px}.content-select>div{grid-template-columns:1fr!important;gap:10px}.content-select button{min-height:auto;padding:18px}.passage-sheet{border-radius:12px;overflow:hidden}.passage-sheet>header{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.passage-sheet h2{font-size:clamp(17px,4.5vw,22px);line-height:1.45}.passage-sheet header>b{align-self:flex-start;font-size:20px;white-space:normal}.dialogue-lines{padding:10px!important}.dialogue-lines .spoken-line-card,.dialogue-lines article{width:100%!important;margin:0 0 8px!important;grid-template-columns:26px minmax(0,1fr)!important;padding:14px 12px!important;box-sizing:border-box}.dialogue-lines .spoken-line-card.right,.dialogue-lines article.right{margin-left:0!important}.dialogue-lines .line-actions{grid-column:1/-1!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-start;width:100%;margin-top:4px}.dialogue-lines .line-done{min-height:44px;padding:8px 12px;flex:1 1 120px}.dialogue-lines .line-japanese{font-size:clamp(17px,4.8vw,20px);word-break:break-word}.dialogue-lines .line-copy>span,.dialogue-lines .line-copy p{word-break:break-word}.passage-complete-ticket,.passage-complete{margin:0;border-radius:0}.change-setup{margin:16px 0 10px}.loading{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}.profile-page{max-width:100%;min-width:0;overflow-x:hidden}@media (max-width:820px){.profile-page{max-width:100%;overflow-x:hidden}.profile-page .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:20px 0 12px!important}.profile-page .profile-stats article{padding:12px 10px!important;min-width:0}.profile-page .profile-stats strong{font-size:20px!important}.profile-page .profile-stats span{font-size:10px;line-height:1.45}.profile-page .profile-panels{grid-template-columns:1fr!important;gap:12px!important}.profile-page .profile-panels+.profile-panels{margin-top:12px}.profile-page .profile-panels article{padding:16px 14px!important;min-width:0}.profile-page .profile-panels h2{font-size:18px!important;margin:6px 0 14px!important}.profile-page .profile-panels .level-track{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}.profile-page .profile-panels .level-track span{font-size:10px!important}.profile-page .profile-panels .level-track span:before{width:12px!important;height:12px!important;margin-bottom:6px!important}.profile-page .mastery-list>div{grid-template-columns:32px minmax(0,1fr) 30px!important;gap:6px!important;font-size:11px!important}.profile-page .mastery-list>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-page .recent-days{flex-wrap:wrap!important;gap:6px!important;justify-content:space-between!important}.profile-page .recent-days span{font-size:10px}.profile-page .weak-list span{font-size:11px;padding:8px}.profile-page .activity-panel{display:block!important;padding:14px 12px!important;margin:10px 0!important;background:#eeeadf!important;overflow:hidden}.profile-page .activity-panel header{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.profile-page .activity-panel h2{font-size:18px!important;line-height:1.4!important}.profile-page .streak-badge{align-items:flex-start!important;gap:8px!important}.profile-page .streak-badge strong{font-size:30px!important;line-height:1!important}.profile-page .streak-badge span{font-size:11px!important}.profile-page .activity-chart{display:block!important;width:100%!important;max-width:100%!important;margin:14px 0 12px!important;overflow:visible!important;padding-bottom:0}.profile-page .weekdays{display:none!important}.profile-page .activity-grid{display:grid!important;grid-template-columns:repeat(52,minmax(0,1fr))!important;grid-template-rows:repeat(7,minmax(0,1fr))!important;gap:2px!important;width:100%!important;max-width:100%!important;min-width:0!important;aspect-ratio:52/7}.profile-page .activity-grid i{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:2px!important;display:block!important}.profile-page .activity-panel footer{display:flex!important;flex-wrap:wrap!important;gap:6px!important;font-size:10px!important}.profile-page .activity-panel footer em{margin-left:0!important;width:100%!important}.profile-page .empty{padding:16px;font-size:12px}.profile-page .feature-empty{margin-top:16px}.profile-week-strip{display:flex;gap:8px;flex-wrap:wrap}.profile-week-strip span{display:grid;justify-items:center;gap:5px;color:var(--muted);font-size:11px}.profile-week-strip i{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#f9faf6;font-style:normal}.profile-week-strip .done i{background:var(--forest);color:#fff}.profile-week-strip .today i{border:1px solid var(--forest);color:var(--forest)}.profile-page--mobile .profile-intro{margin-bottom:4px}.profile-page--mobile .profile-intro h1{font-size:clamp(26px,7vw,32px)}.profile-page--mobile .profile-intro>p{font-size:13px;line-height:1.65}.profile-page--mobile .profile-hero{margin:8px 0 14px;padding:18px 16px;border-radius:16px;background:var(--forest);color:#fff;display:grid;gap:14px}.profile-page--mobile .profile-level-chip{justify-self:start;padding:4px 10px;border-radius:99px;background:#ffffff24;color:#d4e8dc;font:500 10px DM Mono,monospace}.profile-page--mobile .profile-hero-streak{display:grid;gap:4px}.profile-page--mobile .profile-hero-streak strong{font:600 clamp(40px,12vw,52px)/1 "Noto Serif JP",serif;color:#fff}.profile-page--mobile .profile-hero-streak span{font-size:12px;color:#c5ddd0}.profile-page--mobile .profile-hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.profile-page--mobile .profile-hero-metrics article{padding:10px 12px;border-radius:12px;background:#ffffff1a;display:grid;gap:3px;min-width:0}.profile-page--mobile .profile-hero-metrics b{font:600 20px "Noto Serif JP",serif;color:#fff}.profile-page--mobile .profile-hero-metrics small{font-size:10px;color:#c5ddd0}.profile-page--mobile .profile-hero-hint{margin:0;font-size:12px;line-height:1.6;color:#c5ddd0}.profile-page--mobile .profile-week-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:2px}.profile-page--mobile .profile-week-strip span{display:grid;justify-items:center;gap:5px;font-size:10px;color:#c5ddd0}.profile-page--mobile .profile-week-strip i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#ffffff1f;font-style:normal;font-size:12px;color:#fff}.profile-page--mobile .profile-week-strip .done i{background:#e6c978;color:var(--ink)}.profile-page--mobile .profile-week-strip .today i{border:1px solid #e6c978;color:#e6c978;background:transparent}.profile-page--mobile .profile-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:16px 14px}.profile-page--mobile .profile-card h2{margin:6px 0 14px;font:600 17px "Noto Serif JP",serif;line-height:1.4}.profile-page--mobile .profile-stack{display:grid;gap:12px;margin-top:4px}.profile-page--mobile .profile-activity-mobile{margin-bottom:4px}.profile-page--mobile .profile-activity-mobile header{margin-bottom:12px}.profile-page--mobile .profile-activity-mobile h2{margin:4px 0 0;font:600 18px "Noto Serif JP",serif}.profile-page--mobile .activity-grid--mobile{display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:repeat(7,minmax(0,1fr))!important;gap:3px!important;width:100%!important;min-width:0!important;aspect-ratio:12/7;max-height:168px}.profile-page--mobile .activity-grid--mobile i{width:100%!important;height:100%!important;min-height:0!important;border-radius:2px!important;display:block!important}.profile-page--mobile .activity-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:10px;color:var(--muted);font-size:10px}.profile-page--mobile .activity-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.profile-page--mobile .activity-legend .level-0{background:#d4d2c8}.profile-page--mobile .activity-legend .level-1{background:#d6e5d8}.profile-page--mobile .activity-legend .level-2{background:#abcab1}.profile-page--mobile .activity-legend .level-3{background:#6e9b78}.profile-page--mobile .activity-legend .level-4{background:#234e45}.profile-page--mobile .profile-mastery-cards{display:grid;gap:12px}.profile-page--mobile .profile-mastery-card{display:grid;gap:6px}.profile-page--mobile .profile-mastery-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.profile-page--mobile .profile-mastery-head strong{font:600 13px DM Mono,monospace;color:var(--forest)}.profile-page--mobile .profile-mastery-card>i{display:block;height:8px;border-radius:5px;background:#d1ddd2;overflow:hidden}.profile-page--mobile .profile-mastery-card b{display:block;height:100%;border-radius:5px;background:var(--forest)}.profile-page--mobile .profile-weak-chips{display:flex;flex-wrap:wrap;gap:8px}.profile-page--mobile .profile-weak-chips span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:99px;background:#f3f6f1;border:1px solid var(--line);font-size:12px}.profile-page--mobile .profile-weak-chips b{font:600 12px DM Mono,monospace;color:var(--clay)}.profile-page--mobile .profile-level-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.profile-page--mobile .profile-level-path span{min-width:0;width:auto;padding:10px 6px;border-radius:12px;border:1px solid var(--line);background:#f7f9f6;display:grid;gap:4px;justify-items:center;text-align:center}.profile-page--mobile .profile-level-path span.current{border-color:var(--forest);background:var(--mint)}.profile-page--mobile .profile-level-path i{font:600 14px DM Mono,monospace;font-style:normal;color:var(--forest)}.profile-page--mobile .profile-level-path small{font-size:10px;color:var(--muted)}.profile-page--mobile .empty{margin:0;padding:14px;font-size:12px}.profile-page--mobile .profile-stats,.profile-page--mobile .profile-panels{display:none!important}.profile-page--mobile>.activity-panel{display:none!important}.profile-page--mobile>.feature-empty{display:none!important}}