@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap");*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:#fff;color:#111;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}body,h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}a,button,input,summary,textarea{-webkit-tap-highlight-color:transparent}a,button,summary{touch-action:manipulation}button{font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ad80ed;outline-offset:4px}button svg{flex-shrink:0}button{background:none;border:0}svg{display:inline-block;vertical-align:middle}a,button{transition:background .18s,transform .18s,box-shadow .18s,color .18s}.muted{color:#777;font-size:14px}.announcement{height:37px;display:flex;align-items:center;justify-content:center;gap:10px;background:#f0e2ff;color:#6f2cae;font-size:14px}.announcement span{font-weight:600;margin-left:4px}.header{max-width:1280px;height:70px;display:flex;justify-content:space-between;padding:0 48px;margin:auto;position:relative;z-index:20;background:#fff}.header,.logo{align-items:center}.logo{display:inline-flex;gap:9px;font-family:Manrope,Inter,sans-serif;font-size:25px;font-weight:800;letter-spacing:-.8px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:31px;height:32px;background:#111;color:white;border-radius:10px}.nav{gap:26px;font-size:14px}.nav,.nav a{display:flex;align-items:center}.nav a{gap:5px}.nav a:hover{color:#8838de}.header-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #e5e5e5;border-radius:13px;padding:11px 20px;font-size:16px;font-weight:500;background:#fff;line-height:1.5;white-space:nowrap}.button:hover{background:#f5f2fa}.button.primary{background:#8838de;color:#fff;border-color:#8838de;box-shadow:0 2px 0 #6521ae22}.button.primary:hover{background:#762bc6;transform:translateY(-1px)}.button.small{font-size:14px;border-radius:100px;padding:8px 17px}.menu-button{display:none}.hero{position:relative;max-width:1120px;height:640px;margin:0 auto;text-align:center;padding:16px 25px 0;overflow:hidden;isolation:isolate}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.hero:after{content:"";position:absolute;left:0;top:0;right:0;height:125px;background:linear-gradient(#fff,transparent);z-index:-1}.new-badge{font-size:14px;display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border:1px solid #e4d4f1;border-radius:100px;box-shadow:0 0 0 2px #faf3ff;background:#ffffffdb;margin:1px 0 24px}.new-badge>svg:first-child{color:#ab6fe4}.hero h1{font-weight:600;font-size:58px;line-height:1.13;letter-spacing:-2.8px;margin:0 auto 23px;max-width:1000px}.hero h1 span{position:relative;white-space:nowrap}.hero h1 span:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:5px;background:#8838de;border-radius:70%;transform:rotate(-1deg)}.hero>p{color:#777;font-size:18px;line-height:1.5}.hero-cta{width:360px;margin-top:26px;padding:10px 20px;border-radius:18px}.hero-sub{font-size:13px;color:#827587;margin-top:11px}.fan-section{max-width:1240px;margin:-45px auto 0;position:relative;z-index:2}.subject-fan{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;padding:0 28px}.fan-card{height:170px;background:var(--subject-bg);border:3px solid #fff;border-radius:22px;box-shadow:0 8px 22px #39234910;color:var(--subject);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;transition:transform .2s}.fan-card:first-child{transform:rotate(-9deg) translateY(20px)}.fan-card:nth-child(2){transform:rotate(-5deg) translateY(2px)}.fan-card:nth-child(3){transform:rotate(-2deg)}.fan-card:nth-child(4){transform:rotate(2deg)}.fan-card:nth-child(5){transform:rotate(5deg) translateY(2px)}.fan-card:nth-child(6){transform:rotate(9deg) translateY(20px)}.fan-card:hover{transform:translateY(-10px)}.fan-card .subject-icon svg{width:56px;height:56px}.fan-card strong{color:#292332;font-size:15px}.browse-line{justify-content:center;gap:20px;font-size:14px;margin:53px 0 56px;color:#737373}.browse-line,.browse-line a{display:flex;align-items:center}.browse-line a{gap:8px;color:#6f32af}.boards{padding:15px 24px 70px;text-align:center}.boards>p{font-size:12px;letter-spacing:1.8px;color:#8e8895}.boards>div{display:flex;justify-content:center;gap:70px;align-items:center;margin-top:25px}.boards strong{font-family:Georgia,serif;font-size:28px;color:#7b7285;font-weight:600}.boards strong span{font-size:18px;margin-left:4px}.feature-section{max-width:1040px;margin:30px auto 115px;scroll-margin-top:25px}.eyebrow{display:block;text-align:center;font-size:12px;letter-spacing:1.8px;font-weight:600;color:#974edc;margin-bottom:14px}.faq h2,.feature-section h2{font-size:38px;line-height:1.25;letter-spacing:-1.3px;text-align:center;font-weight:650;margin-bottom:32px}.feature-preview{display:grid;grid-template-columns:1.12fr 1fr;background:#f7f1fc;border:1px solid #eee3f6;border-radius:25px;padding:36px;gap:54px;align-items:center}.note-preview,.question-preview{background:#fff;border:1px solid #e4dceb;box-shadow:0 5px 22px #41215808;padding:30px;border-radius:15px}.pill{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;background:#f0e7fc;color:#8145ba}.pill.green{background:#e8f7ed;color:#328962}.pill.pink{background:#fceaf0;color:#c35a7a}.note-preview h3{font-size:24px;line-height:1.4;margin:18px 0 14px;font-weight:650}.note-preview p{font-size:15px;line-height:1.65;color:#5b5860}.definition{background:#f5f5fa;border-radius:9px;padding:17px;margin-top:20px}.definition strong{font-size:13px;color:#8053ab}.definition p{margin-top:7px;font-size:14px}.feature-copy>svg{color:#9449d5;margin-bottom:15px}.feature-copy h3{font-size:30px;line-height:1.3;font-weight:650;letter-spacing:-.7px;margin-bottom:18px}.feature-copy p{font-size:16px;line-height:1.75;color:#7c7283;margin-bottom:22px}.question-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#888}.question-preview h3{margin:24px 0 12px;font-size:18px}.question-preview>p{font-size:16px;line-height:1.7}.worked{display:flex;align-items:flex-start;gap:12px;padding:20px 16px;margin:28px 0 20px;border:1px solid #d2e7db;background:#f3faf5;border-radius:10px;color:#3b855c;font-size:15px;line-height:1.9}.worked svg{margin-top:4px}.faq{max-width:830px;margin:0 auto 100px;padding:0 24px}.faq h2{margin-bottom:35px;font-size:34px}.faq details{border-bottom:1px solid #eee;padding:20px 0}.faq summary{font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details[open] svg{transform:rotate(180deg)}.faq details p{color:#777;margin-top:13px;font-size:15px;line-height:1.8;padding-right:30px}.final-cta{text-align:center;padding:60px 24px 65px;background:#f8f1fe}.final-cta>svg{color:#9f65d4}.final-cta h2{font-size:36px;letter-spacing:-1px;margin:15px 0 24px}.footer{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:25px;max-width:1200px;margin:auto;padding:60px 40px 25px}.footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer h3{font-size:14px;font-weight:650;margin-bottom:7px}.footer a:not(.logo),.footer p,.footer span{font-size:13px;color:#888}.footer .logo{font-size:23px}.footer .brand-mark{color:#fff}.footer p{max-width:210px;line-height:1.7}.footer a:hover{color:#8838de}.footer>p.footer-note{grid-column:1/-1;max-width:none;margin-top:35px;border-top:1px solid #eee;padding-top:20px;font-size:12px}@media(min-width:1450px){.hero{max-width:1240px;height:700px}.hero h1{font-size:64px}.hero-art{object-position:center 60%}.hero-cta{margin-top:30px}.fan-section{max-width:1350px}}@media(max-width:900px){.header{padding:0 24px}.nav{gap:16px}.hero{height:650px}.hero h1{font-size:49px;letter-spacing:-2px}.hero-art{object-fit:cover}.feature-section{margin:20px 24px 75px}.feature-preview{gap:25px;padding:24px}.feature-copy h3{font-size:26px}.subject-fan{gap:7px;padding:0 20px}.fan-card{height:140px}.fan-card strong{font-size:12px}.fan-card .subject-icon svg{width:45px;height:45px}.footer{grid-template-columns:1fr 1fr}.boards>div{gap:35px}}@media(max-width:640px){.announcement{font-size:12px;height:33px;gap:7px}.announcement span{display:none}.header{height:65px;padding:0 20px}.logo{font-size:23px}.menu-button{display:block}.header-actions .button{font-size:13px;padding:7px 12px}.nav{display:none;position:absolute;left:12px;right:12px;top:64px;background:#fff;border:1px solid #eee;border-radius:12px;padding:20px;box-shadow:0 10px 25px #0001}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.hero{height:620px;padding:20px 18px 0}.new-badge{font-size:12px;margin-bottom:24px}.hero h1{font-size:39px;line-height:1.16;letter-spacing:-1.8px;max-width:420px}.hero h1 br{display:none}.hero>p{font-size:16px;margin:0 auto;max-width:365px}.desktop-break{display:none}.hero-cta{max-width:100%;width:310px;margin-top:22px;font-size:16px}.hero-sub{font-size:12px;max-width:300px;margin:10px auto 0}.hero-art{object-fit:cover;object-position:center}.subject-fan{grid-template-columns:repeat(3,1fr);gap:12px;padding:0 18px}.fan-section{margin:-25px auto 0}.fan-card,.fan-card:nth-child(n){transform:none;border-radius:17px;height:125px;gap:9px}.fan-card .subject-icon svg{width:40px;height:40px}.fan-card strong{font-size:12px}.browse-line{margin:25px 0 38px;flex-direction:column;gap:8px}.boards{padding-bottom:45px}.boards>div{gap:25px;flex-wrap:wrap;margin-top:19px}.boards strong{font-size:22px}.boards strong span{font-size:15px}.boards>p{font-size:10px}.feature-section{margin:18px 18px 65px}.feature-section h2{font-size:31px}.eyebrow{font-size:10px;letter-spacing:1.5px}.feature-preview{grid-template-columns:1fr;padding:20px;gap:27px;border-radius:20px}.feature-copy{padding:0 5px 10px}.feature-copy h3 br{display:none}.feature-copy h3{font-size:25px}.feature-preview.reverse .feature-copy{order:2}.note-preview,.question-preview{padding:24px}.faq h2{font-size:29px}.faq{margin-bottom:60px;padding:0 22px}.faq summary{font-size:15px}.final-cta h2{font-size:30px}.footer{padding:45px 25px 25px;gap:35px 20px;grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1}.footer>p.footer-note{margin-top:0}.footer a:not(.logo){font-size:12px}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.nav-dropdown{display:flex;align-items:center;gap:5px;font-size:14px;padding:0}.nav-dropdown:hover{color:#8838de}.site-menu{min-width:230px;padding:7px;border-radius:12px;border-color:#e9dff1;box-shadow:0 12px 35px #35224712}.site-menu [data-slot=dropdown-menu-item]{padding:10px 12px;border-radius:7px;font-size:14px;gap:10px}:root{--motion-ease:cubic-bezier(.22,.8,.24,1)}.animated-hero{height:660px;--pointer-x:0px;--pointer-y:0px}.hero-scenery{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-scenery.scene-cheer{animation:scene-cheer .7s var(--motion-ease)}.mascot-celebration{position:absolute;left:calc(50% - 21px);top:0;color:#fff;filter:drop-shadow(0 0 8px #a163e3);animation:high-five .7s var(--motion-ease) both}.hero-scenery .hero-art{z-index:auto;transform:scale(1.035);animation:valley-drift 14s ease-in-out infinite alternate}.animated-hero .hero-cta,.animated-hero .hero-sub,.animated-hero .new-badge,.animated-hero h1,.animated-hero>p{animation:hero-arrive .9s var(--motion-ease) both}.animated-hero .new-badge{animation-delay:.05s}.animated-hero h1{animation-delay:.14s}.animated-hero>p{animation-delay:.25s}.animated-hero .hero-cta{animation-delay:.36s}.animated-hero .hero-sub{animation-delay:.45s}.animated-hero h1 span:after{transform-origin:left center;animation:underline-draw .7s .65s var(--motion-ease) both}.hero-sparkles{position:absolute;inset:0;pointer-events:none;z-index:-1}.hero-sparkle{position:absolute;color:#ad74e7;animation:sparkle-float 5s ease-in-out infinite;opacity:.6}.sparkle-0{left:9%;top:32%}.sparkle-1{left:18%;top:62%;animation-delay:-2s}.sparkle-2{right:10%;top:28%;animation-delay:-1s}.sparkle-3{right:20%;top:62%;animation-delay:-3s}.sparkle-4{left:30%;top:73%;animation-delay:-1.7s}.sparkle-5{right:30%;top:77%;animation-delay:-3.5s}.sparkle-6{right:8%;top:70%;animation-delay:-.8s}.mascot-float{position:absolute;width:300px;height:230px;bottom:27px;left:calc(50% - 150px);animation:mascot-bob 4.5s ease-in-out infinite;z-index:2}.hero-mascot{display:block;width:100%;height:100%;padding:0;position:relative;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .5s var(--motion-ease)}.hero-mascot img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 14px #5f258c24);pointer-events:none}.mascot-hint{position:absolute;left:50%;bottom:4px;transform:translate(-50%,8px);white-space:nowrap;display:flex;align-items:center;gap:6px;opacity:0;font-size:12px;color:#78459c;padding:4px 9px;border:1px solid #e5d4f5;background:#fffffff0;border-radius:30px;transition:opacity .2s,transform .2s}.hero-mascot:focus-visible .mascot-hint,.hero-mascot:hover .mascot-hint{opacity:1;transform:translate(-50%)}.hero-mascot.mascot-spin{animation:mascot-spin .85s var(--motion-ease)}.motion-control{position:absolute;bottom:60px;right:20px;display:flex;gap:6px;align-items:center;border:1px solid #e6d8f0;border-radius:30px;background:#ffffffc9;padding:6px 10px;font-size:12px;color:#785897;z-index:5}.motion-control:hover{background:white}.animated-fan{margin-top:-47px}.animated-fan .subject-fan{perspective:1100px}.fan-slot{min-width:0;transform:rotate(var(--angle)) translateY(var(--lift));animation:fan-deal .85s calc(.35s + var(--i) * 85ms) var(--motion-ease) backwards;position:relative}.animated-fan .fan-card:nth-child(n){transform:none;animation:card-bob 5s calc(var(--i) * -.55s) ease-in-out infinite;height:190px;background:linear-gradient(155deg,var(--subject-bg),color-mix(in srgb,var(--subject) 32%,white));overflow:hidden;position:relative;transition:box-shadow .35s,scale .35s var(--motion-ease),rotate .35s var(--motion-ease)}.animated-fan .fan-slot:focus-within,.animated-fan .fan-slot:hover{z-index:4}.animated-fan .fan-card:focus-visible,.animated-fan .fan-card:hover{scale:1.09;rotate:calc(var(--angle) * -1);box-shadow:0 20px 32px #633b9230;animation-play-state:paused}.animated-fan .fan-card:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff70 48%,transparent 70%);translate:-120% 0;transition:translate .7s;pointer-events:none}.animated-fan .fan-card:hover:before{translate:120% 0}.animated-fan .subject-icon{transition:transform .45s var(--motion-ease)}.animated-fan .fan-card:hover .subject-icon{transform:translateY(-4px) rotate(-8deg) scale(1.1)}.fan-arrow{position:absolute;bottom:12px;right:12px;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s}.fan-card:focus-visible .fan-arrow,.fan-card:hover .fan-arrow{opacity:1;transform:none}.button:active{scale:.96}.button>svg:last-child{transition:transform .25s var(--motion-ease)}.button:hover>svg:last-child{transform:translateX(3px)}.brand-mark{transition:rotate .35s var(--motion-ease)}.logo:hover .brand-mark{rotate:-9deg}.demo-tabs{gap:24px}.demo-tab-list{align-self:center;height:47px!important;border-radius:30px!important;padding:5px!important;background:#f5effa!important;gap:4px}.demo-tab-list [data-slot=tabs-trigger]{border-radius:30px;padding:8px 20px;font-size:14px;gap:8px;transition:background .25s,color .25s,box-shadow .25s}.demo-tab-list [data-state=active]{background:#fff;color:#8838de;box-shadow:0 3px 9px #62337c10}.demo-tabs [data-slot=tabs-content]{animation:panel-enter .4s var(--motion-ease)}.demo-tabs .feature-preview{min-height:400px}.animated-highlight{background:linear-gradient(#e8d4ff,#e8d4ff) left 90% /0 45% no-repeat;animation:highlight-sweep 1.2s .45s var(--motion-ease) forwards}.demo-flip{background:#fff;border:1px solid #e4dceb;border-radius:17px}.flip-button{width:100%;perspective:1200px;text-align:center;padding:0}.flip-inner{position:relative;display:grid;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,.7,.2,1)}.is-flipped .flip-inner{transform:rotateY(180deg)}.flip-face{grid-area:1/1;min-height:340px;padding:35px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;background:#fff}.motion-flashcard-wrap .flip-face{background:#fbf8ff;min-height:380px}.flip-back{transform:rotateY(180deg);background:#f0e8fb}.motion-flashcard-wrap .flip-back{background:#f4ecfc}.flip-kicker{font-size:12px;letter-spacing:1.4px;color:#9c76b7}.flip-text{display:block;font-family:Manrope,Inter,sans-serif;font-size:23px;line-height:1.6;color:#6d4a85;white-space:pre-line}.flip-back .flip-text{font-size:21px}.flip-hint{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;color:#9e80b3;line-height:1.7}.mini-quiz h3{font-size:21px}.quiz-option{display:flex;align-items:center;gap:11px;width:100%;border:1px solid #e8dfee;border-radius:9px;margin-top:9px;padding:10px 12px;font-size:14px;text-align:left;transition:background .2s,transform .2s,border-color .2s}.quiz-option>span{display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#f4eef8;color:#9163ad;font-size:12px}.quiz-option>svg{margin-left:auto}.quiz-option:hover{background:#f9f5fe;transform:translateX(3px)}.quiz-option.correct{border-color:#8dc8a1;background:#ecf9f0;color:#438157;animation:correct-pop .4s var(--motion-ease)}.quiz-option.incorrect{border-color:#daa09e;background:#fdf0ef;animation:answer-shake .3s ease}.mini-quiz .quiz-feedback{min-height:45px;font-size:13px;line-height:1.6;margin-top:13px;color:#826c92}.demo-check{margin:20px 0 15px;font-size:14px;width:100%;color:#8753ad}.demo-worked{margin:5px 0 18px;animation:panel-enter .45s var(--motion-ease)}.question-preview>.muted{display:block;font-size:13px}.flashcard-wrap,.hint-box,.mark-scheme,.practice-card,.score-recorded{animation:panel-enter .35s var(--motion-ease)}.bookmark-button:active{animation:correct-pop .3s var(--motion-ease)}.bookmark-button.saved>svg{animation:bookmark-pop .35s var(--motion-ease)}.faq details[open]>p{animation:panel-enter .3s var(--motion-ease)}.faq summary>svg{transition:transform .3s var(--motion-ease)}.catalog-card{animation:panel-enter .55s var(--motion-ease) backwards}.catalog-card:nth-child(2){animation-delay:.08s}.catalog-card:nth-child(3){animation-delay:.16s}.catalog-card:nth-child(4){animation-delay:.24s}.overview-art{animation:overview-float 6s ease-in-out infinite}.final-cta>svg{animation:sparkle-float 5s ease-in-out infinite}@keyframes hero-arrive{0%{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes underline-draw{0%{transform:scaleX(0) rotate(-1deg)}to{transform:scaleX(1) rotate(-1deg)}}@keyframes valley-drift{0%{transform:scale(1.035) translate(-4px)}to{transform:scale(1.07) translate(5px,-5px)}}@keyframes mascot-bob{0%,to{translate:0 0}50%{translate:0 -11px}}@keyframes scene-cheer{0%,to{transform:scale(1)}35%{transform:scale(1.035) rotate(-1deg)}70%{transform:scale(1.02) rotate(.6deg)}}@keyframes high-five{0%{opacity:0;transform:translateY(25px) scale(.4) rotate(-25deg)}35%{opacity:1}to{opacity:0;transform:translateY(-45px) scale(1.5) rotate(30deg)}}@keyframes mascot-spin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-15deg) scale(.92)}70%{transform:rotate(370deg) scale(1.08)}to{transform:rotate(1turn) scale(1)}}@keyframes sparkle-float{0%,to{translate:0 0;rotate:-7deg;opacity:.45}50%{translate:0 -12px;rotate:9deg;opacity:.85}}@keyframes fan-deal{0%{opacity:0;transform:translateY(70px) rotate(0deg) scale(.8)}to{opacity:1;transform:rotate(var(--angle)) translateY(var(--lift))}}@keyframes card-bob{0%,to{translate:0 0}50%{translate:0 -7px}}@keyframes panel-enter{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes highlight-sweep{to{background-size:100% 45%}}@keyframes correct-pop{0%,to{scale:1}50%{scale:1.035}}@keyframes bookmark-pop{0%{scale:.7}65%{scale:1.2}to{scale:1}}@keyframes answer-shake{25%,75%{translate:-4px 0}50%{translate:4px 0}}@keyframes overview-float{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(1deg) translateY(-7px)}}html[data-motion=paused] .animated-fan .fan-card,html[data-motion=paused] .final-cta>svg,html[data-motion=paused] .hero-scenery .hero-art,html[data-motion=paused] .hero-sparkle,html[data-motion=paused] .mascot-float,html[data-motion=paused] .overview-art{animation-play-state:paused}html[data-motion=paused] .hero-mascot{transform:none}@media(min-width:1450px){.animated-hero{height:700px}.mascot-float{width:320px;height:250px;left:calc(50% - 160px);bottom:23px}}@media(max-width:900px){.animated-fan .fan-card:nth-child(n){height:160px}.demo-tab-list [data-slot=tabs-trigger]{padding:8px 16px}}@media(max-width:640px){.animated-hero{height:660px}.mascot-float{width:250px;height:205px;left:calc(50% - 125px);bottom:35px}.motion-control{right:12px;bottom:33px;font-size:11px;padding:5px 8px}.mascot-hint{display:none}.hero-sparkle{width:15px;height:15px}.sparkle-0{left:5%;top:60%}.sparkle-2{right:6%;top:57%}.animated-fan{margin-top:-18px}.animated-fan .subject-fan{gap:13px;padding:0 20px}.fan-slot{transform:none;--angle:0deg!important;--lift:0px!important}.animated-fan .fan-card:nth-child(n){height:132px}.animated-fan .fan-card strong{font-size:12px}.fan-arrow{display:none}.demo-tab-list{max-width:100%;gap:0}.demo-tab-list [data-slot=tabs-trigger]{padding:8px 11px;font-size:12px;gap:5px}.demo-tab-list svg{width:15px}.demo-tabs .feature-preview{min-height:0}.flip-face{min-height:300px;padding:25px 20px}.flip-text{font-size:21px}.flip-back .flip-text{font-size:20px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-mascot{transform:none!important}.animated-highlight{background-size:100% 45%}.flip-back,.flip-front,.flip-inner,.is-flipped .flip-inner{transform:none}.flip-face[aria-hidden=true]{visibility:hidden}}.workspace-nav{display:flex;gap:26px;padding:18px max(5%,24px);border-bottom:1px solid #e9e6ef;background:white;flex-wrap:wrap}.workspace-nav a{display:flex;align-items:center;gap:8px;color:#777184;font-size:14px}.workspace-nav a[aria-current]{color:#7054c9;font-weight:700}.notebook-page{padding:40px 4%;background:#f7f7fb;min-height:85vh}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.workspace-heading h1{font-size:34px;letter-spacing:-1.2px;font-weight:750;margin:8px 0}.panel-hint,.workspace-heading p{color:#797484;line-height:1.65}.workspace-eyebrow{font-size:11px;letter-spacing:2px;color:#81729f;font-weight:750}.beta-pill,.pip-badge{display:inline-block;border-radius:20px;padding:5px 10px;background:#eee8fb;color:#7358b6;font-size:11px;letter-spacing:0;vertical-align:middle}.notebook-shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px}.notebook-tile{padding:30px;text-align:left;background:#e9e4f8;border:1px solid #e2dced;border-radius:22px;min-height:215px;transition:transform .2s,box-shadow .2s}.notebook-tile:hover{transform:translateY(-5px);box-shadow:0 10px 25px #38305012}.notebook-tile h2{font-size:20px;font-weight:700;margin:24px 0 8px}.notebook-tile p,.notebook-tile small{color:#777184;font-size:13px}.tone-1{background:#e4eff3}.tone-2{background:#f8efd9}.tone-3{background:#e7efdf}.notebook-tile.new{background:transparent;border:2px dashed #d9d2e7}.notebook-toolbar{display:flex;align-items:center;gap:20px;margin:24px 0;flex-wrap:wrap}.notebook-toolbar button{display:flex;align-items:center;color:#756588;font-size:13px;gap:4px}.notebook-toolbar>span{margin-left:auto;color:#766d86;font-size:13px}.notebook-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(320px,2.4fr) minmax(205px,1fr);gap:16px;align-items:stretch}.workspace-panel{border:1px solid #e4e1ed;border-radius:20px;background:white;padding:22px;min-width:0}.workspace-panel h2{font-size:18px;font-weight:700}.panel-title{justify-content:space-between;margin-bottom:18px}.panel-title,.panel-title h2{display:flex;align-items:center;gap:8px}.panel-title>span{font-size:11px;color:#8b8498}.panel-hint{font-size:13px;margin:14px 0}.source-panel .button{width:100%}.source-row{display:flex;align-items:center;gap:10px;background:#f7f5fc;border-radius:12px;padding:12px;margin-top:10px;font-size:13px}.source-row button{text-align:left;overflow-wrap:anywhere}.source-row svg{flex-shrink:0;color:#8b76bc}.source-row input{accent-color:#8c65d3}.panel-empty{text-align:center;margin-top:65px;color:#9c95a7;font-size:13px}.panel-empty svg{margin:0 auto 15px}.panel-empty small{display:block;margin-top:8px}.chat-panel{padding:18px;display:flex;flex-direction:column;min-height:610px}.chat-scroll{flex:1;max-height:650px;overflow:auto;padding:10px}.pip-avatar{display:inline-block;position:relative;overflow:hidden;width:38px;height:38px;flex-shrink:0;border-radius:50%;background:white;vertical-align:middle}.pip-avatar img{position:absolute;width:205%;max-width:none;left:-38%;top:-32%}.pip-avatar.large{width:132px;height:132px;border-radius:38px;box-shadow:0 8px 30px #a8c4a22a}.pip-welcome{text-align:center;padding:45px 10px}.pip-welcome h2{font-size:26px;margin:18px 0 12px;letter-spacing:-.6px}.pip-welcome p{font-size:14px;line-height:1.8;color:#8a8196}.prompt-chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:25px}.prompt-chips button{border:1px solid #e4dfed;border-radius:20px;padding:8px 13px;font-size:12px}.chat-composer{display:grid;grid-template-columns:1fr auto;gap:10px;background:#f6f4fa;border:1px solid #e5e0ee;border-radius:17px;padding:12px}.chat-composer textarea{resize:vertical;min-height:55px;background:transparent;outline:none;font-size:14px;min-width:0}.chat-composer small{grid-column:1/-1;color:#93899e;font-size:10px}.studio-action{display:flex;align-items:center;gap:12px;border-radius:15px;padding:18px;width:100%;margin:12px 0;background:#eee8f8;color:#6a5297;font-size:13px;font-weight:650}.studio-action:nth-of-type(2){background:#e5eef5;color:#536e8c}.studio-action:nth-of-type(3){background:#f8efd9;color:#91733a}.studio-action svg:last-child{margin-left:auto}.studio-action:disabled{opacity:.55;cursor:not-allowed}.source-disclosure{display:block;color:#99909f;font-size:11px;line-height:1.7;margin-top:30px}.workspace-error{padding:14px 18px;background:#fff0ed;border:1px solid #f3d3cd;border-radius:12px;margin:14px 0;color:#9d483d}.ai-connection{padding:12px 16px;background:#fff7e3;border:1px solid #efe3bd;border-radius:12px;color:#8c7549;font-size:13px;margin:16px 0}.workspace-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:70px 20px;grid-column:1/-1}.workspace-empty h2{font-size:24px;font-weight:700}.workspace-empty p{color:#8c8197}.workspace-dialog{max-height:90vh;overflow:auto;width:min(94vw,600px)}.assignment-card textarea,.workspace-dialog input,.workspace-dialog select,.workspace-dialog textarea{width:100%;border:1px solid #ddd6e8;border-radius:9px;padding:10px;background:white;min-width:0}.account-form{gap:16px}.account-form,.account-form label{display:flex;flex-direction:column}.account-form label{gap:7px;font-size:13px}.pip-prose,.source-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;font-size:14px}.source-preview{max-height:60vh;overflow:auto}.user-bubble{background:#eee7fb;margin:18px 0 18px 20%;border-radius:16px 16px 3px 16px;padding:14px;font-size:14px}.pip-bubble{padding:10px 0}.source-citations{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.source-citations button{font-size:11px;background:#f0edf5;padding:6px;border-radius:6px}.studio-result{border-top:1px solid #eee;padding:14px 0}.studio-result summary{font-size:13px;cursor:pointer}.pip-recall{display:block;background:#f0edf8;border:1px solid #ddd3ee;border-radius:15px;padding:20px;width:100%;margin:10px 0;min-height:140px;transition:background .2s}.pip-recall.flipped{background:#e8f4e6}.pip-recall small,.pip-recall span{font-size:10px;color:#817488}.pip-recall p{margin:12px 0}.pip-quiz{margin:15px 0}.pip-quiz button{display:block;padding:10px;margin:6px 0;border:1px solid #e3dcea;border-radius:8px;width:100%;text-align:left}.pip-quiz .correct{background:#e0f0df}.pip-quiz .incorrect{background:#ffe9e5}.pip-feedback{background:#f3f8ef;border:1px solid #dbe7d1;border-radius:16px;padding:20px;margin:18px 0;color:#40543c;font-size:14px}.pip-feedback>div{display:flex;align-items:center;gap:10px}.pip-score{margin-left:auto;font-size:22px;font-weight:750}.pip-feedback h4{font-weight:700;margin-top:12px}.pip-feedback ul{padding-left:20px;list-style:disc}.pip-feedback p{margin:12px 0;line-height:1.7}.pip-feedback small{display:block;margin-top:16px;color:#7a8975}.pip-marking{margin:18px 0}.pip-marking>small{display:block;margin-top:8px;color:#93899d;font-size:11px}.pip-marking .pip-avatar{width:27px;height:27px}.class-tabs{display:flex;align-items:center;gap:20px;margin:25px 0;flex-wrap:wrap}.class-tabs>button[aria-pressed]{padding:10px 0;color:#84758e}.class-tabs>button[aria-pressed=true]{border-bottom:3px solid #9171d5;color:#624398}.class-tabs>.primary{margin-left:auto}.class-work{display:grid;gap:20px;max-width:1000px;margin:auto}.assignment-meta{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#9b8ca8;flex-wrap:wrap;margin-bottom:12px}.assignment-question{white-space:pre-wrap;background:#f7f5fa;border:1px solid #eee8f4;border-radius:12px;padding:20px;margin:20px 0;line-height:1.75}.assignment-question small{display:block;text-align:right;color:#9787a4}.submission-review{border-top:1px solid #eee;padding:15px 0}.submission-review summary{cursor:pointer}.submission-review summary span{float:right;color:#8f809a;font-size:12px}.roster-row{padding:16px 0;border-bottom:1px solid #eee}.progress-table{overflow:auto}.progress-table table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.progress-table td,.progress-table th{padding:18px 14px;border-bottom:1px solid #ece7f0}.progress-table th{color:#9989a3;font-weight:500}.progress-table small{display:block;color:#9b8ea6;margin:5px 0}.progress-table progress{accent-color:#9270cb;height:7px;width:100px}.pip-thinking{animation:pip-pulse 1s infinite alternate;color:#9170c6}@keyframes pip-pulse{to{opacity:.4}}@media(max-width:1050px){.notebook-grid{grid-template-columns:200px 1fr}.studio-panel{grid-column:1/-1}.workspace-heading h1{font-size:28px}}@media(max-width:650px){.notebook-page{padding:24px 16px}.workspace-heading{align-items:flex-start;flex-direction:column}.notebook-grid{grid-template-columns:1fr}.studio-panel{grid-column:auto}.chat-panel{min-height:500px}.workspace-nav{gap:16px;padding:15px;font-size:12px}.workspace-heading h1{font-size:27px}.panel-empty{margin:25px 0}.notebook-toolbar>span{margin-left:0}.class-tabs{gap:14px}.workspace-panel{padding:17px}.workspace-nav a{font-size:12px}}@media(prefers-reduced-motion:reduce){.pip-thinking{animation:none}.notebook-tile{transition:none}}.pip-character{display:block;position:relative;width:240px;aspect-ratio:1;flex-shrink:0;isolation:isolate}.pip-pose{position:absolute;inset:0;background-image:url(/pip-poses.png);background-size:300% 100%;background-repeat:no-repeat;opacity:0;transform:translateY(10px) scale(.95);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);transform-origin:50% 85%}.pip-read{background-position:0 0}.pip-tea{background-position:50% 0}.pip-wave{background-position:100% 0}.pose-read .pip-read,.pose-tea .pip-tea,.pose-wave .pip-wave{opacity:1;transform:none}.pose-read .pip-read{animation:pip-read 4.5s ease-in-out infinite}.pose-tea .pip-tea{animation:pip-sip 4.8s ease-in-out infinite}.pose-wave .pip-wave{animation:pip-wave 2.8s ease-in-out infinite}.pip-interactive{position:relative;display:flex;flex-direction:column;align-items:center;border:0;background:none;cursor:pointer}.pip-caption{font-size:12px;color:#665476;white-space:nowrap;background:#ffffffc9;border:1px solid #e2d7eb;border-radius:20px;padding:5px 11px;opacity:0;transition:opacity .2s}.pip-interactive:focus-visible .pip-caption,.pip-interactive:hover .pip-caption{opacity:1}.pip-avatar-new{background:transparent;overflow:visible}.pip-avatar-new .pip-character{width:100%;height:100%}.pip-avatar-new.large{box-shadow:none}.subject-art{display:block;background-image:url(/subject-covers.png);background-repeat:no-repeat;aspect-ratio:1;flex-shrink:0}.subject-art.row-0{background-size:300% 206.46%}.subject-art.row-1{background-size:300% 193.94%}.course-art{width:100%;height:100%;border-radius:13px}.tiny-art{width:25px;height:25px;border-radius:7px}.tile-art{width:90px;height:90px;border-radius:22px;margin-bottom:20px;box-shadow:0 5px 0 #21123c10}.subject-card:hover .tile-art{transform:rotate(-5deg)}.animated-hero{height:780px;padding-top:65px;background:linear-gradient(180deg,#fff,#f8f2ff 60%,#e6d7fb)}.hero-pip{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);z-index:2}.hero-pip .pip-character{width:290px}.hero-pip .pip-caption{position:absolute;top:55%;left:90%}.animated-hero .hero-scenery{display:none}.animated-hero .hero-sub{position:relative;z-index:3}.animated-fan{margin-top:-30px}.animated-fan .fan-card:nth-child(n){height:250px;padding:0;display:flex;align-items:flex-start;justify-content:flex-end;background:#5c45bd;border:5px solid white;border-radius:30px;isolation:isolate;box-shadow:0 10px 25px #33245720}.fan-card>.subject-art{position:absolute;inset:0;width:100%;height:100%;z-index:-2;transition:scale .5s}.fan-card:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#171234aa);z-index:-1;pointer-events:none}.animated-fan .fan-card strong{font-size:22px;color:white;padding:0 16px 22px;line-height:1.1;max-width:100%;text-align:left;text-shadow:0 2px 10px #0005}.fan-course{position:absolute;left:16px;bottom:72px;color:#fff;font-size:12px;font-weight:700;letter-spacing:2px}.fan-card:hover>.subject-art{scale:1.06}.fan-card .fan-arrow{color:white}.auth-illustration{display:flex;justify-content:center;height:265px}.auth-illustration .pip-character{width:265px}.learning-track{height:310vh;margin:50px auto 30px;position:relative;max-width:1240px;padding:0 28px}.learning-sticky{position:sticky;top:20px;padding:25px 0 10px}.learning-heading{text-align:center}.learning-heading h2{font-size:44px;letter-spacing:-1.8px;line-height:1.15;font-weight:750;margin:12px 0 24px}.learning-tabs{background:#f4f2f7;border-radius:30px;padding:5px;height:auto;display:inline-flex;gap:7px;margin:0 auto 22px}.learning-tabs button{padding:12px 20px;border-radius:24px;font-size:15px;gap:8px}.learning-tabs button[data-state=active]{background:#262030;color:white;box-shadow:none}.learning-stage{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;background:#fff1a2;border-radius:30px;padding:34px 40px;overflow:hidden;transition:background .7s;min-height:490px}.stage-flashcards{background:#d8edff}.stage-practice{background:#dcecd5}.learning-previews{position:relative;min-width:0;min-height:415px;perspective:1000px}.learning-layer{position:absolute;inset:0;background:white;border-radius:23px;border:1px solid #40311b18;box-shadow:0 12px 0 #735f1820,0 22px 35px #735f1810;padding:26px;opacity:0;visibility:hidden;transform:translateY(65px) rotate(4deg) scale(.94);transition:opacity .6s,transform .7s cubic-bezier(.2,.8,.2,1),visibility .6s;pointer-events:none}.learning-layer.active{opacity:1;visibility:visible;transform:none;pointer-events:auto}.paper-top{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:650;color:#847391;letter-spacing:.4px}.learning-layer h3{font-size:29px;letter-spacing:-1px;line-height:1.15;white-space:pre-line;margin:19px 0}.note-definition{padding:18px;background:#f5f0fb;border-radius:15px}.note-definition>span{color:#9766be;font-size:11px;font-weight:700;letter-spacing:1.3px}.note-definition h4{font-weight:700;font-size:18px;margin:6px 0}.note-definition p{font-size:15px;line-height:1.65;color:#6e6179}.note-foot{display:flex;align-items:center;gap:16px;margin-top:19px}.note-foot .subject-art{width:68px;border-radius:16px;transform:rotate(-5deg)}.note-foot p{font-size:13px;line-height:1.6;color:#796d83}.paper-lines{height:12px;border-top:2px solid #f3eef7;border-bottom:2px solid #f3eef7;margin-top:18px}.learning-copy{position:relative;padding:26px 0 140px;min-width:0}.chapter-label{font-size:12px;font-weight:700;letter-spacing:1.6px;color:#73522e}.learning-copy h3{font-size:38px;line-height:1.05;letter-spacing:-1.4px;white-space:pre-line;font-weight:750;margin:20px 0}.learning-copy p{max-width:360px;font-size:16px;line-height:1.7;color:#756444;margin-bottom:20px}.learning-copy .button{position:relative;z-index:2;background:#6d4b24;border:0;font-size:14px}.learning-copy>.pip-character{position:absolute;width:190px;bottom:-38px;right:-23px;transform:rotate(-4deg)}.learning-pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:23px}.learning-pagination>button{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1edf6}.learning-pagination>div{display:flex;gap:8px}.learning-pagination>div button{width:9px;height:9px;border-radius:12px;background:#ddd5e6;transition:width .35s,background .35s}.learning-pagination>div button.active{width:30px;background:#7d48be}.learning-pagination>span,.scroll-hint{font-size:12px;color:#8b7e98}.scroll-hint{text-align:center;margin-top:8px}.showcase-flash{width:100%;height:100%;display:flex;flex-direction:column;text-align:left}.showcase-flash>.subject-art{width:88px;border-radius:20px;align-self:center;margin:17px 0 0;transform:rotate(-8deg)}.showcase-flash h3{font-size:25px;min-height:55px;margin:14px 0}.showcase-flash p{font-size:14px;color:#86758d}.showcase-flash>span:last-child{display:flex;gap:8px;margin-top:auto;padding-top:15px;color:#8162a5;font-size:14px}.showcase-flash.flipped{animation:flash-turn .45s ease}.showcase-answer{display:flex;align-items:center;gap:15px;width:100%;border:1px solid #e6ddec;border-radius:12px;padding:13px;margin-top:11px;font-size:16px;text-align:left}.showcase-answer>span{font-size:12px;border-radius:6px;background:#f2edf7;padding:4px 8px}.showcase-answer.correct{background:#dff4de;border-color:#8fc185}.showcase-answer.incorrect{background:#ffede8;border-color:#e1afa0}.showcase-feedback{font-size:14px;color:#77647f;margin-top:17px}.dashboard-sidebar{border-right:1px solid #ece7f0}.dashboard-sidebar [data-sidebar=header]{padding:22px 16px}.dashboard-sidebar .logo{font-size:23px}.dashboard-sidebar [data-sidebar=menu-button]{height:39px;font-size:14px;color:#776d84}.dashboard-sidebar [data-sidebar=menu-button][data-active=true]{background:#ede4fb;color:#7846b1;border:1px solid #d6c0ef}.dashboard-qualification{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#a191af;padding:4px 8px 18px}.dashboard-sidebar [data-sidebar=group-label]{font-size:11px;letter-spacing:1px;color:#a08eac}.sidebar-pip{display:flex;align-items:center;gap:0;margin-bottom:12px}.sidebar-pip .pip-character{width:80px}.sidebar-pip p{font-size:13px;color:#8a7994;line-height:1.6}.dashboard-main{min-width:0;flex:1;background:#fcfbfe}.dashboard-top{height:72px;padding:0 32px;border-bottom:1px solid #ede9f3;background:white;gap:16px;font-size:14px;color:#9a8ea5}.dashboard-top,.dashboard-user{display:flex;align-items:center}.dashboard-user{gap:10px;margin-left:auto;color:#7e51ae;font-weight:700}.dashboard-user>span{font-weight:500;color:#6c5c7b}.dashboard-content{max-width:1150px;padding:30px 45px 60px;margin:auto}.dashboard-welcome{min-height:240px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:25px;padding:32px 38px;background:linear-gradient(120deg,#eee5fb,#e4efff);overflow:hidden}.dashboard-welcome h1{font-size:33px;letter-spacing:-1px;font-weight:750;line-height:1.2;margin:11px 0}.dashboard-welcome p{font-size:15px;color:#7a688a;line-height:1.7;margin:12px 0 21px}.dashboard-welcome .pip-character{width:210px}.dashboard-welcome .pip-caption{position:absolute;bottom:0}.dashboard-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.dashboard-section-heading h2{font-size:19px;font-weight:700}.dashboard-section-heading>a{display:flex;align-items:center;gap:5px;font-size:13px;color:#8b6baf}.dashboard-subject-section{margin:32px 0}.dashboard-search{display:flex;align-items:center;gap:10px;border:1px solid #e8e0ef;background:white;width:280px;max-width:100%;border-radius:11px;padding:10px 13px;color:#9a8da6;margin-bottom:17px}.dashboard-search input{outline:0;min-width:0;background:none;font-size:14px;width:100%}.dashboard-subjects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.illustrated-subject{display:block;position:relative;min-height:186px;overflow:hidden;border-radius:20px;background:#5d44ae;isolation:isolate;transition:transform .3s,box-shadow .3s}.illustrated-subject>.subject-art{position:absolute;inset:0 0 0 35%;height:100%;width:65%;z-index:-2;transition:scale .4s}.illustrated-subject:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#281e54ed,#281e546b 65%,transparent);z-index:-1}.illustrated-subject>div{padding:24px 18px;color:white}.illustrated-subject small{font-size:11px;opacity:.85}.illustrated-subject h3{font-size:21px;line-height:1.2;letter-spacing:-.6px;margin:13px 0 25px;max-width:150px;font-weight:700}.illustrated-subject>div>span{display:inline-flex;align-items:center;gap:7px;background:white;border-radius:25px;color:#655078;padding:6px 10px;font-size:12px}.illustrated-subject:hover{transform:translateY(-5px);box-shadow:0 10px 25px #44265b20}.illustrated-subject:hover .subject-art{scale:1.07}.subject-mathematics{background:#ff593e}.subject-chemistry{background:#ff970e}.subject-biology{background:#07a56d}.subject-physics{background:#177ddf}.subject-mathematics:after{background:linear-gradient(90deg,#993d35e8,#993d3520)}.subject-chemistry:after{background:linear-gradient(90deg,#8c4c16ef,#8c4c1610)}.subject-biology:after{background:linear-gradient(90deg,#166246ef,#16624620)}.subject-physics:after{background:linear-gradient(90deg,#244b9aef,#244b9a20)}.dashboard-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:22px}.dashboard-notebook{display:flex;position:relative;overflow:hidden;padding:28px;background:#e6f3ee;border:1px solid #cbe4db;border-radius:22px;min-height:265px}.dashboard-notebook h2{font-size:28px;font-weight:700;line-height:1.15;letter-spacing:-.7px;margin:15px 0}.dashboard-notebook p{font-size:14px;color:#66897b;max-width:200px;margin-bottom:20px}.dashboard-notebook .workspace-eyebrow{font-size:10px;color:#749387;letter-spacing:1px}.dashboard-notebook>.pip-character{width:160px;position:absolute;bottom:0;right:-10px}.dashboard-notebook>div{position:relative;z-index:1}.dashboard-notebook .button{font-size:13px;background:white}.dashboard-homework{padding:25px;border-radius:22px;border:1px solid #e5dcef;background:white}.dashboard-homework>p{color:#9b8aa5;font-size:14px;line-height:1.8;margin-bottom:20px}.dashboard-homework>a:not(.button){display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eee7f3;padding:14px 0;font-size:13px}.dashboard-homework strong{font-weight:600}.dashboard-homework small{display:block;font-size:11px;color:#9b8da5;margin-top:5px}.dashboard-homework>a>span:last-child{font-size:12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.question-picker{max-height:300px;overflow:auto;border:1px solid #e3d8ef;border-radius:13px;padding:6px}.account-form .pick-question{display:flex;align-items:flex-start;gap:12px;padding:13px;border-bottom:1px solid #f1eaf7;font-weight:400;font-size:14px;line-height:1.7}.workspace-dialog .pick-question input{width:18px;height:18px;min-height:18px;margin-top:4px;accent-color:#9052c7;flex-shrink:0}.picked-summary{background:#f2ecfb;border-radius:12px;padding:16px;color:#72528f}.picked-summary>span{display:block;font-size:12px;margin-top:4px}.picked-summary details{margin-top:12px;font-size:13px}.picked-summary details>div{display:flex;gap:15px;border-top:1px solid #e0d5ed;padding:10px 0;line-height:1.6}.picked-summary button{color:#a04768;font-size:12px}.homework-question{border-top:1px solid #eee6f3;padding:14px 0 25px}.homework-progress{background:#f1eaf8;border-radius:10px;padding:12px 15px;margin:18px 0;font-size:14px;color:#826693}.teacher-answer{padding:18px 0;border-bottom:1px solid #ece7f1}.teacher-answer h3{font-size:15px;font-weight:700}.teacher-answer>p{margin:12px 0;font-size:14px;color:#887895}.teacher-answer .pip-prose{color:#3c3543;background:#f8f6fb;padding:15px;border-radius:12px}.homework-questions summary{cursor:pointer;color:#85609f;font-size:14px}@keyframes pip-read{0%,to{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(4px)}}@keyframes pip-sip{0%,to{transform:rotate(0)}35%,65%{transform:rotate(-5deg) translateY(-5px)}}@keyframes pip-wave{0%,to{transform:rotate(-4deg)}35%{transform:rotate(4deg) translateY(-8px)}65%{transform:rotate(-2deg) translateY(-3px)}}@keyframes flash-turn{0%{transform:rotateY(0);opacity:.4}50%{transform:rotateY(12deg)}to{transform:none;opacity:1}}@media(max-width:1100px){.dashboard-content{padding:25px}.dashboard-subjects{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-welcome{padding:25px}.dashboard-welcome h1{font-size:29px}.dashboard-welcome .pip-character{width:170px}.learning-stage{gap:25px;padding:26px}.learning-copy h3{font-size:31px}.learning-layer{padding:22px}.learning-heading h2{font-size:36px}}@media(max-width:849px){.learning-track{height:auto;margin:60px auto;padding:0 20px}.learning-sticky{position:static;padding:0}.learning-stage{grid-template-columns:1fr;gap:25px}.learning-previews{min-height:420px}.learning-copy{padding:10px 130px 20px 0;min-height:220px}.learning-copy>.pip-character{width:155px;right:-15px;bottom:-24px}.learning-copy h3{font-size:29px}.learning-copy p{font-size:15px}.scroll-hint{display:none}.animated-hero{height:740px}.hero-pip .pip-character{width:250px}.animated-fan .fan-card:nth-child(n){height:210px}.animated-fan .fan-card strong{font-size:19px}.dashboard-bottom{grid-template-columns:1fr}.dashboard-welcome .pip-character{width:165px}}@media(max-width:550px){.animated-hero{height:725px;padding-top:45px}.hero-pip{bottom:15px}.hero-pip .pip-character{width:230px}.hero-pip .pip-caption{display:none}.animated-fan .fan-card:nth-child(n){height:205px;border-width:4px;border-radius:23px}.learning-heading h2{font-size:31px;letter-spacing:-1px}.learning-tabs{gap:0;width:100%}.learning-tabs button{font-size:12px;padding:10px;flex:1;gap:5px}.learning-tabs button svg{width:14px}.learning-stage{padding:18px;border-radius:22px}.learning-layer{padding:20px}.learning-layer h3{font-size:26px}.learning-previews{min-height:420px}.learning-copy{padding-right:85px;min-height:285px}.learning-copy h3{font-size:26px}.learning-copy p{font-size:14px}.learning-copy>.pip-character{width:120px;bottom:-19px;right:-23px}.learning-copy .button{font-size:12px}.dashboard-content{padding:17px}.dashboard-top{padding:0 17px;height:60px}.dashboard-welcome{padding:22px;align-items:flex-start;min-height:260px;position:relative}.dashboard-welcome>div{z-index:1;position:relative}.dashboard-welcome h1{font-size:27px;max-width:260px}.dashboard-welcome p{max-width:190px;font-size:14px}.dashboard-welcome .pip-interactive{position:absolute;bottom:6px;right:-5px}.dashboard-welcome .pip-character{width:128px}.dashboard-welcome .workspace-eyebrow{font-size:10px}.dashboard-welcome .button{font-size:12px}.dashboard-subjects{gap:12px}.illustrated-subject{min-height:190px}.illustrated-subject>div{padding:17px 13px}.illustrated-subject h3{font-size:18px;max-width:130px;min-height:44px}.illustrated-subject small{font-size:10px}.dashboard-section-heading>a{font-size:12px}.dashboard-section-heading h2{font-size:18px}.dashboard-notebook{padding:23px}.dashboard-notebook>.pip-character{width:138px}.dashboard-notebook h2{font-size:26px}.dashboard-notebook .workspace-eyebrow{max-width:190px;display:block}.dashboard-user>span{display:none}}html[data-motion=paused] .pip-pose,html[data-motion=paused] .showcase-flash{animation:none!important;transition:none!important}html[data-motion=paused] .learning-track{height:auto}html[data-motion=paused] .learning-sticky{position:static}html[data-motion=paused] .learning-layer{transition:none}@media(prefers-reduced-motion:reduce){.pip-pose,.showcase-flash{animation:none!important;transition:none!important}.learning-track{height:auto}.learning-sticky{position:static}.illustrated-subject,.learning-layer,.learning-stage,.subject-art{transition:none!important}}.account-form .pick-question{flex-direction:row}.question-picker{min-height:170px}.workspace-dialog:has(.question-picker){width:min(94vw,760px);max-width:760px}.workspace-dialog:has(.question-picker) .account-form{gap:12px}.workspace-dialog:has(.question-picker) .picked-summary{position:sticky;bottom:0;z-index:1;border:1px solid #ded0ec;box-shadow:0 -6px 16px #fff8}.illustrated-subject{display:flex;min-height:210px}.illustrated-subject>div{display:flex;flex-direction:column;align-items:flex-start;width:100%}.illustrated-subject h3{margin:13px 0 20px;min-height:2.4em}.illustrated-subject>div>span{margin-top:auto}.hub-course-icon{display:inline-block;width:38px;height:38px;flex-shrink:0}.course-eyebrow .hub-course-icon{width:25px;height:25px}.subject-resources-label{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ece8f0;padding:0 0 16px;margin-bottom:26px;color:inherit;font-size:14px}.subject-resource-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.resource-links.subject-resource-cards>a{align-items:flex-start;position:relative;flex-direction:column;border:1px solid #e8e6ed;border-radius:14px;padding:24px;min-height:235px;background:#fff;transition:border-color .2s,box-shadow .2s}.subject-resource-cards>a>div{display:flex;flex-direction:column;flex:1}.subject-resource-cards h2{font-size:17px;font-weight:600;margin:0 0 8px}.subject-resource-cards p{margin-bottom:18px}.subject-resource-cards div>span{margin-top:auto}.resource-links.subject-resource-cards>a>svg{position:absolute;right:20px;bottom:24px}.resource-links.subject-resource-cards>a:hover{border-color:#c4b8d1;box-shadow:0 4px 12px #28203008}.subject-resource-cards .resource-icon{width:48px;height:48px;border-radius:12px}@media(max-width:1000px){.subject-resource-cards{grid-template-columns:1fr}.resource-links.subject-resource-cards>a{flex-direction:row;min-height:0}.resource-links.subject-resource-cards>a>svg{position:static;align-self:center}.subject-resource-cards h2{font-size:16px}}@media(prefers-reduced-motion:reduce){.resource-links.subject-resource-cards>a{transition:none}}