:root{--touch-min:48px;--ink:#473d5f;--ink-soft:#716785;--cream:#fffaf1;--cloud:#fffefe;--lavender:#e9ddff;--lavender-deep:#7659a8;--mint:#dff5e9;--peach:#ffe0cf;--sky:#d7f4ff;--coral:#f4a78e;--grape:#9b65b5;--companion-outline:#5a4a6f;--star:#ffd96a;--rose:#ef8aa7;--line:#dfd4e9;--shadow:0 14px 34px #5e487d24;--radius-large:28px;--radius-medium:20px;color:var(--ink);background:var(--cream);font-synthesis:none;font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.student-shell{background:radial-gradient(circle at 10% 8%,#ffd96a42,#0000 24rem),linear-gradient(145deg,#fffaf1,#f5efff 66%,#ecfbf3);grid-template-columns:260px minmax(0,1fr) 240px;grid-template-areas:"header header header""left main main";gap:22px;min-height:100vh;padding:22px;display:grid}.student-responsive-shell{min-height:100vh}.student-header{grid-area:header}.student-shell__left{grid-area:left}.student-shell__main{grid-area:main;grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"intro right""required right""optional right";gap:22px;min-width:0;display:grid}.student-shell__intro{grid-area:intro}.student-shell__required{grid-area:required}.student-shell__right{grid-area:right}.student-shell__optional{grid-area:optional}.student-shell__left,.student-shell__right{align-self:start;position:sticky;top:22px}.study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.student-learning-view{background:radial-gradient(circle at 10% 8%,#ffd96a42,#0000 24rem),linear-gradient(145deg,#fffaf1,#f5efff 66%,#ecfbf3);place-items:start center;min-height:100vh;padding:22px;display:grid}.learning-responsive-shell{width:min(100%,1240px)}.guardian-shell{background:linear-gradient(145deg,#fffaf1,#f5efff 66%,#ecfbf3);min-height:100vh;padding:22px}.guardian-header{margin-bottom:22px}.guardian-tabs{grid-area:guardian-tabs;align-self:start;display:grid;position:sticky;top:22px}.guardian-panel{grid-area:guardian-panel;min-width:0}.responsive-shell{min-width:0;position:relative}.responsive-shell__content{width:100%;min-width:0;margin-inline:auto}.login-shell,.guardian-placeholder{background:linear-gradient(150deg, var(--cream), #f1e9ff, var(--mint));place-items:center;min-height:100vh;padding:28px;display:grid}.login-card,.guardian-placeholder{width:min(100%,580px)}button,input,select,textarea{min-height:var(--touch-min);border:2px solid var(--line);border-radius:14px}input,select,textarea{color:var(--ink);background:#fff;padding:8px 12px}button{cursor:pointer;border-color:var(--lavender-deep);background:var(--lavender-deep);color:#fff;padding:10px 18px;font-weight:800}button:disabled{cursor:wait;opacity:.65}.button-secondary{color:var(--lavender-deep);background:var(--cloud)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid var(--star);outline-offset:3px}.responsive-nav{min-width:0}.responsive-nav__rail{display:none}.responsive-nav__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.responsive-nav__list[data-depth="1"],.responsive-nav__list[data-depth="2"]{border-left:2px solid var(--line);margin:8px 0 0 14px;padding-left:10px}.responsive-nav__entry{text-align:left;white-space:normal;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.responsive-nav__entry[aria-current=page]{border-color:var(--ink);background:var(--ink)}.responsive-nav__fab{z-index:30;width:58px;height:58px;box-shadow:var(--shadow);border-radius:50%;padding:0;font-size:1.6rem;position:fixed;bottom:20px;right:20px}.responsive-nav__drawer{z-index:29;border:2px solid var(--line);border-radius:var(--radius-large);width:min(360px,100vw - 28px);max-height:calc(100vh - 112px);box-shadow:var(--shadow);background:#fff;padding:16px;position:fixed;bottom:88px;right:14px;overflow-y:auto}.responsive-nav__drawer[hidden]{display:none}.responsive-nav__drawer-header{justify-content:flex-end;margin-bottom:12px;display:flex}.responsive-nav__drawer-close{min-height:44px}.responsive-nav__rail{border-radius:var(--radius-large);box-shadow:var(--shadow);background:#ffffffe0;border:2px solid #ffffffc7;padding:18px}.learning-responsive-shell__navigation{min-width:0}.learning-break-dialog{z-index:50;color:#fff;text-align:center;background:#221833c7;place-content:center;justify-items:center;gap:18px;padding:28px;display:grid;position:fixed;inset:0}.learning-break-dialog p{max-width:34rem;margin:0;font-size:1.2rem;font-weight:800}.learning-break-dialog button:focus-visible{outline-color:#fff}.student-header{border-radius:var(--radius-large);min-height:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border:2px solid #ffffffbf;align-items:center;padding:0 24px;display:flex}.student-header p{margin:0;font-size:clamp(1.35rem,2.2vw,2rem);font-weight:900}.student-account-actions{gap:10px;margin-left:auto;display:flex}.student-account-actions button{min-height:48px}.student-shell__intro>h1{margin:2px 0 0;font-size:clamp(1.8rem,3vw,2.6rem)}.student-shell__right{gap:16px;display:grid}.learning-section{border-radius:var(--radius-large);background:#ffffffad;padding:20px}.section-heading h2{margin:0 0 14px}.section-heading span{color:var(--ink-soft);font-weight:700}.study-card{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud);flex-direction:column;gap:10px;min-height:190px;padding:18px;display:flex;box-shadow:0 7px 20px #5e487d17}.study-card--required{background:linear-gradient(145deg,#fff,#fbf6ff);border-color:#d2b7ff}.study-card h3,.study-card p{margin:0}.study-card h3{font-size:1.25rem}.study-card button{width:100%;margin-top:auto}.step-up-groups{gap:20px;display:grid}.step-up-group{gap:12px;display:grid}.step-up-group>h3{color:var(--grape);margin:0}.study-card__friend{color:var(--grape);align-items:center;gap:10px;display:flex}.study-card__mishap{background:var(--sky);overflow-wrap:anywhere;border-radius:14px;gap:5px;padding:12px;display:grid}.study-card__mishap>strong{color:var(--grape)}.subject-chip{width:fit-content;color:var(--ink-soft);background:var(--mint);border-radius:999px;padding:5px 9px;font-weight:800}.reward-claim{background:#fff3bd;border-radius:999px;width:fit-content;padding:6px 10px;font-weight:900}.learning-session{border-radius:var(--radius-large);width:min(100%,900px);box-shadow:var(--shadow);background:#ffffffeb;border:2px solid #ffffffc7;gap:18px;margin:0 auto;padding:clamp(22px,4vw,42px);display:grid}.learning-session h2{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.learning-session p{margin:0;line-height:1.75}.learning-session form,.learning-session label,.learning-session [aria-label=읽기\ 연습]{gap:12px;display:grid}.learning-session textarea{resize:vertical;width:100%;min-height:120px}.dictation-panel{gap:16px;display:grid}.dictation-panel__input{min-height:132px;font-size:clamp(1.35rem,4vw,2rem);line-height:1.5}.learning-session input{width:min(100%,280px)}.learning-session aside,.learning-session [aria-label=읽기\ 결과]{border-radius:var(--radius-medium);background:var(--mint);gap:10px;padding:16px;display:grid}.learning-companion{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cream);grid-template-columns:minmax(72px,104px) minmax(0,1fr);align-items:center;gap:16px;min-width:0;padding:12px 14px;display:grid}.learning-companion .companion-avatar{aspect-ratio:1;width:min(104px,100%);height:auto}.learning-companion .companion-bubble{border-color:var(--line);min-width:0;color:var(--ink-soft);font-size:.96rem}.learning-companion .companion-bubble strong{color:var(--ink-soft);font-size:.88rem}.learning-companion [data-cue-tone=support]{background:var(--mint)}.learning-companion [data-cue-tone=status]{background:var(--cream)}.learning-companion [data-cue-tone=humor]:after{content:"✦";color:var(--star);flex:none;font-size:1.15rem}.chanaping-coach{z-index:5;border-radius:var(--radius-medium);width:min(100vw - 40px,340px);box-shadow:var(--shadow);background:#fffdf6;border:2px solid #276f64;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid;position:fixed;bottom:20px;right:20px}.chanaping-coach__art{object-fit:contain;width:68px;height:68px}.chanaping-coach__cue{color:var(--ink-soft);gap:3px;margin:0;line-height:1.45;display:grid}.chanaping-coach__cue strong{color:#155149;font-size:.86rem}.chanaping-coach__cue span{font-size:.9rem}.chanaping-coach__hide{min-width:48px;min-height:48px;padding:6px;font-size:.78rem}.chanaping-coach[data-chanaping-mood=celebrate] .chanaping-coach__art{animation:1.4s ease-in-out infinite chanaping-celebrate}.chanaping-coach[data-chanaping-mood=grumble] .chanaping-coach__art{animation:1.8s ease-in-out infinite chanaping-grumble}@keyframes chanaping-celebrate{50%{transform:translateY(-4px)rotate(-2deg)}}@keyframes chanaping-grumble{25%{transform:translate(-2px)rotate(-1deg)}75%{transform:translate(2px)rotate(1deg)}}@media (prefers-reduced-motion:reduce){.chanaping-coach[data-chanaping-mood=celebrate] .chanaping-coach__art,.chanaping-coach[data-chanaping-mood=grumble] .chanaping-coach__art{animation:none}}.manual-reading-check{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud);padding:12px 14px}.manual-reading-check summary{min-height:var(--touch-min);color:var(--lavender-deep);cursor:pointer;align-content:center;font-weight:900}.manual-reading-check[open] summary{margin-bottom:12px}[aria-label=낱말\ 힌트]{border-radius:var(--radius-medium);background:var(--cream);gap:12px;padding:16px;display:grid}.problem-breakdown{gap:16px;min-width:0;display:grid}.story-sentences{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.story-sentence{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud);overflow-wrap:anywhere;min-width:0;margin:0;padding:14px 16px;font-size:clamp(1.12rem,2vw,1.45rem);line-height:1.75}.learning-clues,.number-clues{flex-wrap:wrap;gap:10px;min-width:0;display:flex}.learning-clues span,.number-clues span,.unit-badge{background:var(--mint);overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:7px 11px;font-weight:900}.number-clues span{background:var(--sky)}.question-focus{border-radius:var(--radius-medium);background:#fbf6ff;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;padding:16px;display:grid}.question-focus h3,.question-focus p{overflow-wrap:anywhere;min-width:0;margin:0}.unit-badge{background:#fff3bd;width:fit-content}.calculation-lesson{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr);align-items:start;gap:20px;display:grid}.calculation-board{border:3px solid var(--lavender);border-radius:var(--radius-large);min-height:156px;color:var(--ink);font-variant-numeric:tabular-nums;background:#fbf6ff;place-items:center;padding:24px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;display:grid}.calculation-board--vertical{place-items:stretch end}.calculation-board__vertical-operands{text-align:right;justify-items:end;min-width:5ch;display:grid}.calculation-board__vertical-operands b{text-align:left;width:1.1em;margin-right:.2em;display:inline-block}.calculation-board__line{border-top:3px solid;width:100%}.calculation-keypad{gap:12px;display:grid}.calculation-keypad__display{border:2px solid var(--line);border-radius:var(--radius-medium);font-variant-numeric:tabular-nums;background:#fff;place-items:center end;min-height:56px;padding:0 18px;font-size:2rem;font-weight:900;display:grid}.calculation-keypad__keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.calculation-keypad__keys button,.calculation-keypad__actions button{min-height:56px;font-size:1.25rem;font-weight:900}.calculation-keypad__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.calculation-keypad__actions button{grid-column:1/-1}.today-stars,.star-bunny,.login-card,.guardian-placeholder{border-radius:var(--radius-large);box-shadow:var(--shadow);background:#ffffffe0;border:2px solid #ffffffc7;margin:0;padding:22px}.today-stars h2{margin-top:0}.today-stars__change{color:var(--lavender-deep);font-weight:900}.today-stars__reason{line-height:1.55}.queued-stars{border-top:2px dashed var(--line);color:var(--ink-soft);gap:4px;margin-top:18px;padding-top:16px;display:grid}.queued-stars span{font-size:.84rem}.star-bunny{text-align:center}.star-bunny figcaption{margin-top:12px;font-weight:800;line-height:1.5}.star-bunny__picture{width:156px;height:176px;margin:0 auto;position:relative}.star-bunny__ear,.star-bunny__face,.star-bunny__cape,.star-bunny__wand{display:block;position:absolute}.star-bunny__ear{z-index:2;background:#f5e9ff;border:4px solid #8065ad;border-radius:52% 52% 42% 42%;width:42px;height:84px;top:4px}.star-bunny__ear:after{content:"";border-radius:inherit;background:var(--peach);position:absolute;inset:12px 10px}.star-bunny__ear--left{left:30px;transform:rotate(-10deg)}.star-bunny__ear--right{right:30px;transform:rotate(10deg)}.star-bunny__face{z-index:4;background:#fff7ed;border:4px solid #8065ad;border-radius:48% 48% 45% 45%;width:108px;height:94px;top:55px;left:24px}.star-bunny__face:before{content:"•  ◡  •";color:#594a70;letter-spacing:8px;font-size:21px;font-weight:900;position:absolute;inset:32px 0 auto}.star-bunny__cape{z-index:1;clip-path:polygon(20% 0,80% 0,100% 100%,0 100%);background:#a98bd7;border-radius:55% 55% 25% 25%;width:122px;height:72px;bottom:0;left:17px}.star-bunny__wand{z-index:5;color:#efb900;text-shadow:0 0 14px #ffd96ab3;font-size:43px;bottom:3px;right:0;transform:rotate(12deg)}.star-bunny__wand:after{content:"";background:#8065ad;border-radius:8px;width:6px;height:74px;position:absolute;top:35px;left:17px}.login-card form{gap:16px;margin-top:24px;display:grid}.login-card label{gap:7px;font-weight:800;display:grid}.login-card input{background:#fff;width:100%;padding:8px 12px}.eyebrow{color:var(--lavender-deep);font-weight:900}.guardian-header,.guardian-panel,.guardian-tabs{border-radius:var(--radius-large);box-shadow:var(--shadow);background:#ffffffe0;border:2px solid #ffffffc7;padding:22px}.guardian-header h1,.guardian-header p{margin:0}.guardian-header h1{margin-top:6px}.guardian-header__row{justify-content:space-between;align-items:center;gap:18px;display:flex;position:relative}.account-menu{z-index:10;border:2px solid var(--line);border-radius:var(--radius-medium);min-width:180px;box-shadow:var(--shadow);background:#fff;gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.account-menu button,.device-management button{min-height:48px}.device-management{border-radius:var(--radius-large);box-shadow:var(--shadow);background:#ffffffeb;border:2px solid #ffffffc7;gap:16px;padding:22px;display:grid}.device-management__heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.device-management__heading h2{margin:0}.device-management__register{gap:10px;display:grid}.device-management__register label{gap:7px;font-weight:800;display:grid}.device-management__register input,.device-management__register select,.device-management__list select{background:#fff;width:100%;padding:8px 12px}.device-management__limits{color:var(--ink-soft);margin:0;font-weight:800}.device-management__list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.device-management__list li{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.device-management__list li>div{gap:4px;display:grid}.device-management__list span{color:var(--ink-soft)}.guardian-tabs{gap:10px;min-width:0}.guardian-tabs button{white-space:normal;overflow-wrap:anywhere;min-width:0}.guardian-tabs button[aria-selected=true]{border-color:var(--ink);background:var(--ink)}.guardian-panel h2{margin-top:0}.guardian-balance{font-size:clamp(1.4rem,3vw,2rem);font-weight:900}.guardian-metrics,.adjustment-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.guardian-metrics p,.adjustment-values span{background:var(--mint);border-radius:14px;margin:0;padding:14px;font-weight:800}.guardian-sync-review{border-radius:var(--radius-medium);background:#fff8dc;border:2px solid #d29a00;margin-top:22px;padding:18px}.guardian-sync-review h3{margin-top:0}.guardian-sync-review ul{gap:10px;margin-bottom:0;display:grid}.guardian-sync-review li{background:var(--cloud);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:12px;display:grid}.guardian-sync-review li strong{grid-column:1/-1}.guardian-sync-review li span,.guardian-sync-review li time{color:var(--ink-soft)}.guardian-list{gap:16px;margin-top:18px;display:grid}.guardian-card{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud);gap:12px;padding:18px;display:grid}.guardian-card h3,.guardian-card p{margin:0}.guardian-card label,.guardian-filter label,.guardian-manual-stars label,.guardian-plan-loader label,.guardian-plan-form label{gap:6px;font-weight:800;display:grid}.guardian-filter,.guardian-manual-stars,.guardian-plan-form,.guardian-plan-loader{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;margin:18px 0;display:grid}.guardian-manual-stars,.guardian-plan-form{border-radius:var(--radius-medium);background:#fbf6ff;padding:18px}.guardian-manual-stars h3{grid-column:1/-1;margin:0}.guardian-checkbox{align-items:center;grid-template-columns:auto 1fr!important}.guardian-checkbox input{width:var(--touch-min);margin:0}.ledger-link{color:var(--lavender-deep);font-weight:800}.ai-studio{gap:18px;min-width:0;display:grid}.ai-studio>h2,.ai-studio>p{margin:0}.ai-studio-tree{border:2px solid var(--line);border-radius:var(--radius-medium);background:#fbf6ff;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0;padding:14px;display:grid}.ai-studio-tree__group{align-content:start;gap:8px;min-width:0;display:grid}.ai-studio-tree__group:focus-visible{outline:4px solid var(--star);outline-offset:3px}.ai-studio-tree__branch{width:100%}.ai-studio-tree__leaves{gap:7px;min-width:0;display:grid}.ai-studio-tree__leaves button{border-color:var(--line);background:var(--cloud);min-width:0;color:var(--ink-soft);text-align:left;overflow-wrap:anywhere}.ai-studio-tree__leaves button[aria-selected=true]{border-color:var(--lavender-deep);background:var(--mint);color:var(--ink)}.ai-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.ai-provider-card,.ai-draft-card,.ai-report{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud);gap:12px;min-width:0;padding:18px;display:grid}.ai-provider-card h3,.ai-provider-card p,.ai-draft-card h4,.ai-draft-card p,.ai-report h3,.ai-report p{margin:0}.ai-provider-card form,.ai-provider-card label,.ai-draft-form,.ai-draft-form label,.ai-draft-card form,.ai-draft-card label{gap:8px;font-weight:800;display:grid}.ai-provider-card__actions{flex-wrap:wrap;gap:10px;display:flex}.ai-studio-budget-note{color:var(--ink-soft);grid-column:1/-1}.ai-budget-panel{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud);gap:16px;padding:18px;display:grid}.ai-budget-panel h3,.ai-budget-panel p{margin:0}.ai-budget-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.ai-budget-summary p{background:#fbf6ff;border-radius:14px;padding:12px;font-weight:850}.ai-budget-summary__over{color:#8a2c2c;background:#fff0f0!important}.ai-budget-form{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}.ai-budget-form>label,.ai-budget-form fieldset,.ai-budget-form fieldset label{gap:8px;font-weight:800;display:grid}.ai-budget-form fieldset{border:2px solid var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:14px}.ai-budget-form legend{padding:0 6px;font-weight:900}.ai-studio-readiness{color:#664900;background:#fff8dc;border:2px solid #d29a00;border-radius:14px;padding:12px 14px;font-weight:800}.ai-draft-panel,.ai-draft-results{gap:16px;display:grid}.ai-draft-panel h3{margin:0}.ai-draft-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.ai-draft-card header{justify-content:space-between;align-items:start;gap:12px;display:flex}.ai-draft-card textarea{resize:vertical;min-height:96px}.ai-draft-card__rejected{color:#8a2c2c;font-weight:900}@media (width<=800px){.ai-studio-tree,.ai-provider-grid,.ai-draft-form,.ai-budget-summary,.ai-budget-form fieldset{grid-template-columns:minmax(0,1fr)}.ai-studio-budget-note{grid-column:auto}}.offline-learning-banner,.provisional-label{border-radius:var(--radius-medium);color:#664900;background:#fff4bf;border:2px solid #d29a00;padding:10px 14px;font-weight:900}.offline-learning-banner{margin:0 0 18px}.recovery-guidance{color:#743100;background:#fff1e7;border:2px solid #d75d00;border-radius:14px;margin:0 0 18px;padding:10px 14px;font-weight:900}.provisional-label{width:fit-content;display:inline-flex}.friend-stage{border:2px solid var(--line);border-radius:var(--radius-large);background:linear-gradient(145deg, var(--cloud), #fbf6ff);box-shadow:var(--shadow);gap:20px;padding:clamp(18px,3vw,28px);display:grid}.friend-stage__cast{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.friend-stage__cast li{border-radius:var(--radius-medium);text-align:center;border:2px solid #0000;place-items:center;gap:5px;min-width:0;padding:12px 8px;display:grid}.friend-stage__cast li[aria-current=true]{border-color:var(--companion-outline);background:var(--sky)}.friend-stage__cast strong{color:var(--companion-outline)}.friend-stage__cast span{color:var(--ink-soft);font-size:.88rem;font-weight:700}.friend-stage__speaker{gap:10px;display:grid}.friend-stage__rest-day{color:var(--grape);margin:0;font-weight:900}.student-shell__left .friend-stage{padding:18px}.student-shell__left .friend-stage__cast{grid-template-columns:minmax(0,1fr)}.student-shell__left .friend-stage__cast li{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start}.student-shell__left .friend-stage__cast .companion-avatar{grid-row:1/3}.companion-avatar{object-fit:contain;color:var(--companion-outline);border-radius:50%;flex:none;place-items:center;font-weight:900;display:inline-grid}.companion-avatar--small{width:48px;height:48px;font-size:1rem}.companion-avatar--medium{width:76px;height:76px;font-size:1.35rem}.companion-avatar--large{width:104px;height:104px;font-size:1.75rem}.companion-avatar--lilac{background:var(--lavender)}.companion-avatar--mint{background:var(--mint)}.companion-avatar--sky{background:var(--sky)}.companion-avatar--peach{background:var(--peach)}.companion-bubble{border:2px solid var(--companion-outline);border-radius:var(--radius-medium);background:var(--cloud);overflow-wrap:anywhere;align-items:baseline;gap:10px;padding:14px 18px;line-height:1.55;display:flex}.companion-bubble strong{color:var(--grape);flex:none}.companion-bubble--support{background:var(--mint)}.companion-bubble--status{background:var(--cream)}.star-celebration{border-radius:var(--radius-medium);background:#fff3bd;align-items:center;gap:10px;width:fit-content;padding:10px 14px;display:flex;position:relative}.star-celebration__particles{color:#ad7900;gap:4px;display:flex}.friend-trail{border:2px solid var(--line);border-radius:var(--radius-medium);background:var(--cloud);gap:10px;padding:18px;display:grid}.friend-trail h2,.friend-trail p{margin:0}.friend-trail p{color:var(--grape);font-weight:900}.friend-trail ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.friend-trail li{background:var(--mint);border-radius:999px;padding:6px 10px;font-weight:800}.friend-trail__zero-progress{color:var(--grape);margin:0;padding:0 18px 18px;font-weight:900}@media (width<=950px){.student-shell{grid-template-columns:260px minmax(0,1fr);grid-template-areas:"header header""left main"}.student-shell__main{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""required""right""optional"}.student-learning-view{padding:14px}.student-shell__right{position:static}}@media (width<=850px),(orientation:portrait) and (width<=1000px){.student-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"header""left""main";padding:14px}.student-shell__left{display:block;position:static}.student-shell__main{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""required""right""optional"}.student-shell__left .friend-stage__cast{grid-template-columns:repeat(4,minmax(0,1fr))}.student-shell__left .friend-stage__cast li{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center}.student-shell__left .friend-stage__cast .companion-avatar{grid-row:auto}.learning-companion{grid-template-columns:72px minmax(0,1fr);gap:12px}.learning-companion .companion-avatar{width:72px;height:72px}.calculation-lesson{grid-template-columns:minmax(0,1fr)}}@media (width<=700px){.study-grid{grid-template-columns:minmax(0,1fr)}.section-heading{flex-direction:column;align-items:flex-start}.guardian-shell{padding:14px}.guardian-filter,.guardian-manual-stars,.guardian-plan-form,.guardian-plan-loader,.guardian-metrics,.adjustment-values,.guardian-sync-review li{grid-template-columns:minmax(0,1fr)}.chanaping-coach{box-sizing:border-box;grid-template-columns:62px minmax(0,1fr) auto;width:100%;max-width:none;margin-top:4px;position:static}.chanaping-coach__art{width:62px;height:62px}}@media (width>=900px) and (orientation:landscape){.responsive-shell{grid-template-columns:minmax(248px,300px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.responsive-nav__rail{align-self:start;display:grid;position:sticky;top:16px}.responsive-nav__fab,.responsive-nav__drawer{display:none}.responsive-shell__content{min-width:0;max-width:1120px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.learning-companion *,.star-celebration *{transform:none!important}.star-celebration__particles{display:none!important}}