.lesson-view .lesson-step-actions{align-items:center;gap:12px;width:100%;max-width:760px;margin:0 auto;display:flex}.lesson-view .lesson-previous{min-width:44px;min-height:50px;color:var(--ink);background:0 0;flex:none;justify-content:center;align-items:center;gap:4px;padding:10px 12px;display:flex}.lesson-view .lesson-action-dock .student-primary{white-space:normal;min-width:0}@media (max-width:480px){.lesson-view .lesson-previous{padding:10px}.lesson-view .lesson-previous span{display:none}}.lesson-view .student-header{gap:8px;height:64px;padding:0 24px}.lesson-view .student-header .workspace-menu,.lesson-view .student-header .materials-toggle,.lesson-view .student-header .lesson-chat-switch{width:44px;height:44px;min-height:44px;color:var(--student-muted);background:0 0;border:0;flex:none;place-items:center;margin:0;padding:0;display:grid}.lesson-view .student-header .lesson-chat-switch[aria-expanded=true]{color:var(--teal);background:#e9efdf;border-radius:10px}.lesson-view .student-header .lesson-progress-track{border-radius:4px;flex:1;min-width:24px;height:5px;margin:0 16px;overflow:hidden}.lesson-view .student-header .save-indicator{flex:none;width:auto;min-height:0;margin:0;padding:0}.lesson-view .student-header .save-indicator:has(.sr-only){width:1px;height:1px;position:absolute;overflow:hidden}.lesson-view .student-main{padding:20px 24px 32px}.lesson-view .lesson-workspace{grid-template-columns:minmax(0,1fr);gap:24px;width:100%;max-width:760px;margin:0 auto;display:grid}.lesson-view .material-panel{box-shadow:none;background:0 0;border:0;border-radius:0;min-height:0;padding:12px 0 24px!important}.lesson-view .material-panel h1{letter-spacing:-.025em;margin:0 0 20px;font-size:25px;font-weight:550;line-height:1.4}.lesson-view .exercise-material h1{font-size:23px;font-weight:500;line-height:1.45}.lesson-view .material-body:empty{display:none}.lesson-view .lesson-action-dock{padding:16px 24px max(16px,env(safe-area-inset-bottom));background:var(--paper)}.lesson-view .lesson-action-dock>.question-action-content,.lesson-view .lesson-action-dock>.student-primary{width:100%;max-width:760px;margin:0 auto;padding:0}.lesson-view .lesson-action-dock>.student-primary{display:flex}.lesson-view .lesson-action-dock .answer-actions{gap:12px;display:flex}.lesson-view .lesson-action-dock .student-primary{flex:1;width:auto;min-height:50px;font-size:16px!important}.lesson-view .lesson-action-dock .explain-answer{width:auto;min-height:50px;color:var(--ink);background:#e6eddf;border-radius:10px;flex:none;padding:12px 16px}.lesson-view .lesson-action-dock:has(.has-correct){background:#edf3e8}.lesson-view .lesson-action-dock:has(.has-retry){background:#fbf3e6}.lesson-view .lesson-action-dock .answer-feedback{background:0 0;border:0;margin:0;padding:0 0 12px}.lesson-view .lesson-action-dock .answer-feedback p{margin:4px 0 0}.lesson-view .fraction-complete{min-height:calc(var(--student-viewport-height,100dvh) - 160px)}.student-material-sheet{width:min(100%,640px);margin-inline:auto}@media (min-width:801px){.lesson-view.lesson-help-open .student-conversation .chat-log{flex:1;min-height:0}.lesson-view .student-conversation .conversation-header{padding:16px}.lesson-view .return-to-material{color:var(--student-muted);font-size:12px!important}}@media (max-width:800px){.lesson-view .student-header{gap:4px;height:56px;padding:0 12px}.lesson-view .student-header .lesson-progress-track{margin-inline:8px}.lesson-view .student-main{padding:20px 20px 24px}.lesson-view .material-panel{padding:0 0 16px!important}.lesson-view .material-panel h1{font-size:23px}.lesson-view .exercise-material h1{margin-bottom:12px;font-size:20px;line-height:1.5}.lesson-view .lesson-action-dock{padding:14px 20px max(16px,env(safe-area-inset-bottom))}}@media (max-height:540px){.lesson-view .student-main{padding-top:12px}.lesson-view .lesson-action-dock{padding-block:8px}}.lesson-view .lesson-action-dock>.student-primary{width:100%}.tutor-help .conversation-header{justify-content:space-between;align-items:center;display:flex}.tutor-help .conversation-header button{width:44px;height:44px;color:var(--student-muted);padding:0}.tutor-help .help-problem{background:0 0;padding:16px}.tutor-help .help-problem small{color:var(--teal)}.tutor-help .chat-log{flex:1;min-height:0;padding:16px;overflow:auto}.tutor-help .chat-message{font-size:15px;line-height:1.65}.tutor-help .student-composer{flex:none;margin:8px 16px 16px}.tutor-help textarea{resize:none;min-height:44px;max-height:96px;font-size:16px}.help-empty{color:var(--student-muted);padding:8px 0;font-size:15px}.help-empty button{color:var(--teal);min-height:44px;padding-inline:0;font-size:14px}.student-help-sheet .contextual-help-content{overflow:hidden}.student-help-sheet .tutor-help .help-problem{padding:0 24px 14px}@media (max-height:540px){.tutor-help .help-problem{display:none}}.student-help-sheet .tutor-help .conversation-header{display:none}.lesson-view .answer-choice .choice-letter{color:var(--student-muted)}.lesson-view .answer-choice:is(.is-selected,.is-correct) .choice-letter{color:#fff}.material-deck{border:1px solid var(--line);background:var(--paper);border-radius:14px;margin-block:24px;overflow:hidden}.deck-content{overflow-wrap:anywhere;padding:24px}.deck-content h2{font-size:21px;font-weight:600;line-height:1.4}.deck-content p{white-space:pre-wrap;margin-top:16px}.deck-content .deck-instruction{color:var(--student-muted);font-size:14px}.deck-reveal{min-height:44px;color:var(--teal);margin-top:16px;text-decoration:underline}.deck-navigation{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.deck-navigation button{width:44px;min-height:44px;color:var(--ink)}.deck-navigation span{text-align:center;font-size:14px}@media (max-width:480px){.deck-content{padding:20px}}.lesson-view .deck-navigation{justify-content:center}.writing-reference,.writing-checklist{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin:12px 0 20px}.writing-reference summary,.writing-checklist summary{cursor:pointer;min-height:44px;padding:12px 16px;font-weight:550}.writing-reference>div{max-height:300px;padding:0 16px 16px;overflow:auto}.writing-reference p+p{margin-top:14px}.writing-checklist ul{padding:0 24px 16px 36px}.writing-checklist li+li{margin-top:10px}.open-work>label{margin-bottom:8px;display:block}.material-body .learning-rich-text{max-width:66ch;color:var(--ink);letter-spacing:0;overflow-wrap:anywhere;margin:0 auto;font-size:18px;line-height:1.85}.material-body .learning-rich-text>p{white-space:pre-wrap;text-wrap:pretty;margin:0 0 1.35em}.material-body .learning-rich-text h2{letter-spacing:-.025em;text-wrap:balance;margin:1.35em 0 .85em;font-size:clamp(24px,3vw,30px);font-weight:600;line-height:1.3}.material-body .learning-rich-text strong{font-weight:650}.material-body .learning-rich-text em{font-style:italic}.material-body .learning-rich-text ul,.material-body .learning-rich-text ol{list-style:revert;margin:1em 0 1.4em;padding-left:1.5em}.material-body .learning-rich-text li{margin:.55em 0;padding-left:.2em}.material-body .learning-rich-text li::marker{color:var(--teal)}.material-body .learning-rich-text blockquote{border-left:3px solid var(--teal);margin:1.4em 0;padding:4px 0 4px 20px;font-style:italic}.material-body .learning-rich-text blockquote p{white-space:pre-wrap;margin:0}.material-body .learning-rich-text .reading-note{color:var(--ink);background:#edf1e5;border-radius:10px;margin:0 0 28px;padding:16px 18px;font-size:15px;line-height:1.7}.material-body .learning-rich-text .reading-note>strong{color:var(--teal);margin-bottom:5px;font-size:14px;display:block}.material-body .learning-rich-text .reading-note p{margin:0}@media (max-width:480px){.material-body .learning-rich-text{font-size:18px;line-height:1.8}.material-body .learning-rich-text .reading-note{padding:14px 16px}.material-body .learning-rich-text blockquote{padding-left:16px}}
.home-view .student-wordmark{align-items:center;gap:8px;display:flex}.home-view .home-chat{width:min(100%,760px)}.home-view .chat-home{height:100%;max-height:none;position:static}.home-view .chat-home .chat-log{flex:1;min-height:0;padding:16px 4px 24px}.home-view .chat-home .chat-welcome{text-align:center;place-content:center;min-height:100%;margin:0;padding:0;display:grid}.home-view .chat-welcome h1{letter-spacing:-.025em;color:var(--ink);margin:0;font-size:25px;font-weight:500;line-height:1.4}.home-view .chat-message{padding:12px 0;font-size:16px;line-height:1.7}.home-view .chat-message.user{border-radius:12px;width:fit-content;max-width:88%;margin:12px 0 12px auto;padding:10px 14px}.home-view .chat-message.assistant{margin:0 0 12px}.home-compose-area{padding:8px 0 max(16px,env(safe-area-inset-bottom));flex:none}.home-view .home-learning-action{border:1px solid var(--line);width:100%;height:auto;min-height:68px;color:var(--ink);text-align:left;white-space:normal;background:0 0;border-radius:10px;align-items:center;gap:12px;margin:0 0 12px;padding:12px 14px;display:flex}.home-learning-copy{flex:1;min-width:0}.home-learning-copy>span{color:var(--student-muted);font-size:12px;font-weight:400;line-height:1.4;display:block}.home-learning-copy>strong{margin-top:3px;font-size:15px;font-weight:550;line-height:1.4;display:block}.home-learning-action>svg{color:var(--teal);flex:none}.home-view .chat-home .student-composer{box-shadow:none;border-radius:14px;gap:8px;margin:0;padding:10px 12px}.home-view .chat-home .student-composer textarea{resize:none;min-height:44px;max-height:144px;padding:10px 0;font-size:16px;line-height:1.5}.home-view .chat-home .send-message{width:44px;height:44px}.home-view .chat-home .student-composer:focus-within{border-color:var(--teal);box-shadow:0 0 0 2px #286b581a}.home-view .home-learning-action:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media (hover:hover) and (pointer:fine){.home-view .home-learning-action:hover{background:#edf1e5}}@media (max-width:800px){.home-view .chat-home .chat-log{padding:8px 0 16px}.home-view .chat-welcome h1{font-size:23px}.home-compose-area{padding-top:8px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.home-view .home-learning-action{margin-bottom:10px;padding:10px 12px}}@media (max-height:540px){.home-view .home-learning-action{min-height:56px;margin-bottom:8px;padding-block:8px}.home-compose-area{padding-top:4px;padding-bottom:8px}}
.nilo-companion{z-index:60;transform-origin:0 0;pointer-events:none;visibility:hidden;width:64px;height:64px;position:fixed;top:0;left:0}.nilo-companion[data-positioned=true]{visibility:visible}.nilo-motion,.nilo-motion-svg,.nilo-rive,.nilo-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.nilo-canvas canvas{width:100%;height:100%;display:block}.nilo-companion .nilo-static{border-radius:16.865px 16.865px 16.865px 6.486px;gap:9.081px;width:48px;height:48px;position:absolute;inset:8px;box-shadow:inset 0 -3.892px #c8d594}.nilo-companion .nilo-static>span{width:5.189px;height:10.378px}.lesson-chat-switch .nilo-header-placeholder{width:44px;height:44px;display:block}.lesson-view .student-header .lesson-chat-switch[aria-expanded=true]{background:0 0}.student-help-sheet .nilo-tutor-anchor{pointer-events:none;width:56px;height:56px;position:absolute;top:-18px;left:24px}.student-help-sheet:not(.is-desktop) [data-slot=sheet-header]{padding-top:40px}.student-help-sheet.is-desktop{height:calc(var(--student-viewport-height,100dvh) - 32px);max-height:calc(var(--student-viewport-height,100dvh) - 32px);border-radius:16px;inset:16px 16px auto auto;width:min(380px,100vw - 32px)!important}.student-help-sheet.is-desktop .tutor-help .conversation-header{gap:12px;padding:16px;display:flex}.student-help-sheet.is-desktop .nilo-tutor-anchor{flex:none;width:44px;height:44px;position:static}.student-help-sheet.is-desktop .conversation-header strong{flex:1}.student-help-sheet.is-desktop .tutor-help .help-problem{padding:0 16px 16px}@media (prefers-reduced-motion:reduce){.nilo-companion{transition:none}}.nilo-help-entry{flex:none;width:44px;height:44px;position:relative}.nilo-invitation{z-index:61;visibility:hidden;isolation:isolate;background:repeating-conic-gradient(#526e572d 0 25%,transparent 0 50%) 0 0/4px 4px;color:#203b36;width:128px;max-width:calc(100vw - 32px);min-height:48px;box-shadow:none;border:0;border-radius:18px;align-items:center;animation:.12s ease-out nilo-invitation-enter;display:flex;position:fixed}.nilo-invitation[data-positioned=true]{visibility:visible}.nilo-invitation[data-revealed=true]{visibility:hidden;pointer-events:none}.nilo-invitation:before{content:"";top:-5px;left:calc(var(--nilo-tail-x,64px) - 4px);background:repeating-conic-gradient(#526e572d 0 25%,transparent 0 50%) 0 0/4px 4px;width:9px;height:9px;position:absolute;transform:rotate(45deg)}.nilo-invitation .nilo-invitation-label{width:100%;min-width:0;height:48px;min-height:48px;color:inherit;white-space:normal;text-align:left;background:0 0;border:0;border-radius:18px;flex:1;padding:0;font-weight:500;line-height:1.2;font-size:8px!important}.nilo-whisper-content{pointer-events:none;width:100%;height:20px;display:block}.nilo-invitation button:hover{background:0 0}.nilo-invitation button:focus-visible,.nilo-support-popup button:focus-visible{outline-offset:-3px;outline:2px solid #286b58}.nilo-support-positioner{z-index:62}.nilo-support-popup{isolation:isolate;color:#203b36;width:300px;max-width:calc(100vw - 32px);transform-origin:var(--transform-origin);background:#fffefa;border:1px solid #d4ddcd;border-radius:18px;padding:8px;transition:opacity .12s ease-out,transform .2s ease-out;box-shadow:0 4px 20px #203b3618}.nilo-support-popup[data-starting-style],.nilo-support-popup[data-ending-style]{opacity:0;transform:scale(.98)}.nilo-support-popup button{color:#203b36;background:0 0;border:0;border-radius:10px;justify-content:flex-start;width:100%;height:auto;min-height:44px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.nilo-support-popup button:hover{color:#203b36;background:#edf0e6}.nilo-support-heading{align-items:center;gap:4px;padding-left:12px;display:flex}.nilo-support-heading h2{flex:1;margin:0;font-size:15px;font-weight:550;line-height:1.4}.nilo-support-heading .nilo-support-close{color:#58675c;background:0 0;flex:none;justify-content:center;align-items:center;width:44px;height:44px;padding:0}.nilo-support-heading .nilo-support-close:hover{color:#203b36;background:0 0}@keyframes nilo-invitation-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.nilo-invitation{animation:none}.nilo-support-popup{transition:none}}.tutor-support-actions{flex-wrap:wrap;flex:none;gap:4px 8px;padding:0 16px;display:flex}.tutor-support-actions button{color:#286b58;background:#fffefa;border:1px solid #d4ddcd;border-radius:12px;height:auto;min-height:44px;padding:8px 10px;font-size:13px}.tutor-support-actions button:hover{color:#203b36;background:#edf0e6}.nilo-speech-surface{z-index:-1;pointer-events:none;width:calc(100% + 24px);height:calc(100% + 26px);position:absolute;inset:-14px -12px -12px}:is(.nilo-invitation:has(>.nilo-speech-surface[data-renderer=shader]),.nilo-support-popup:has(>.nilo-speech-surface[data-renderer=shader])){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000}.nilo-invitation:has(>.nilo-speech-surface[data-renderer=shader]):before{display:none}.nilo-speech-surface[data-renderer=fallback]{visibility:hidden}.nilo-invitation>.nilo-speech-surface{width:calc(100% + 8px);height:calc(100% + 8px);inset:-6px -4px -2px}
.home-view .home-start{width:100%;max-width:640px;margin:auto;padding:24px 0}.home-start-greeting{align-items:center;gap:16px;margin-bottom:28px;display:flex}.home-start-greeting>.nilo-brand{width:48px;height:48px}.home-start-greeting h1{margin:0;font-size:30px;font-weight:550;line-height:1.25}.home-start-greeting h1>span{color:var(--student-muted);margin-top:8px;font-size:20px;font-weight:400;display:block}.home-start-actions{gap:12px;display:grid}.home-start .home-start-lesson,.home-start .home-start-catalog{white-space:normal;border:1px solid var(--line);text-align:left;width:100%;height:auto;min-height:88px;color:var(--ink);border-radius:10px;justify-content:flex-start;gap:16px;padding:20px;display:flex}.home-start .home-start-lesson{background:var(--paper);box-shadow:var(--shadow-paper)}.home-start .home-start-catalog{background:0 0}.home-start-actions button>svg{color:var(--teal);flex:none}.home-start-actions button>span{flex:1;min-width:0}.home-start-actions :is(strong,small),.home-start-lesson>span>span{display:block}.home-start-actions strong{font-size:16px;font-weight:550;line-height:1.5}.home-start-actions small,.home-start-lesson>span>span{color:var(--student-muted);font-size:13px;font-weight:400;line-height:1.6}.home-start-lesson strong{margin:3px 0 5px}.home-first-lesson{gap:16px;padding:0 0 12px;display:flex}.home-first-lesson>svg{color:var(--teal);flex:none;margin-top:4px}.home-first-lesson h2{margin:0 0 8px;font-size:17px;font-weight:550;line-height:1.5}.home-first-lesson p{color:var(--student-muted);margin:0;font-size:14px;line-height:1.7}.home-view .home-entry-log{flex-direction:column;display:flex}.home-view .home-chat .home-tutor-prompt{color:var(--student-muted);margin:0 0 8px;font-size:13px}.home-chat .home-conversation-toggle{min-height:44px;color:var(--teal);align-self:center;font-size:13px}.home-chat .home-back-start{min-height:44px;color:var(--teal);flex:none;align-self:flex-start;gap:8px}.home-view .home-chat .home-tutor-unavailable{border:1px solid var(--line);color:var(--student-muted);background:#edf1e5;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.6}.home-start-actions button:focus-visible,.home-conversation-toggle:focus-visible,.home-back-start:focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media (hover:hover) and (pointer:fine){.home-start-actions button:hover{background:#edf1e5}}@media (max-width:800px){.home-view .home-start{padding:24px 0 16px}.home-start-greeting{gap:12px;margin-bottom:24px}.home-start-greeting h1{font-size:27px}.home-start-greeting h1>span{font-size:18px}.home-start-greeting>.nilo-brand{width:40px;height:40px}.home-start .home-start-lesson,.home-start .home-start-catalog{gap:12px;padding:16px}.home-start-actions strong{font-size:15px}.home-start-actions small{font-size:12px}}@media (max-height:620px){.home-start-greeting{margin-bottom:16px}.home-view .home-start{padding-block:12px}}@media (prefers-reduced-motion:reduce){.home-start *{transition:none!important;animation:none!important}}