.school-learn{isolation:isolate;letter-spacing:0;min-height:100svh;position:relative;overflow-x:clip}.learn-atmosphere{z-index:-1;pointer-events:none;background:var(--background);position:fixed;inset:0;overflow:hidden}.learn-atmosphere>img{object-fit:cover;object-position:center top;opacity:.65;width:100%;max-width:1100px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.learn-orbits{perspective:600px;width:320px;height:135px;position:absolute;top:60px;left:50%;transform:translate(-50%)}.learn-orbits i{border:1px solid var(--primary);box-shadow:0 0 10px var(--primary),inset 0 0 8px color-mix(in oklch,var(--primary) 25%,transparent);border-radius:50%;animation:5s ease-in-out infinite learn-ring;position:absolute;inset:0;transform:rotateX(64deg)}.learn-orbits i:nth-child(2){animation-delay:-1.8s;inset:18px 38px}.learn-orbits i:nth-child(3){animation-delay:-3.5s;inset:34px 73px}.learn-glitter{position:absolute;inset:0}.learn-glitter i{left:calc(mod(var(--n) * 37, 97) * 1%);top:calc(mod(var(--n) * 19, 93) * 1%);background:var(--foreground);width:2px;height:2px;box-shadow:0 0 6px var(--primary);animation:4s ease-in-out infinite learn-twinkle;animation-delay:calc(var(--n) * -.37s);position:absolute}.learn-glitter i:nth-child(3n){clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);width:4px;height:4px}.learn-stage{max-width:1000px;margin:auto;padding:16px 24px 152px;position:relative}.learn-header{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.learn-header>p{text-align:center;color:var(--muted-foreground);font-size:11px;font-weight:800}.learn-header>p span{color:var(--primary)}.school-learn .learn-back{border:1px solid var(--border);background:var(--school-material);color:var(--foreground);box-shadow:var(--learn-inset)}.learn-intro{text-align:center;padding:24px 0 30px}.learn-eyebrow{color:var(--primary);align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.learn-eyebrow svg{width:14px;height:14px}.learn-intro h1{margin:12px 0;font-size:42px;font-weight:900;line-height:1.15}.learn-intro h1 span{color:var(--primary)}.learn-intro>p:last-child{color:var(--muted-foreground);font-size:13px;line-height:1.7}.learn-onboarding{gap:24px;max-width:440px;margin:auto;padding:6px 0 30px;display:grid}.learn-field{gap:10px;display:grid}.learn-field>label,.learn-field legend{margin-bottom:4px;font-size:15px;font-weight:750}.learn-field small{color:var(--primary);margin-right:9px;font-size:10px}.school-learn .learn-input{border:1px solid var(--border);background:var(--school-material);width:100%;height:52px;box-shadow:var(--learn-inset);color:var(--foreground);border-radius:8px;outline:none;padding:0 16px;font-size:15px}.learn-input::placeholder{color:var(--muted-foreground)}.school-learn .learn-input:focus{border-color:var(--primary);box-shadow:var(--school-shadow)}.learn-classes{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.school-learn .learn-class{border:1px solid var(--school-metal-edge);background:var(--school-material);min-width:0;height:46px;box-shadow:var(--learn-inset),0 4px 0 var(--background),0 5px 0 var(--border);color:var(--foreground);border-radius:6px;padding:0;font-size:13px;font-weight:800;transition:transform .2s}.school-learn .learn-class[aria-pressed=true]{border-color:var(--primary);color:var(--primary);box-shadow:var(--learn-inset),0 3px 0 var(--border),var(--school-shadow)}.school-learn .learn-class:active{transform:translateY(3px)}.school-learn .learn-start{border:1px solid var(--primary);background:linear-gradient(145deg,var(--accent),var(--primary));width:100%;height:54px;color:var(--primary-foreground);box-shadow:0 5px 0 var(--border),var(--school-shadow);border-radius:8px;margin-top:5px;font-size:14px;font-weight:850}.learn-start svg{margin-left:auto}.learn-error{color:var(--foreground);border-left:2px solid var(--primary);padding-left:12px;font-size:13px}.learn-loading{text-align:center;color:var(--muted-foreground);padding:35px}.learn-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;display:flex}.learn-toolbar h2{font-size:18px;font-weight:800}.school-learn .learn-edit{height:34px;color:var(--primary);background:var(--card);border:1px solid var(--border);font-size:11px}.learn-search{max-width:380px;margin-bottom:22px;position:relative}.learn-search>svg{width:16px;color:var(--muted-foreground);position:absolute;top:18px;left:14px}.school-learn .learn-search .learn-input{height:50px;padding-left:42px}.learn-subjects{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.learn-subject{border:1px solid var(--border);background:var(--school-material);box-shadow:var(--learn-inset),0 6px 0 var(--background),0 7px 0 var(--border),var(--school-shadow);border-radius:8px;transition:transform .2s,border-color .2s;display:block;position:relative;overflow:hidden}.learn-subject:hover{border-color:var(--primary);transform:translateY(-4px)}.learn-subject-art{height:150px;position:relative;overflow:hidden}.learn-subject img{object-fit:cover;width:100%;height:100%}.learn-subject-art:after{content:"";background:linear-gradient(to bottom,transparent 45%,var(--card));position:absolute;inset:0}.learn-subject-copy{gap:7px;padding:10px 16px 16px;display:grid;position:relative}.learn-subject strong{font-size:15px;font-weight:850;line-height:1.3}.learn-subject small{color:var(--muted-foreground);font-size:10px}.learn-subject-copy>span{color:var(--primary);justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;display:flex}.learn-subject-copy svg{width:14px;height:14px}.learn-emotional-cover{background:var(--background);isolation:isolate;margin:20px 0 28px;display:block;position:relative}.learn-emotional-portrait{border-top:1px solid var(--primary);border-bottom:1px solid var(--primary);height:min(54svh,420px);box-shadow:0 0 20px color-mix(in oklch,var(--primary) 25%,transparent);animation:4s ease-in-out infinite learn-cover-glow;position:relative;overflow:hidden}.learn-emotional-portrait img{object-fit:contain;width:100%;height:100%;display:block}.learn-emotional-portrait:after{content:"";pointer-events:none;background:linear-gradient(115deg,transparent 35%,color-mix(in oklch,var(--foreground) 14%,transparent) 48%,transparent 61%);animation:6s ease-in-out infinite learn-cover-sheen;position:absolute;inset:0;transform:translate(-130%)}.learn-emotional-heading{padding:18px 40px 0 0;position:relative}.learn-emotional-heading>span{color:var(--primary);font-size:10px;font-weight:800}.learn-emotional-heading h1{color:var(--foreground);margin-top:8px;font-size:34px;font-weight:900;line-height:1.12}.learn-emotional-heading>svg{width:28px;height:28px;color:var(--primary);filter:drop-shadow(0 0 8px var(--primary));position:absolute;bottom:4px;right:0}.learn-emotional-cover:focus-visible{outline:2px solid var(--primary);outline-offset:6px}@keyframes learn-cover-glow{0%,to{box-shadow:0 0 12px color-mix(in oklch,var(--primary) 20%,transparent)}50%{box-shadow:0 0 30px color-mix(in oklch,var(--primary) 50%,transparent)}}@keyframes learn-cover-sheen{0%,20%{transform:translate(-130%)}70%,to{transform:translate(130%)}}@media (prefers-reduced-motion:reduce){.learn-emotional-portrait,.learn-emotional-portrait:after{animation:none}.learn-emotional-portrait:after{display:none}}@keyframes learn-ring{0%,to{opacity:.15}50%{opacity:.85}}@keyframes learn-twinkle{0%,to{opacity:.1;transform:scale(.6)}50%{opacity:.8;transform:scale(1.3)}}@media (width<=760px){.learn-stage{padding:12px 20px 150px}.learn-intro{padding-top:20px;padding-bottom:26px}.learn-intro h1{font-size:32px}.learn-orbits{width:290px;height:110px;top:56px}.learn-subjects{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.learn-subject-art{height:130px}.learn-subject-copy{padding:8px 12px 14px}.learn-subject strong{font-size:13px}.learn-classes{gap:9px}.learn-header>p{font-size:10px}}@media (prefers-reduced-motion:reduce){.learn-atmosphere *{animation:none!important}.learn-orbits i{opacity:.5}.learn-glitter i{opacity:.45}.learn-subject{transition:none}}.learn-book-emblem{place-items:center;width:136px;height:145px;margin:0 auto 14px;display:grid;position:relative}.learn-book-emblem img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 0 18px color-mix(in oklch,var(--primary) 40%,transparent));animation:4s ease-in-out infinite learn-relic-light}.learn-book-emblem:after{content:"";background:var(--primary);width:100px;height:2px;box-shadow:0 0 16px var(--primary);animation:4s infinite learn-ring;position:absolute;bottom:0}.school-learn .learn-subject{border-top-color:var(--school-metal-edge);border-bottom:2px solid var(--primary)}.school-learn .learn-subject-art{height:155px}.school-learn .learn-subject-copy{padding:12px 14px 18px}.school-learn .learn-subject strong{font-size:16px}.school-learn .learn-subject-copy>span{font-size:12px}.learn-welcome{z-index:400;background:var(--background);height:100dvh;padding:max(16px,env(safe-area-inset-top)) 24px max(20px,env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.learn-welcome-header{flex-shrink:0;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;gap:10px;width:100%;max-width:480px;margin:0 auto;display:grid}.learn-welcome-header>span:nth-child(2){text-align:center;color:var(--muted-foreground);font-size:10px;font-weight:850}.learn-step{color:var(--primary);text-align:right;font-size:12px;font-weight:800}.learn-progress{flex-shrink:0;gap:6px;width:58px;margin:22px auto 0;display:flex}.learn-progress i{background:var(--border);border-radius:2px;flex:1;height:3px}.learn-progress i:first-child,.learn-progress i[data-lit=true]{background:var(--primary);box-shadow:0 0 10px var(--primary)}.learn-welcome-center{flex-shrink:0;width:100%;max-width:440px;margin:auto;padding:28px 0 40px}.learn-guides{justify-content:center;margin:0 auto 24px;display:flex}.learn-guides img{object-fit:cover;border:1px solid var(--primary);width:70px;height:70px;box-shadow:0 0 18px color-mix(in oklch,var(--primary) 35%,transparent);border-radius:50%}.learn-guides img+img{border-color:var(--school-cyan);margin-left:-10px}.learn-welcome-thread{text-align:center;width:100%}.learn-question{overflow-wrap:anywhere;gap:12px;animation:.45s ease-out both learn-pop;display:grid}.learn-question b{color:var(--primary);font-size:11px;font-weight:750}.learn-question>span{color:var(--foreground);font-size:18px;line-height:1.4}.learn-question strong{color:var(--foreground);text-shadow:0 0 24px color-mix(in oklch,var(--primary) 55%,transparent);font-size:40px;font-weight:900;line-height:1.13;animation:4s ease-in-out infinite learn-question-light;display:block}.learn-composer{gap:12px;width:100%;margin:28px auto 0;display:grid;position:relative}.learn-composer-row{align-items:center;gap:10px;min-width:0;display:flex}.school-learn .learn-composer .learn-input{background:var(--card);border:1px solid var(--primary);min-width:0;height:60px;box-shadow:var(--learn-inset),0 0 20px color-mix(in oklch,var(--primary) 15%,transparent);border-radius:8px;flex:1;padding:0 14px;font-size:16px}.school-learn .learn-send{background:var(--primary);width:56px;height:60px;color:var(--primary-foreground);border:1px solid var(--accent);box-shadow:0 4px 0 var(--border),0 0 20px color-mix(in oklch,var(--primary) 35%,transparent);border-radius:8px;flex:none}.school-learn .learn-send:disabled{opacity:.45}.school-learn .learn-change-name{color:var(--muted-foreground);justify-self:center;height:34px;font-size:13px}.learn-change-name svg{width:12px}.learn-answer-preview{color:var(--foreground);text-align:center;font-size:13px}.learn-answer-preview span{color:var(--primary);margin-left:8px}.learn-error{font-size:13px;line-height:1.5}.learn-welcome-footer{color:var(--primary);opacity:.65;flex-shrink:0;justify-content:center;align-items:center;gap:15px;padding:8px 0;display:flex}.learn-welcome-footer svg{width:18px}.learn-welcome-footer span{background:var(--primary);width:60px;height:1px;box-shadow:0 0 8px var(--primary);animation:4s infinite learn-ring}.learn-saving{border:2px solid var(--primary-foreground);border-top-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite learn-spin}@keyframes learn-pop{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes learn-spin{to{transform:rotate(360deg)}}@keyframes learn-question-light{0%,to{text-shadow:0 0 15px color-mix(in oklch,var(--primary) 25%,transparent)}50%{text-shadow:0 0 28px color-mix(in oklch,var(--primary) 65%,transparent)}}@keyframes learn-relic-light{0%,to{filter:drop-shadow(0 0 10px color-mix(in oklch,var(--primary) 25%,transparent))}50%{filter:drop-shadow(0 0 22px color-mix(in oklch,var(--primary) 65%,transparent))}}@media (height<=560px){.learn-welcome-center{padding:18px 0}.learn-guides{margin-bottom:12px}.learn-guides img{width:48px;height:48px}.learn-question{gap:8px}.learn-question strong{font-size:30px}.learn-composer{margin-top:20px}.learn-welcome-footer{display:none}.learn-progress{margin-top:12px}}@media (width<=360px){.learn-welcome{padding-left:18px;padding-right:18px}.learn-question strong{font-size:34px}.learn-question>span{font-size:16px}.learn-welcome-header>span:nth-child(2){font-size:9px}.school-learn .learn-subject strong{font-size:14px}}@media (prefers-reduced-motion:reduce){.learn-question,.learn-question strong,.learn-book-emblem img,.learn-welcome-footer span{animation:none}}.school-learn .learn-subject{border-radius:10px}.school-learn .learn-subject-art{aspect-ratio:16/9;background:var(--background);height:auto}.school-learn .learn-subject img{object-fit:contain}.school-learn .learn-subject-art:after{display:none}.school-learn .learn-subject-copy{gap:3px;padding:6px 8px 9px}.school-learn .learn-subject strong{font-size:12px;line-height:1.2}.school-learn .learn-subject small{font-size:9px}.school-learn .learn-subject-copy>span{display:none}@media (width<=360px){.school-learn .learn-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.school-learn .learn-subject strong{font-size:12px}}.learn-emotional-cover{background:radial-gradient(120% 70% at 50% 0%,color-mix(in oklch,var(--primary) 28%,transparent),transparent 70%),var(--background);box-shadow:0 0 0 1px color-mix(in oklch,var(--school-gold,var(--primary)) 60%,transparent),0 0 40px color-mix(in oklch,var(--primary) 35%,transparent);border-radius:14px;padding-bottom:16px;animation:3.2s ease-in-out infinite learn-hero-aura;overflow:hidden}.learn-emotional-cover:before{content:"";z-index:-1;background:conic-gradient(from 0deg,transparent 0 70%,color-mix(in oklch,var(--school-gold,var(--primary)) 55%,transparent) 80%,transparent 90%);opacity:.55;animation:7s linear infinite learn-hero-spin;position:absolute;inset:-40%}.learn-emotional-portrait{height:min(58svh,460px);box-shadow:none;border:0}.learn-emotional-portrait img{filter:drop-shadow(0 0 22px color-mix(in oklch,var(--primary) 55%,transparent)) contrast(1.06) saturate(1.1)}.learn-emotional-heading{padding:14px 52px 0 16px}.learn-emotional-heading>span{letter-spacing:.22em;color:var(--school-gold,var(--primary))}.learn-emotional-heading h1{text-transform:uppercase;letter-spacing:-.01em;background:linear-gradient(180deg,var(--foreground) 30%,var(--school-gold,var(--primary)));color:#0000;filter:drop-shadow(0 0 14px color-mix(in oklch,var(--primary) 50%,transparent));-webkit-background-clip:text;background-clip:text;font-size:38px}.learn-emotional-heading>svg{right:16px}@keyframes learn-hero-aura{50%{box-shadow:0 0 0 1px var(--school-gold,var(--primary)),0 0 70px color-mix(in oklch,var(--primary) 55%,transparent)}}@keyframes learn-hero-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.learn-emotional-cover,.learn-emotional-cover:before{animation:none}}.school-learn .learn-subjects{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.learn-poster{aspect-ratio:3/4;background:var(--background);border:1.5px solid var(--primary);box-shadow:0 0 12px color-mix(in oklch,var(--primary) 45%,transparent);border-radius:10px;transition:transform .2s;animation:2.6s ease-in-out infinite learn-poster-pulse;display:block;position:relative;overflow:hidden}.learn-poster:nth-child(3n+2){animation-delay:.6s}.learn-poster:nth-child(3n){animation-delay:1.2s}.learn-poster:active{transform:scale(.96)}.learn-poster img{object-fit:cover;width:100%;height:100%;display:block}@keyframes learn-poster-pulse{50%{border-color:var(--school-gold,var(--primary));box-shadow:0 0 26px color-mix(in oklch,var(--primary) 75%,transparent),0 0 6px var(--school-gold,var(--primary))}}@media (prefers-reduced-motion:reduce){.learn-poster{animation:none}}.learn-emotional-portrait{aspect-ratio:4/3;height:auto}.learn-emotional-portrait img{object-fit:cover;object-position:50% 18%}