.learn-app{--learning-scale:1;font-size:calc(18px * var(--learning-scale));overflow-wrap:anywhere}.learn-app .training-eyebrow{font-size:calc(13px * var(--learning-scale));letter-spacing:.1em}.learn-app .training-button{height:auto;min-height:48px;font-size:calc(16px * var(--learning-scale));white-space:normal;text-align:center;padding:12px 22px}.learn-app .training-help,.learn-app .training-status{font-size:calc(14px * var(--learning-scale));height:auto}.learn-app button:disabled{opacity:.55;cursor:not-allowed}.learn-header{border-bottom:1px solid var(--training-border);background:var(--training-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:24px clamp(20px,5vw,80px);display:flex}.learn-header img{object-fit:contain;width:160px;max-width:100%;height:40px;display:block}.learn-header nav{font-size:calc(15px * var(--learning-scale));flex-wrap:wrap;align-items:center;gap:24px;display:flex}.learn-header a{color:var(--training-ink)}.learn-size{position:relative}.learn-size summary{cursor:pointer;border:1px solid var(--training-border);border-radius:999px;padding:8px 16px;font-weight:500;list-style:none}.learn-size summary::-webkit-details-marker{display:none}.learn-size label{border:1px solid var(--training-border);background:var(--training-surface);z-index:5;min-width:180px;box-shadow:var(--shadow-card);border-radius:16px;gap:12px;padding:20px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.learn-size select{border:1px solid var(--color-neutral-300);background:var(--color-white);border-radius:8px;width:100%;padding:8px}.learn-main{max-width:1440px;margin:auto;padding:56px clamp(20px,5vw,80px) 80px}.learn-welcome{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,6vw,96px);padding:24px 0 64px;display:grid}.learn-welcome-copy{gap:24px;display:grid}.learn-welcome h1{font-size:calc(clamp(36px, 4vw, 58px) * var(--learning-scale));line-height:1.06}.learn-welcome h1 span,.learn-session-heading h1 span{color:var(--color-prism-500)}.learn-welcome-copy>p:last-child{color:var(--training-muted);max-width:38ch;line-height:1.6}.learn-code-card{border:1px solid var(--training-border);border-top:4px solid var(--color-prism-500);background:var(--training-surface);box-shadow:var(--shadow-card);border-radius:24px;gap:20px;padding:clamp(24px,4vw,48px);display:grid}.learn-code-card h2{font-size:calc(29px * var(--learning-scale))}.learn-code-card form{gap:16px;margin-top:8px;display:grid}.learn-code-card label{color:var(--training-muted);font-size:calc(15px * var(--learning-scale))}.learn-code-card input{border:1px solid var(--color-neutral-300);background:var(--color-neutral-050);width:100%;min-width:0;font-size:calc(23px * var(--learning-scale));letter-spacing:.06em;color:var(--training-ink);border-radius:12px;padding:18px 20px;font-weight:500;line-height:1.3}.learn-code-card input::placeholder{letter-spacing:0;color:var(--color-neutral-500)}.learn-found{border-top:1px solid var(--training-border);gap:16px;padding-top:24px;display:grid}.learn-found .training-status{width:fit-content}.learn-found h3{font-size:calc(26px * var(--learning-scale))}.learn-found p{font-size:calc(16px * var(--learning-scale));color:var(--training-muted)}.learn-actions{flex-wrap:wrap;gap:12px;display:flex}.learn-sessions{border-top:1px solid var(--training-border);gap:24px;padding-top:40px;display:grid}.learn-sessions h2{font-size:calc(31px * var(--learning-scale));margin-top:8px}.learn-session-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;display:grid}.learn-session-card{border:1px solid var(--training-border);background:var(--training-surface);border-radius:24px;gap:16px;padding:32px;display:grid}.learn-session-card h3{font-size:calc(26px * var(--learning-scale))}.learn-session-card small{font-size:calc(13px * var(--learning-scale));color:var(--training-muted)}.learn-session-card .training-button{justify-self:start}.learn-session-top{color:var(--training-muted);font-size:calc(15px * var(--learning-scale));flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:32px;display:flex}.learn-session-top a{color:var(--training-ink)}.learn-session-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px;display:flex}.learn-session-heading h1{font-size:calc(45px * var(--learning-scale));margin-top:16px}.learn-session-heading>p{max-width:30ch;color:var(--training-muted);font-size:calc(16px * var(--learning-scale))}.learn-workspace{grid-template-columns:minmax(0,1fr) minmax(260px,320px);align-items:start;gap:32px;display:grid}.learn-current{background:var(--training-surface);border:1px solid var(--training-border);border-top:4px solid var(--learn-block);border-radius:24px;min-width:0;overflow:hidden}.learn-block-header{background:linear-gradient(135deg, var(--color-neutral-100), var(--color-white));justify-content:space-between;align-items:flex-start;gap:24px;padding:32px;display:flex}.learn-block-header h2{font-size:calc(36px * var(--learning-scale));margin-top:16px;line-height:1.12}.learn-block-header .training-eyebrow{color:var(--learn-block)}.learn-timer{text-align:center;border:1px solid var(--training-border);background:var(--color-white);border-radius:16px;flex:none;padding:16px}.learn-timer strong{font-size:calc(29px * var(--learning-scale));font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-weight:400;display:block}.learn-timer span{font-size:calc(13px * var(--learning-scale));color:var(--training-muted)}.learn-block{padding:32px;line-height:1.6}.learn-block .nowline{font-size:calc(22px * var(--learning-scale));margin-bottom:32px;line-height:1.4}.learn-block .take{gap:16px;display:grid}.learn-block .tk{border:1px solid var(--training-border);background:var(--color-neutral-050);font-size:calc(18px * var(--learning-scale));color:var(--training-muted);border-radius:16px;padding:24px}.learn-block .tk b{color:var(--learn-block);font-size:calc(23px * var(--learning-scale));margin-bottom:8px;display:block}.learn-block .note{border-left:4px solid var(--color-clarity-500);background:var(--color-clarity-050);border-radius:16px;margin-bottom:24px;padding:24px}.learn-block .note>b{color:var(--color-clarity-700);font-size:calc(15px * var(--learning-scale));margin-bottom:12px;display:block}.learn-block .note p{font-size:calc(20px * var(--learning-scale))}.learn-block .sect{font-size:calc(15px * var(--learning-scale));color:var(--training-muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin:32px 0 16px;display:flex}.learn-block .step{border-top:1px solid var(--training-border);grid-template-columns:40px minmax(0,1fr);gap:16px;padding:24px 0;display:grid}.learn-block .k{border:1px solid var(--training-border);width:40px;height:40px;color:var(--learn-block);font-size:calc(18px * var(--learning-scale));font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;display:grid}.learn-block .now .k{background:var(--learn-block);color:var(--color-white);border-color:var(--learn-block)}.learn-block .who{font-size:calc(23px * var(--learning-scale));margin-bottom:12px;font-weight:500;line-height:1.25}.learn-block .txt{color:var(--training-muted);font-size:calc(18px * var(--learning-scale))}.learn-block .tools{margin-top:16px}.learn-block .donebtn{background:var(--color-signal-050);color:var(--color-signal-900);border:1px solid var(--color-signal-300);font-size:calc(15px * var(--learning-scale));cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:10px 20px;display:inline-flex}.learn-block .donebtn i{font-style:normal}.learn-block .reopen{color:var(--learn-block);font-size:calc(15px * var(--learning-scale));cursor:pointer;text-underline-offset:4px;width:fit-content;margin-top:12px;text-decoration:underline;display:none}.learn-block .done .k{background:var(--color-signal-100);border-color:var(--color-signal-300)}.learn-block .done .tools{display:none}.learn-block .done .reopen{display:block}.learn-block .earlier-note{border:1px dashed var(--color-neutral-300);color:var(--training-muted);font-size:calc(16px * var(--learning-scale));border-radius:16px;margin-top:24px;padding:24px}.learn-block-footer{border-top:1px solid var(--training-border);gap:20px;padding:24px 32px;display:grid}.learn-block-footer>span{font-size:calc(14px * var(--learning-scale));color:var(--training-muted)}.learn-block-footer .learn-actions{justify-content:space-between}.learn-companion{background:linear-gradient(150deg, var(--color-prism-100), var(--color-white) 65%);border:1px solid var(--training-border);border-radius:24px;gap:20px;padding:32px;display:grid}.learn-companion h2{font-size:calc(29px * var(--learning-scale))}.learn-companion h2 span{color:var(--color-prism-500)}.learn-companion>p:not(.training-eyebrow){font-size:calc(16px * var(--learning-scale));color:var(--training-muted)}.learn-guide-mark{align-items:center;gap:5px;height:56px;display:flex}.learn-guide-mark i{background:var(--color-prism-500);border-radius:8px;width:7px;height:24px}.learn-guide-mark i:nth-child(2){background:var(--color-refract-500);height:38px}.learn-guide-mark i:nth-child(3){background:var(--color-clarity-500);height:52px}.learn-guide-mark i:nth-child(4){background:var(--color-signal-500);height:38px}.learn-guide-mark i:nth-child(5){background:var(--color-flux-500)}.learn-companion details{border-top:1px solid var(--training-border);font-size:calc(15px * var(--learning-scale));padding-top:16px}.learn-companion summary{cursor:pointer}.learn-companion details p{color:var(--training-muted);margin:16px 0}.learn-companion details a{color:var(--color-prism-500)}.learn-quiet-button{text-underline-offset:4px;color:var(--training-muted);cursor:pointer;text-align:left;background:0 0;border:0;justify-self:start;padding:8px 0;text-decoration:underline;font-size:calc(14px * var(--learning-scale))!important}.learn-waiting{gap:24px;max-width:56ch;padding:40px 32px;display:grid}.learn-wait-orbit{color:var(--color-prism-500);font-size:70px;line-height:1}.learn-empty{background:var(--training-surface);border:1px solid var(--training-border);border-radius:24px;gap:24px;max-width:720px;margin:48px auto;padding:40px;display:grid}.learn-empty h1{font-size:calc(36px * var(--learning-scale))}.learn-empty button{justify-self:start}.learn-recovery{border:1px solid var(--color-flux-300);background:var(--color-flux-050);border-radius:16px;gap:16px;margin-bottom:24px;padding:24px;display:grid}.learn-recovery h2{font-size:calc(23px * var(--learning-scale))}.learn-recovery button{justify-self:start}@media (max-width:1000px){.learn-workspace{grid-template-columns:minmax(0,1fr)}.learn-companion{grid-template-columns:1fr 1fr;align-items:start}.learn-companion>p.training-eyebrow{grid-column:1/-1}.learn-guide-mark{display:none}.learn-session-heading{display:grid}.learn-welcome{gap:32px}.learn-welcome h1{font-size:calc(36px * var(--learning-scale))}}@media (max-width:760px){.learn-main{padding-top:32px}.learn-welcome{grid-template-columns:minmax(0,1fr);padding-top:0}.learn-welcome-copy{gap:16px}.learn-welcome-copy>p:last-child{max-width:none}.learn-companion{grid-template-columns:minmax(0,1fr)}.learn-header{gap:20px;padding:20px}.learn-header nav{gap:16px}.learn-session-heading h1{font-size:calc(31px * var(--learning-scale))}.learn-block-header{flex-wrap:wrap;padding:24px}.learn-block-header h2{font-size:calc(29px * var(--learning-scale))}.learn-block,.learn-block-footer{padding:24px}.learn-current,.learn-code-card,.learn-companion{border-radius:16px}.learn-actions>*{flex:auto}.learn-timer{text-align:left;align-items:center;gap:16px;display:flex}.learn-block .step{grid-template-columns:minmax(0,1fr)}.learn-block .k{width:48px;height:48px}.learn-empty{padding:24px}}@media (prefers-reduced-motion:reduce){.learn-app *,.learn-app :before,.learn-app :after{scroll-behavior:auto;transition:none;animation:none}}.learn-room-screen{z-index:100;background:var(--color-neutral-100);border:3px solid var(--color-clarity-500);grid-template-rows:auto minmax(0,1fr) auto;gap:16px;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.learn-room-screen header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.learn-room-screen h2{font-size:calc(26px * var(--learning-scale));margin-top:8px}.learn-room-screen video{object-fit:contain;background:var(--color-white);border-radius:16px;width:100%;height:100%;min-height:0}.learn-room-screen>p{font-size:calc(14px * var(--learning-scale));color:var(--training-muted)}.learn-watch-return{z-index:50;max-width:calc(100vw - 48px);box-shadow:var(--shadow-card);position:fixed;bottom:24px;right:24px}.learn-room-screen{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--training-ink);margin:0}.learn-room-screen::backdrop{background:var(--color-neutral-100)}.learn-setup-intro{gap:24px;max-width:760px;margin-bottom:48px;display:grid}.learn-setup-intro h1{font-size:calc(clamp(36px, 4vw, 58px) * var(--learning-scale))}.learn-setup-intro h1 span{color:var(--color-prism-500)}.learn-setup-intro>.training-button{justify-self:start}.learn-setup-intro>p:last-of-type{color:var(--training-muted);max-width:52ch}.learn-setup-steps{gap:24px;margin:0 0 48px;padding:0;list-style:none;display:grid}.learn-setup-steps>li{background:var(--training-surface);border:1px solid var(--training-border);border-radius:24px;grid-template-columns:64px minmax(0,1fr);gap:24px;padding:32px;display:grid}.learn-setup-steps>li>span{background:var(--color-prism-100);width:64px;height:64px;color:var(--color-prism-700);font-size:calc(23px * var(--learning-scale));border-radius:50%;place-items:center;font-weight:300;display:grid}.learn-setup-steps>li:nth-child(2)>span{background:var(--color-refract-100);color:var(--color-refract-700)}.learn-setup-steps>li:nth-child(3)>span{background:var(--color-clarity-100);color:var(--color-clarity-700)}.learn-setup-steps h2{font-size:calc(29px * var(--learning-scale));margin-bottom:16px}.learn-setup-steps p{color:var(--training-muted);margin-top:12px}.learn-setup-notes{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;display:grid}.learn-setup-notes article{border-top:3px solid var(--color-prism-300);background:var(--color-white);border-radius:16px;align-content:start;gap:16px;padding:24px;display:grid}.learn-setup-notes h2{font-size:calc(26px * var(--learning-scale))}.learn-setup-notes p:not(.training-eyebrow){font-size:calc(16px * var(--learning-scale));color:var(--training-muted)}.learn-setup-return{justify-items:start;gap:16px;margin-top:48px;display:grid}.learn-setup-return p{font-size:calc(15px * var(--learning-scale));color:var(--training-muted)}@media (max-width:600px){.learn-setup-steps>li{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px}.learn-setup-steps h2{font-size:calc(26px * var(--learning-scale))}}.learn-app .training-skip-link{max-width:calc(100vw - 32px);top:16px;transform:translateY(calc(-100% - 24px))}.learn-app .training-skip-link:focus{transform:none}
