.student-experience{--student-paper:#fffdf7;--student-ink:#33324a;--student-muted:#666477;--student-green:#087c4c;--student-border:#e7e2d7;--student-edge:#e6e0d2;--student-shadow:0 3px 0 var(--student-edge), 0 12px 32px -18px #65563238;--student-shadow-raised:0 5px 0 var(--student-edge), 0 18px 42px -22px #65563240;background:var(--student-paper);color:var(--student-ink)}.student-experience .student-main{background:radial-gradient(ellipse at 100% 0%, #eaf1e680, transparent 42%), var(--student-paper)}.student-experience :is(h1,h2,h3){text-wrap:balance}.student-experience :is(button,a,input,textarea,select):focus-visible{outline-offset:4px;border-radius:10px;outline:3px solid #2f6c9d}.student-experience :is(button,a){-webkit-tap-highlight-color:transparent}.student-experience button:not(:disabled),.student-experience summary{cursor:pointer}.student-experience button:disabled{cursor:not-allowed}.student-eyebrow{color:var(--student-green);letter-spacing:.15em;text-transform:uppercase;margin:0 0 10px;font-size:10px;font-weight:900;line-height:1.6}.bukku-page{width:100%;max-width:1080px;margin-inline:auto;padding:32px clamp(18px,3.5vw,48px) 48px}.bukku-page--narrow{max-width:820px}.bukku-page>header:not(.student-page-heading){align-items:flex-start;gap:18px;margin-bottom:28px}.bukku-page>header h1{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(30px,3.5vw,42px);font-weight:800;line-height:1.12}.bukku-page>header p{max-width:58ch;line-height:1.7}.student-page-heading{--heading-accent:#e7f3e9;isolation:isolate;background:linear-gradient(115deg, #fffefa 25%, var(--heading-accent));border:1px solid #e2e9da;border-radius:26px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:30px 32px;display:flex;position:relative;box-shadow:0 4px #e4e7d9,0 16px 32px -26px #52614855}.student-page-heading[data-tone=pink]{--heading-accent:#fbe8e9;border-color:#efdee1;box-shadow:0 4px #efdee1,0 16px 32px -26px #704c5855}.student-page-heading[data-tone=purple]{--heading-accent:#f0e8f7;border-color:#e7dfed;box-shadow:0 4px #e7dfed,0 16px 32px -26px #6b507655}.student-page-heading[data-tone=yellow]{--heading-accent:#fff0c7;border-color:#ece3c8;box-shadow:0 4px #ece3c8,0 16px 32px -26px #76635055}.student-page-heading-copy{min-width:0}.student-page-heading h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(30px,3.2vw,42px);font-weight:800;line-height:1.1}.student-page-description{max-width:52ch;color:var(--student-muted);margin-top:12px;font-size:14px;line-height:1.75}.student-page-companion{flex:0 0 108px;align-self:end;position:relative}.student-page-companion>span{background:#ffffff80;border-radius:50%;position:absolute;inset:20% -5px 0;box-shadow:inset 0 2px #fff}.student-page-companion img{width:104px;height:auto;position:relative;transform:rotate(8deg)}.student-experience .bukku-card{border:1px solid var(--student-border);box-shadow:var(--student-shadow);background-color:#fffefa;border-radius:22px}.student-experience .bukku-card--interactive{transition:transform .18s,box-shadow .18s,border-color .18s}.student-experience .bukku-tile{border-radius:16px;transition:transform .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffffb3,0 3px #e7e0d580}.student-experience .bukku-button,.student-experience .stage-action{background:var(--student-green);color:#fff;min-height:50px;font-family:var(--font-display);letter-spacing:.015em;border:1px solid #076c43;border-radius:15px;padding:12px 22px;font-size:17px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffff26,0 4px #055b37,0 10px 20px -12px #055b3766}.student-experience .bukku-button:disabled,.student-experience .stage-action:disabled{color:#76776f;opacity:1;background:#e7e7de;border-color:#dcddd3;box-shadow:0 3px #d7d9ce}.student-experience .bukku-button--secondary{color:var(--student-ink);border-color:var(--student-border);box-shadow:0 3px 0 var(--student-edge);background:#fff}.student-experience .bukku-button--destructive{color:#9e2f20;background:#fff3f1;border-color:#edc4bc;box-shadow:0 3px #edc4bc}.student-experience .bukku-field{background:#fffefa;border-color:#d9d7ce;border-radius:14px;min-height:52px;box-shadow:inset 0 2px 4px #61563808}.student-experience .bukku-field:focus{outline-offset:1px;border-color:#087c4c;outline:3px solid #d8ebde}.student-experience .student-navigation{border-color:#e9e3d6}.student-experience .student-navigation-link.is-active{color:#176544;background:#e5f2e8;box-shadow:inset 0 1px #fff,0 3px #c5ddce}.student-navigation-note{display:none}.student-skip-link{z-index:100;color:#087c4c;box-shadow:var(--student-shadow);background:#fff;border-radius:12px;padding:12px 20px;position:fixed;top:12px;left:16px;transform:translateY(-180%)}.student-skip-link:focus{transform:none}.student-loading{min-height:60dvh;color:var(--student-muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:14px;display:flex}.student-loading-logo{width:126px;height:auto}.student-loading-track{background:#e3eee3;border-radius:20px;width:110px;height:5px;overflow:hidden}.student-loading-track:after{content:"";border-radius:inherit;background:#0eaa66;width:40%;height:100%;animation:1.4s ease-in-out infinite alternate student-loading;display:block}@keyframes student-loading{to{transform:translate(150%)}}.learn-home{padding:28px clamp(16px,3vw,44px) 0}.learn-home .learn-backdrop{background:#fffdf6}.learn-home .learn-backdrop-media{opacity:.14;filter:saturate(.7)}.learn-home .learn-backdrop:after{content:"";background:linear-gradient(#fffdf7e8 5%,#fffdf7a3 60%,#fffdf738);position:absolute;inset:0}.learn-home-layout{z-index:10;grid-template-columns:minmax(0,1fr);gap:28px;max-width:1120px;margin:0 auto;display:grid;position:relative}.learn-home-main{min-width:0}.learn-home-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf7ed;padding:12px 0 4px}.learn-welcome-heading{font-size:clamp(26px,3vw,36px);line-height:1.12}.learn-home [data-learn-level-header]{background:#eff5e9;border:1px solid #e0e6d8;border-radius:20px;margin-top:12px;box-shadow:0 4px #dce4d5,inset 0 1px #fff}.learn-home [data-learn-module-id]{background:color-mix(in srgb, var(--module-surface) 48%, #fffdf8);box-shadow:0 4px 0 color-mix(in srgb, var(--module-border) 50%, #fffdf8), 0 14px 28px -22px #55462f66, inset 0 1px 0 #ffffffb3;border-radius:22px}.learn-home [data-module-state=current]{box-shadow:0 5px 0 var(--module-border), 0 18px 32px -22px #47654160}.learn-home [data-module-state=locked],.learn-home [data-module-state=coming-soon]{background:#f4f2eb;border-color:#ddd9ce;box-shadow:0 3px #e7e3d9}.learn-home [data-learn-module-id]>button{min-height:92px;padding:18px}.learn-home .learn-module-list{gap:18px;padding-top:22px}.learn-home .learn-lesson-row{border-radius:14px;min-height:66px;box-shadow:0 3px #e5e4d6}.learn-home .learn-current-row{background:#fffdf8;border-color:#087c4c;box-shadow:0 3px #90b99a,0 7px 15px -10px #35634140}.learn-next{background:#e8f1e5;border:1px solid #cfdfcd;border-radius:24px;padding:26px;position:relative;overflow:hidden;box-shadow:0 5px #cfdfcd,0 18px 28px -22px #395d4166}.learn-next h2{font-family:var(--font-display);margin-bottom:10px;font-size:26px;font-weight:800;line-height:1.15}.learn-next p:not(.student-eyebrow){color:#49634f;font-size:13px;line-height:1.7}.learn-next .bukku-button{justify-content:space-between;align-items:center;gap:12px;margin-top:24px;text-decoration:none;display:flex}.learn-companion{align-items:center;gap:16px;margin-bottom:24px;display:flex}.learn-companion img{width:88px;height:auto;transform:rotate(-7deg)}.learn-companion span{color:#376344;background:#fffdfa;border-radius:16px 16px 16px 3px;padding:12px;font-size:12px;font-weight:800;box-shadow:0 3px #cbdcc9}.learn-aside{min-width:0}.learn-aside-note{margin-top:22px;padding:24px}.learn-aside-note h3{font-family:var(--font-display);font-size:21px;font-weight:800;line-height:1.2}.learn-aside-note p{color:var(--student-muted);margin-top:9px;font-size:13px;line-height:1.7}.learn-aside-note a{color:var(--student-green);align-items:center;gap:8px;min-height:44px;margin-top:10px;font-size:13px;font-weight:900;display:inline-flex}.student-experience .lesson-player{background:#fffdf7;max-width:760px}.student-experience .lesson-controls{background:#fffdf7f5;border-color:#e6e2d5;max-width:760px;box-shadow:0 -8px 22px -20px #5c553d55}.student-experience .lesson-player .student-task-header{gap:18px;padding:18px 24px}.lesson-progress-track{background:#e9eddf;border:1px solid #d9dfd1;border-radius:99px;flex:1;height:12px;padding:2px;overflow:hidden;box-shadow:inset 0 2px 3px #61563812}.lesson-progress-fill{border-radius:inherit;background:linear-gradient(#45af76,#148955);height:100%;transition:width .25s;box-shadow:inset 0 1px #fff6}.lesson-progress-count{font-family:var(--font-display);color:var(--student-green);font-variant-numeric:tabular-nums;font-size:16px}.student-experience .lesson-stage-scroll{padding:8px 24px 24px}.student-experience .lesson-stage-scroll:has(.exercise-surface){scroll-padding-block:20px}.student-experience .lesson-controls-visible .lesson-stage-scroll{padding-bottom:104px}.lesson-context{color:var(--student-muted);justify-content:space-between;align-items:center;gap:12px;padding:8px 2px 18px;font-size:11px;display:flex}.lesson-context strong{color:var(--student-green);font-weight:800}.exercise-surface{flex-direction:column;min-width:0;min-height:100%;display:flex}.exercise-surface>div{flex:1 0 auto}.student-experience .exercise-stage{gap:20px}.student-experience .exercise-stage>p:first-child{color:#64745e;letter-spacing:.13em;font-size:10px}.student-experience .exercise-stage h2{letter-spacing:-.025em;font-size:clamp(24px,3vw,32px);line-height:1.18}.student-experience .exercise-stage .exercise-option{border-radius:17px;min-height:62px;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;box-shadow:0 4px #e6e2d8,0 8px 18px -14px #63583b55}.student-experience .exercise-option[aria-pressed=true]{background:#eaf5ec;border-color:#178853;box-shadow:0 4px #9ac7a9,inset 0 1px #fff}.student-experience .exercise-option[data-result=correct]{background:#e9f6e9;border-color:#25985d;box-shadow:0 4px #b0d4b7}.student-experience .exercise-option[data-result=incorrect]{background:#fff2e9;border-color:#cf816f;box-shadow:0 4px #e5beb0}.student-experience .exercise-option-number{background:#f8f4e9;border:1px solid #e4dfd1;border-radius:10px;box-shadow:0 2px #e5dfd0}.student-experience .exercise-token{border-radius:12px;transition:transform .14s,box-shadow .14s;box-shadow:0 4px #e0dbce}.student-experience .exercise-answer-well{background:#f5f7ed;border:1.5px dashed #c6cfba;border-radius:18px;min-height:88px;padding:18px;box-shadow:inset 0 3px 8px #58633f08}.student-experience .exercise-study-card{background:#fffaf0;border:1px solid #e9dfc3;border-radius:24px;padding:28px;position:relative;box-shadow:0 5px #e9dfc3,0 16px 30px -22px #65583855}.student-experience .exercise-study-card:before{content:"";background:#f1d88e;border-radius:99px;flex-shrink:0;width:48px;height:5px}.student-experience .exercise-writing{background:#fffefa;border-color:#dcded1;box-shadow:inset 0 2px 6px #6b643710,0 3px #e7e3d6}.student-experience .lesson-feedback{border:1px solid #d2e2cd;border-radius:21px;padding:20px;position:relative;box-shadow:0 4px #d2e2cd,0 12px 25px -20px #52703955}.student-experience .lesson-feedback[data-outcome=retry]{background:#fff6e4;border-color:#ead8b0;box-shadow:0 4px #ead8b0}.student-experience .lesson-feedback[data-outcome=explained]{color:#594368;background:#f5eff9;border-color:#ded5e5;box-shadow:0 4px #ded5e5}.feedback-title{align-items:center;gap:12px;display:flex}.feedback-seal{background:#ffffff80;border:1px solid;border-radius:13px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 3px #283d2212}.student-experience .practice-workspace{max-width:760px;margin-inline:auto}.student-experience .practice-workspace .practice-player{border:1px solid var(--student-border);box-shadow:var(--student-shadow-raised);background:#fffdfa;border-radius:24px;padding:24px}.student-experience .bukki-hub{max-width:860px}.student-experience .bukki-mode-card{min-height:110px;box-shadow:var(--student-shadow);border-radius:22px;padding:22px;transition:transform .18s,box-shadow .18s}.student-experience .bukki-mode-card>span:first-child{border-radius:20px;width:68px;height:68px;box-shadow:inset 0 1px #fff,0 3px #cab4a326}.student-experience .bukki-mode-card img{height:64px}.student-experience .student-completion{background:var(--student-paper);max-width:680px;min-height:100dvh;color:var(--student-ink);padding:40px 24px}.completion-portrait{background:#e5f0df;border-radius:50%;place-items:center;width:164px;height:164px;padding:12px;display:grid;box-shadow:0 8px #d2e3c8}.completion-portrait img{width:128px;height:auto}.student-experience .student-completion .completion-stat{color:#665224;background:#fff9e6;border:1px solid #ece1bb;border-radius:20px;padding:20px;box-shadow:0 4px #ece1bb}.student-experience .onboarding-surface{background:#fffdf7}.student-experience .onboarding-choice{background:#fffefa;border:1px solid #e2e1d5;border-radius:18px;margin-bottom:12px;padding:18px;transition:background .18s,border-color .18s,transform .18s;box-shadow:0 3px #e7e3d7}.student-experience .onboarding-choice:has(input:checked){background:#eaf5eb;border-color:#449969;box-shadow:0 3px #bad4bf}.student-experience .onboarding-choice:has(input:focus-visible){outline-offset:4px;outline:3px solid #2f6c9d}@media (hover:hover){.student-experience .bukku-card--interactive:hover,.student-experience a.bukki-mode-card:hover{box-shadow:var(--student-shadow-raised);transform:translateY(-3px)}.student-experience .exercise-option:not(:disabled):hover{border-color:#a6b49b;transform:translateY(-2px)}.student-experience .exercise-token:not(:disabled):hover{transform:translateY(-2px)}.student-experience .bukku-button:not(:disabled):hover,.student-experience .stage-action:not(:disabled):hover{background:#086e44}.student-experience .bukku-button--secondary:not(:disabled):hover{background:#f0f4e9}.student-experience .bukku-button--destructive:not(:disabled):hover{background:#ffe4dd}}.student-experience .bukku-button:not(:disabled):active,.student-experience .stage-action:not(:disabled):active,.student-experience .exercise-token:not(:disabled):active,.student-experience .exercise-option:not(:disabled):active{box-shadow:0 1px 0 var(--student-edge);transform:translateY(3px)}@media (min-width:1100px){.learn-home-layout{grid-template-columns:minmax(0,1fr) 300px;gap:32px}.learn-aside{align-self:start;margin-top:18px;position:sticky;top:32px}}@media (min-width:48rem) and (any-pointer:fine),(min-width:48rem) and (orientation:landscape){.student-experience .student-navigation{background:#fffefa;padding-inline:12px;box-shadow:6px 0 26px -20px #61543244}.student-experience .student-navigation-brand{width:112px}.student-experience .student-navigation-link{min-height:50px;padding-inline:12px;font-size:12px}.student-navigation-note{color:#7b786a;border-top:1px solid #e7e2d7;margin:auto 4px 24px;padding-top:20px;font-size:11px;line-height:1.8;display:block}.student-navigation-note strong{color:#45634d;font-family:var(--font-display);font-size:16px;display:block}.student-experience .student-navigation-profile{margin-top:0}.student-experience .lesson-player{border:1px solid var(--student-border);height:calc(100dvh - 48px);max-height:calc(100dvh - 48px);box-shadow:var(--student-shadow-raised);border-radius:28px;margin-block:24px}.student-experience .lesson-controls{border-radius:0 0 28px 28px;max-width:758px;bottom:24px}}@media (max-width:1099px){.learn-home-main{display:contents}.learn-home-header{order:-2}.learn-aside{order:-1}.learn-aside-note,.learn-companion{display:none}.learn-next{padding:22px}.learn-next h2{font-size:23px}.learn-next .bukku-button{margin-top:16px}}@media (max-width:600px){.bukku-page{padding:24px 16px 36px}.student-page-heading{border-radius:22px;gap:10px;margin-bottom:26px;padding:24px 20px}.student-page-heading h1{font-size:30px}.student-page-description{font-size:13px}.student-page-companion{flex-basis:68px}.student-page-companion img{width:68px}.learn-home{padding:12px 14px 0}.learn-home-layout{gap:20px}.learn-home [data-learn-module-id]>button{padding:16px 12px}.learn-next{border-radius:20px;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:18px;display:grid}.learn-next .student-eyebrow{margin-bottom:6px}.learn-next h2{margin-bottom:0;font-size:20px}.learn-next p:not(.student-eyebrow){display:none}.learn-next .bukku-button{grid-area:1/2/4;align-self:center;margin-top:0;padding:12px;font-size:14px}.learn-next .bukku-button svg{display:none}.student-experience .lesson-player .student-task-header{padding:max(12px, env(safe-area-inset-top)) 16px 12px;gap:12px}.student-experience .lesson-stage-scroll{padding-inline:16px}.student-experience .exercise-stage{gap:18px}.student-experience .exercise-stage .exercise-option{min-height:56px}.student-experience .practice-workspace .practice-player,.student-experience .bukki-mode-card{padding:18px}}@media (prefers-reduced-motion:no-preference){.student-experience .lesson-feedback{animation:.22s ease-out both student-reveal}@keyframes student-reveal{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}}@media (prefers-reduced-motion:reduce){.student-experience *,.student-experience :before,.student-experience :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.student-experience [data-profile-overview]{background:linear-gradient(115deg,#fffefa 40%,#edf4e8);border-color:#dae3cf;padding:28px;box-shadow:0 5px #dae3cf,0 18px 35px -26px #4f634040}.student-experience .profile-stat-tile{background:#fffefa;border:1px solid #e9e3d2;border-radius:18px;margin-inline:6px;padding:18px 8px;box-shadow:0 3px #e9e3d2}.student-experience .profile-stat-tile>span{box-shadow:0 3px #bbb49326}.student-experience .practice-workspace .practice-player{max-width:none;min-height:560px}.student-experience .student-placement>div{max-width:760px}.student-experience .bukki-chat-workspace{background:#fffdf7;max-width:820px}.student-experience .bukki-chat-workspace>header{box-shadow:0 4px 12px -10px #5e543b66}.student-experience .bukki-chat-workspace .student-task-content{background:radial-gradient(at 100% 0,#eef5e9 0%,#0000 55%)}.student-experience .bukki-chat-workspace .student-task-actions{box-shadow:0 -5px 18px -16px #5e543b66}.student-experience .student-chat-message{box-shadow:0 3px #e8e2d7,0 10px 20px -18px #584a3c77}.student-experience .student-chat-suggestion{box-shadow:0 3px #e8e2d7}.student-experience .bukku-page>h1{letter-spacing:-.03em;font-size:clamp(30px,3.5vw,40px);line-height:1.15}.student-experience .bukku-page>form{border:1px solid var(--student-border);box-shadow:var(--student-shadow);background:#fffefa;border-radius:24px;padding:24px}@media (min-width:768px){.student-experience .bukki-chat-workspace{border-inline:1px solid #e9e3d6;box-shadow:0 0 34px -24px #5e543b55}}@media (max-width:600px){.student-experience [data-profile-overview]{padding:20px}.student-experience .practice-workspace .practice-player{min-height:500px}}.student-experience .onboarding-choices div:has(>.onboarding-choice){border:0}.student-experience .quiz-player{background:var(--student-paper);max-width:760px}.student-experience .quiz-player>header{border-bottom:1px solid var(--student-border);padding:20px}.student-experience .quiz-player>.student-task-content{padding:24px}@media (min-width:768px){.student-experience .quiz-player{border:1px solid var(--student-border);height:calc(100dvh - 48px);box-shadow:var(--student-shadow);border-radius:26px;margin-block:24px}}@media (max-width:600px){.student-experience .quiz-player>.student-task-content{padding:20px 16px}.learn-home .learn-lesson-row{grid-template-columns:2rem minmax(0,1fr) 1.5rem;row-gap:4px;padding-block:14px}.learn-home .learn-lesson-row>:first-child{grid-area:1/1/3}.learn-home .learn-lesson-row>:nth-child(2){grid-area:1/2}.learn-home .learn-lesson-row>:nth-child(3){text-align:left;grid-area:2/2}.learn-home .learn-lesson-row>:last-child{grid-area:1/3/3}}.student-experience .bukku-field[aria-invalid=true]{border-color:#c64b40}