html{overscroll-behavior-y:none;touch-action:pan-x pan-y}input,textarea,select{font-size:16px}button{touch-action:manipulation}.path-v4{max-width:760px;margin:auto}.path-next{padding:24px;border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;gap:24px;margin-bottom:28px;background:var(--surface)}.path-next h2{font-size:23px;margin:7px 0}.path-next p{font-size:13px}.path-next button{white-space:nowrap}.chapter-section{border:1px solid var(--line);border-radius:22px;overflow:hidden;margin:22px 0}.chapter-section .learning-path{max-width:460px;margin:auto}.path-note{font-size:12px;color:var(--muted);margin:20px 0}.in-task{overflow:hidden;height:var(--app-height,100dvh)}.in-task .app-header,.in-task .app-footer{display:none}.in-task #main{padding:0;min-height:0;max-width:none;height:var(--app-height,100dvh)}.in-task .app-shell{min-height:0}.in-task .update-banner{position:fixed;z-index:50;inset:auto 10px 10px;box-shadow:0 8px 40px #0008}.task-shell{height:100%;width:min(100%,700px);margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(10px,env(safe-area-inset-top)) 24px max(14px,env(safe-area-inset-bottom));gap:12px}.task-header{display:flex;align-items:center;gap:12px;height:55px}.task-header>div{flex:1;min-width:0}.task-header .progress{height:8px;margin:4px 0}.task-header .micro{font-size:10px}.task-close{font-size:30px;width:38px;height:42px;color:var(--muted)}.task-lumi{width:44px;height:44px;object-fit:contain;animation:lumi-float 5s infinite}.task-lumi.celebrate,.task-lumi.complete{animation:lumi-celebrate .8s 2}.task-lumi.support{animation:lumi-nod 2.4s 2}.task-energy{font-size:17px;color:#edb94b;white-space:nowrap}.task-content{min-height:0;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:8px 0;scrollbar-width:thin}.task-content h1{font-size:clamp(23px,3.5vw,31px);line-height:1.25;letter-spacing:-.6px}.task-content p{font-size:15px;line-height:1.5}.task-content .math-block{padding:15px;margin:0;border-radius:16px}.task-content .math-block pre{font-size:20px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.task-content .math-block.code pre{font-size:16px}.task-label{display:flex;justify-content:space-between;gap:10px;font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase}.task-content #answer-form{margin:0}.task-content #answer-form>.actions{display:none}.task-content .field{margin:10px 0;font-size:12px;gap:4px}.task-content input,.task-content select{min-height:44px;padding:9px 11px}.task-content .answer-options{margin:0;gap:9px}.task-content .answer-options legend{display:none}.task-content .answer-option{padding:10px 12px;min-height:48px;font-size:14px;line-height:1.35;gap:10px}.task-content .option-letter{min-width:27px;height:27px;font-size:11px}.task-content .confidence{margin:12px 0 0;padding:0;display:flex;gap:5px;flex-wrap:wrap;border:0}.task-content .confidence legend{font-size:10px;margin-bottom:5px}.task-content .confidence label{font-size:10px;flex:1;white-space:nowrap}.task-content .confidence label span{padding:6px 4px}.task-content .confidence input{min-height:0}.task-content .reasoning-field textarea{min-height:62px;padding:8px;font-size:16px;line-height:1.35}.task-content #answer-form>.micro{display:none}.task-content .solution{margin:0;padding-left:24px;display:grid;gap:14px;font-size:16px}.task-content .answer-reference{font-size:13px;color:var(--muted)}.task-content .feedback-note{font-size:13px}.task-actions{padding-top:10px;border-top:1px solid var(--line);display:grid;gap:10px;background:var(--bg)}.task-actions>.primary{min-height:48px;display:block;font-size:16px}.task-tools{display:flex;justify-content:space-between;gap:10px}.task-tools button{font-size:11px;padding:5px 0}.task-sheet{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:30px;width:min(94vw,620px);max-height:85dvh;overscroll-behavior:contain}.task-sheet::backdrop{background:#020a19bb;backdrop-filter:blur(5px)}.task-sheet h2{font-size:24px;margin:15px 0}.task-sheet h3{margin:18px 0 8px}.task-sheet p{margin:14px 0}.task-sheet pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;background:var(--soft);border-radius:12px}.sheet-close{float:right;font-size:28px;min-width:40px;min-height:40px}.task-sheet textarea{width:100%}.task-sheet #tutor-answer,.task-sheet #reasoning-feedback{white-space:pre-wrap;line-height:1.6;margin-top:20px}.task-summary{text-align:center;align-items:center}.task-summary .summary-stats{width:100%;margin:12px 0}.task-summary .summary-mark{width:60px;height:60px;margin:10px}.task-summary h1{font-size:32px}
@media(max-width:780px){.path-next{display:block;padding:20px}.path-next button{width:100%;margin-top:18px}.task-shell{padding-left:18px;padding-right:18px;gap:8px}.task-content{gap:12px}.task-content h1{font-size:23px}.task-header{height:44px}.task-lumi{width:38px;height:38px}.task-header .micro{font-size:9px}.task-content .math-block pre{font-size:19px}.task-content .math-block.code pre{font-size:14px}.task-content .answer-option{font-size:13px}.task-content .solution{font-size:15px}}
@media(max-height:700px){.task-shell{gap:6px;padding-top:5px;padding-bottom:8px}.task-content{gap:8px;justify-content:flex-start}.task-content h1{font-size:20px}.task-content .math-block{padding:10px}.task-content .answer-option{padding:8px 10px;min-height:41px}.task-content .answer-options{gap:6px}.task-content .confidence{margin-top:8px}.task-content .field{margin:6px 0}.task-actions{gap:6px;padding-top:7px}.task-header{height:38px}.task-content .math-block.code pre{font-size:13px}.task-content .solution{gap:10px}}
@media(prefers-reduced-motion:reduce){.task-lumi{animation:none!important}}
.task-content .question-title{margin:0}.task-content .math-block pre{margin:0}.task-content .field input,.task-content .field textarea,.task-content .field select{margin:0}.task-shell[data-format=choice] .answer-options{grid-template-columns:1fr 1fr}.task-shell[data-format=choice] .answer-option{min-width:0}.task-shell[data-format=choice] .answer-option>span:last-child{overflow-wrap:anywhere}
.task-shell [hidden]{display:none!important}.writing-step #answer-form>.field:not(.reasoning-field){display:none}.writing-step .reasoning-field textarea{height:120px;max-height:25dvh}.task-content .writing-context{font-size:13px;color:var(--muted)}.task-content .writing-result{font-size:16px;background:var(--soft);padding:12px;border-radius:10px}.task-content #back-to-result{align-self:flex-start;font-size:12px;padding:0}
@media(max-height:600px){.writing-step .writing-context{display:none}.writing-step .reasoning-field textarea{height:85px}.writing-step .task-content h1{font-size:21px}}
@media(max-height:600px){.task-content{gap:6px}.task-content h1{font-size:19px}.task-content .math-block{padding:8px}.task-content .math-block pre{font-size:17px}.task-content .math-block.code pre{font-size:13px}}