.landing.learner{--l-tap:56px;--card-line:var(--c-surface-sunken)}.learner[data-band="6-8"]{--l-tap:64px;font-size:20px}.learner[data-band="9-12"]{--l-tap:48px;font-size:16px}.learner[data-band="13-16"]{--l-tap:44px;font-size:16px}.learner .learner-header{inline-size:min(1320px,100%);padding:18px var(--page-pad) 10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-inline:auto;display:flex}.learner .learner-nav{flex-wrap:wrap;gap:8px 12px;display:flex}.learner .learner-tabs{border-radius:var(--radius-pill);border:1px solid var(--c-border);background:var(--c-surface);box-shadow:0 2px 8px -2px var(--shade);margin-inline-end:auto;padding:3px;display:flex}.learner .learner-tabs a{min-block-size:var(--touch-min);border-radius:var(--radius-pill);font:700 16px var(--l-display);align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.learner .learner-tabs a[aria-current=page]{background:var(--c-text);color:var(--c-surface)}.learner .learner-tabs a.tab-games{color:var(--c-action-text)}.learner .learner-tabs a.tab-games:hover{color:var(--c-action)}.learner .learner-tabs a.tab-games[aria-current=page]{background:var(--c-action);color:var(--c-on-action)}.learner .learner-who{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.learner .learner-switch{min-block-size:var(--touch-min);font:700 17px var(--l-display);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.learner .learner-main{inline-size:min(1320px,100%);padding:6px var(--page-pad) 64px;gap:clamp(24px,3vw,40px);margin-inline:auto;display:grid}.learner .learner-main>*{min-inline-size:0}.learner .avatar{box-shadow:inset 0 2px 0 color-mix(in srgb,var(--c-surface) 60%,transparent),0 14px 30px -14px var(--av);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.learner .avatar svg{block-size:58%;inline-size:58%}.learner .avatar--sun{--av:var(--c-digital-accent);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--av) 45%,var(--c-surface)),var(--av))}.learner .avatar--bot{--av:var(--c-romana-light);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--av) 45%,var(--c-surface)),var(--av));border-radius:29%}.learner .avatar--leaf{--av:var(--c-stiinte-light);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--av) 45%,var(--c-surface)),var(--av));border-radius:50% 50% 50% 20%}.learner .art-ink{fill:var(--c-visor)}.learner .art-eye{fill:var(--c-eye)}.learner .art-line{fill:none;stroke:var(--c-visor);stroke-width:4px;stroke-linecap:round}.learner .art-line--thin{stroke-width:2.5px}.learner .code-art{block-size:46px;inline-size:46px;stroke:var(--c-visor);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round;fill:none}.learner .code-art .art-paper{fill:var(--c-surface)}.learner .code-art .art-stroke{fill:none}.learner .code-art--boat .art-fill{fill:var(--c-creatie-light)}.learner .code-art--drum .art-fill,.learner .code-art--star .art-fill{fill:var(--c-digital-accent)}.learner .code-art--gear .art-fill{fill:var(--c-stiinte-light)}.learner .who{flex-wrap:wrap;align-items:center;gap:16px 32px;padding:clamp(24px,3.4vw,36px) clamp(20px,4vw,44px);display:flex}.learner .who-copy{flex:380px;justify-items:start;gap:10px;min-inline-size:0;display:grid}.learner .who .badge{background:var(--glass);color:var(--c-on-night);box-shadow:inset 0 0 0 1px var(--line-night)}.learner .live-dot{background:var(--c-eye);block-size:8px;inline-size:8px;box-shadow:0 0 8px var(--c-eye);border-radius:50%}.learner .who h1{letter-spacing:-.035em;font-size:clamp(34px,4.4vw,54px);font-weight:800;line-height:1.02}.learner .who h1 span{color:var(--c-on-night-accent)}.learner .who-lead{color:var(--c-on-night-muted);max-inline-size:560px;font-size:18px}.learner .profile-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;display:grid}.learner .profile-card{border-radius:var(--radius-lg);border:2px solid var(--card-line);background:var(--c-surface);block-size:100%;min-block-size:300px;inline-size:100%;color:var(--c-text);text-align:center;cursor:pointer;box-shadow:var(--shadow-card);transition:transform var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard),border-color var(--dur-base) var(--ease-standard);flex-direction:column;align-items:center;gap:10px;padding:26px 22px 22px;text-decoration:none;display:flex}.learner .profile-card:hover,.learner .profile-card[aria-expanded=true]{border-color:var(--c-action)}.learner .profile-card[aria-expanded=true]{box-shadow:0 0 0 2px var(--c-action),0 26px 44px -26px var(--shade-deep)}.learner .profile-name{font:800 30px/1 var(--l-display);margin-block-start:6px}.learner .profile-method{font:700 15px var(--l-body);color:var(--c-action-text)}.learner .profile-start{border-radius:var(--radius-md);background:var(--c-surface-2);inline-size:100%;color:var(--c-text-muted);margin-block-start:auto;padding:8px 12px;font-size:15px}.learner .profile-start strong{color:var(--c-text)}.learner .profile-card--add{border-style:dashed;border-color:var(--c-border-strong);box-shadow:none;background:0 0;justify-content:center}.learner .profile-plus{background:var(--c-action-soft);block-size:64px;inline-size:64px;color:var(--c-on-action-soft);border-radius:50%;place-items:center;display:grid}.learner .profile-add-title{font:800 22px var(--l-display)}.learner .profile-add-text{color:var(--c-text-muted);font-size:15px}.learner .entry{border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-card);flex-wrap:wrap;align-items:center;gap:24px 48px;padding:clamp(20px,3vw,28px) clamp(18px,3vw,30px);display:flex}.learner .entry-copy{flex:320px;justify-items:start;gap:8px;min-inline-size:0;display:grid}.learner .entry h2{font-size:26px;font-weight:800}.learner .entry-copy p{color:var(--c-text-muted)}.learner .entry-copy .entry-band{font:700 14px var(--l-body);letter-spacing:.06em;text-transform:uppercase;color:var(--c-action-text)}.learner .entry-copy .entry-demo{border-radius:var(--radius-md);background:var(--c-info-soft);color:var(--c-info);padding:6px 12px;font-size:15px;font-weight:600}.learner .entry-controls{flex:420px;justify-items:start;gap:14px;min-inline-size:0;display:grid}.learner .entry-status{color:var(--c-text-muted);font-size:15px}.learner .code-grid{grid-template-columns:repeat(4,minmax(64px,1fr));gap:12px;inline-size:100%;display:grid}.learner .code-picture{border:2px solid var(--c-border-strong);background:var(--c-surface-2);cursor:pointer;min-block-size:84px;transition:border-color var(--dur-base) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard);border-radius:18px;place-items:center;display:grid;position:relative}.learner .code-picture[aria-pressed=true]{border-color:var(--c-action);background:var(--c-action-soft);box-shadow:0 0 0 2px var(--c-action),0 8px 20px -8px var(--c-action)}.learner .code-order{background:var(--c-action-hover);block-size:24px;inline-size:24px;color:var(--c-on-action);font:800 14px var(--l-display);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:6px;inset-inline-end:6px}.learner .pin-dots{gap:10px;display:flex}.learner .pin-dots span{border:2px solid var(--c-border-strong);border-radius:50%;block-size:16px;inline-size:16px}.learner .pin-dots span[data-on=true]{background:var(--c-action);border-color:var(--c-action)}.learner .pin-pad{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;inline-size:min(100%,280px);display:grid}.learner .pin-key{border-radius:var(--radius-md);border:2px solid var(--c-border-strong);background:var(--c-surface);min-block-size:56px;font:800 22px var(--l-display);cursor:pointer;place-items:center;display:grid}.learner .pin-key:hover:not(:disabled){border-color:var(--c-action)}.learner .pin-key:nth-child(10){grid-column:2}.learner .pin-key:disabled{opacity:.55;cursor:default}.learner .guide{flex-wrap:wrap;align-items:flex-end;gap:16px 36px;padding:clamp(24px,3.4vw,36px) clamp(20px,4vw,44px) clamp(26px,3.6vw,40px);display:flex}.learner .guide-figure{flex:none;justify-items:center;gap:2px;max-inline-size:100%;display:grid}.learner .guide-figure svg{block-size:auto;max-inline-size:100%}.learner .guide-caption{color:var(--c-on-night-muted);font-size:15px}.learner .guide-caption strong{color:var(--c-on-night)}.learner .guide-copy{flex:460px;justify-items:start;gap:16px;min-inline-size:0;display:grid}.learner .guide h1{letter-spacing:-.03em;font-size:clamp(30px,3.6vw,44px);font-weight:800;line-height:1.05}.learner .guide-cta{min-block-size:var(--l-tap);border-radius:var(--radius-pill);background:var(--c-eye);color:var(--c-on-eye);font:800 1.05em/1.2 var(--l-display);box-shadow:0 10px 28px -10px var(--c-eye);align-items:center;gap:10px;padding:8px 24px;text-decoration:none;display:inline-flex}.learner .guide .convo{margin-block-start:0}.learner .guide :is(.convo-choice,.convo-start){min-block-size:var(--l-tap)}.learner[data-band="6-8"] .guide :is(.convo-choice,.convo-start,.convo-msg){font-size:18px}.learner .home-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-block-end:18px;display:flex}.learner .home-head h2{letter-spacing:-.03em;font-size:clamp(26px,3vw,34px);font-weight:800}.learner .home-head p{color:var(--c-text-muted)}.learner .worlds{margin-block-end:0}.learner .world-art img{border-radius:50%}.learner .home-note{border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-card);justify-items:start;gap:12px;padding:22px 24px;display:grid}.learner .home-note h2{font-size:22px;font-weight:800}.learner .home-note p{color:var(--c-text-muted);max-inline-size:65ch}.learner .world-hero{border-radius:var(--radius-lg);background:var(--ws);box-shadow:var(--shadow-card);gap:20px;padding:clamp(20px,3vw,28px) clamp(18px,3.4vw,36px);display:grid}.learner .world-switch{flex-wrap:wrap;gap:8px;display:flex}.learner .world-tab{min-block-size:var(--l-tap);border-radius:var(--radius-pill);border:2px solid var(--wt);background:var(--c-surface);color:var(--wt);font:700 16px var(--l-display);align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.learner .world-tab[aria-current=page]{background:var(--wt);color:var(--c-surface)}.learner .world-hero-body{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;display:flex}.learner .world-hero-copy{flex:420px;gap:10px;min-inline-size:0;display:grid}.learner .world-hero h1{letter-spacing:-.03em;color:var(--wt);font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1}.learner .world-hero-lead{max-inline-size:38em;font-size:1.1em}.learner .world-hero-meta{font:700 15px var(--l-body)}.learner .world-hero-guide{flex:none;justify-items:center;gap:6px;margin:0;display:grid}.learner .world-hero-guide img{background:var(--c-surface);block-size:120px;inline-size:120px;box-shadow:0 0 0 4px var(--wl);border-radius:50%}.learner .world-hero-guide figcaption{font:700 15px var(--l-display);color:var(--wt);text-align:center;max-inline-size:18ch}.learner .pier-panel h2,.learner .area h2,.learner .area-help h2{letter-spacing:-.02em;font-weight:800}.learner .pier-panel h2{margin-block-end:16px;font-size:clamp(24px,2.6vw,30px)}.learner .pier{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;display:grid;position:relative}.learner .pier:before{content:"";background:var(--c-border-strong);opacity:.5;border-radius:2px;block-size:4px;position:absolute;inset-block-start:29px;inset-inline:30px}.learner .pier-stop{border:0;min-block-size:150px;inline-size:100%;color:var(--c-text);text-align:start;font:inherit;cursor:pointer;background:0 0;border-block-end:4px solid #0000;flex-direction:column;align-items:flex-start;gap:8px;padding:0 4px 12px;display:flex;position:relative}.learner .pier-stop[aria-pressed=true]{border-block-end-color:var(--c-action)}.learner .pier-dot{border:3px solid var(--c-text);background:var(--c-surface);block-size:60px;inline-size:60px;font:800 20px var(--l-display);transition:transform var(--dur-base) var(--ease-standard);border-radius:50%;place-items:center;display:grid}.learner .pier-stop[data-fits] .pier-dot{background:var(--c-action-soft);color:var(--c-on-action-soft)}.learner .pier-stop[aria-pressed=true] .pier-dot{background:var(--c-action);color:var(--c-on-action)}.learner .pier-name{font:700 1em/1.25 var(--l-display)}.learner .pier-status{color:var(--c-text-muted);font-size:14px}.learner .area-row{flex-wrap:wrap;gap:32px 48px;display:flex}.learner .area{flex:999 520px;min-inline-size:0}.learner .area-eyebrow{font:700 15px var(--l-body);color:var(--c-action-text)}.learner .area h2{margin-block:4px 6px;font-size:clamp(26px,3vw,32px)}.learner .area-about{color:var(--c-text-muted);margin-block-end:16px}.learner .area-activities{border-block-start:2px solid var(--c-text)}.learner .area-activities li{border-block-end:1px solid var(--c-border);flex-wrap:wrap;align-items:center;gap:8px 20px;padding:16px 8px;display:flex}.learner .activity-copy{flex:240px;min-inline-size:0;display:grid}.learner .activity-copy strong{font-size:1.05em}.learner .activity-copy span{color:var(--c-text-muted);font-size:15px}.learner .activity-state{min-inline-size:90px;font:700 15px var(--l-body);color:var(--c-on-success-soft)}.learner .activity-start{min-block-size:var(--l-tap);border-radius:var(--radius-pill);background:var(--c-action);color:var(--c-on-action);font:700 16px var(--l-display);align-items:center;gap:8px;padding:0 20px;text-decoration:none;display:inline-flex}.learner .activity-start:hover{background:var(--c-action-hover)}.learner .area-help{border-radius:var(--radius-lg);background:var(--c-surface);min-inline-size:0;box-shadow:var(--shadow-card);flex-direction:column;flex:280px;gap:14px;padding:20px 22px;display:flex}.learner .area-help-head{align-items:center;gap:14px;display:flex}.learner .area-help h2{font-size:19px}.learner .area-help ol{gap:10px;padding-inline-start:22px;list-style:decimal;display:grid}.learner .area-note{border-block-start:1px solid var(--c-border);color:var(--c-text-muted);padding-block-start:12px;font-size:15px}.learner .session-steps{flex-wrap:wrap;align-items:center;gap:10px 16px;display:flex}.learner .session-back{inline-size:var(--touch-min);block-size:var(--touch-min);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:50%;place-items:center;display:grid}.learner .session-steps ol{flex-wrap:wrap;gap:8px;margin-inline-end:auto;display:flex}.learner .session-steps ol a{inline-size:var(--touch-min);block-size:var(--touch-min);border:2px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font:800 17px var(--l-display);border-radius:50%;place-items:center;text-decoration:none;display:grid}.learner .session-steps ol a[aria-current=step]{border-color:var(--c-action);background:var(--c-action);color:var(--c-on-action)}.learner .session-grid{grid-template-columns:minmax(260px,1fr) minmax(0,2fr);align-items:start;gap:clamp(20px,3vw,36px);display:grid}.learner .session-guide{justify-items:center;gap:12px;padding:20px;display:grid}.learner .session-guide svg{block-size:auto;max-inline-size:100%}.learner .session-guide .convo{margin-block-start:0}.learner .session-guide :is(.convo-choice,.convo-start){min-block-size:var(--l-tap)}.learner .session-stage{gap:8px;min-inline-size:0;display:grid}.learner .session-stage:focus{outline:none}.learner .session-eyebrow{font:700 15px var(--l-body);color:var(--c-action-text)}.learner .session-with{color:var(--c-text-muted)}.learner .session-player{border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-card);margin-block-start:8px;padding:clamp(12px,2vw,20px)}.learner .session-player>[data-theme]{background:0 0}.learner .session-after{flex-wrap:wrap;align-items:center;gap:12px;margin-block-start:12px;display:flex}.learner .session-after p{flex:100%;font-weight:600}.learner .progress-hero{flex-wrap:wrap;align-items:center;gap:20px 32px;display:flex}.learner .progress-hero-copy{flex:420px;gap:10px;min-inline-size:0;display:grid}.learner .progress-hero h1{letter-spacing:-.03em;font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.05}.learner .progress-lead{color:var(--c-text-muted);max-inline-size:640px;font-size:1.1em}.learner .progress-demo{border-radius:var(--radius-md);border:1px dashed var(--c-border-strong);background:var(--c-surface);max-inline-size:640px;color:var(--c-text-muted);justify-self:start;padding:10px 14px;font-size:15px}.learner .progress-today{border-block-start:2px solid var(--c-text);flex-wrap:wrap;gap:24px 48px;padding-block-start:24px;display:flex}.learner .progress-today-facts{flex:340px;align-content:start;gap:12px;min-inline-size:0;display:grid}.learner .progress-today h2,.learner .progress-week h2,.learner #explored-title{font-size:clamp(24px,2.4vw,28px);font-weight:800}.learner .progress-facts{gap:12px;display:grid}.learner .progress-facts li{gap:12px;display:flex}.learner .progress-facts svg{color:var(--c-success);flex:none;margin-block-start:2px}.learner .progress-focus{border-radius:var(--radius-lg);background:var(--c-surface-2);flex:340px;align-content:start;justify-items:start;gap:12px;min-inline-size:0;padding:20px 22px;display:grid}.learner .progress-focus h3{font-size:18px}.learner .progress-focus .btn{min-block-size:var(--l-tap)}.learner .progress-section-lead{color:var(--c-text-muted);margin-block:6px 18px}.learner .progress-worlds{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px 24px;display:grid}.learner .progress-world{border-block-start:6px solid var(--w);min-inline-size:0;padding-block-start:12px}.learner .progress-world h3{color:var(--wt);margin-block-end:10px;font-size:20px;font-weight:800}.learner .progress-world dl{gap:8px;display:grid}.learner .progress-world dl>div{flex-wrap:wrap;justify-content:space-between;gap:4px 16px;display:flex}.learner .progress-world dd{font-weight:700}.learner .progress-empty{color:var(--c-text-muted)}.learner .badge-showcase{border-block-start:2px solid var(--c-text);gap:18px;padding-block-start:24px;display:grid}.learner .badge-showcase h2{font-size:clamp(24px,2.4vw,28px);font-weight:800}.learner .badge-showcase-lead{color:var(--c-text-muted);max-inline-size:680px;margin-block:6px 12px}.learner .badge-filters{flex-wrap:wrap;gap:8px 12px;margin-block:8px 16px;display:flex}.learner .badge-filter-btn{min-block-size:var(--l-tap);border-radius:var(--radius-pill);border:2px solid var(--c-border);background:var(--c-surface);color:var(--c-text);cursor:pointer;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.learner .badge-filter-btn:hover{border-color:var(--c-action);background:var(--c-surface-2)}.learner .badge-filter-btn[aria-selected=true]{border-color:var(--c-action);background:var(--c-action-soft);color:var(--c-action-text)}.learner .badge-filter-btn:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.learner .badge-count{border-radius:var(--radius-pill);background:var(--c-surface-2);min-inline-size:20px;color:var(--c-text-muted);justify-content:center;align-items:center;padding:2px 6px;font-size:12px;font-weight:800;display:inline-flex}.learner .badge-filter-btn[aria-selected=true] .badge-count{background:var(--c-action);color:var(--c-on-action)}.learner .badge-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px 20px;display:grid}.learner .badge-card{text-align:start;min-block-size:var(--l-tap);border-radius:var(--radius-lg);border:2px solid var(--c-border);background:var(--c-surface);box-shadow:var(--shadow-card);cursor:pointer;flex-direction:column;align-items:flex-start;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.learner .badge-card:hover{border-color:var(--c-action);box-shadow:0 8px 24px #1b183014}.learner .badge-card:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}.learner .badge-card-icon-wrap{border-radius:var(--radius-pill);background:var(--c-surface-2);border:2px solid var(--c-border);justify-content:center;align-items:center;block-size:52px;inline-size:52px;margin-block-end:12px;font-size:26px;display:flex}.learner .badge-card-title{color:var(--c-text);margin-block-end:6px;font-size:18px;font-weight:800;line-height:1.25}.learner .badge-card-pills{flex-wrap:wrap;gap:6px;margin-block-end:8px;display:flex}.learner .badge-pill{border-radius:var(--radius-pill);background:var(--c-surface-sunken);color:var(--c-action-text);padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.learner .badge-pill--category{background:var(--c-surface-2);color:var(--c-text-muted)}.learner .badge-card-desc{color:var(--c-text-muted);margin-block-end:10px;font-size:14px;line-height:1.4}.learner .badge-card-date{color:var(--c-text-muted);border-block-start:1px dashed var(--c-border);margin-block-start:auto;padding-block-start:8px;font-size:13px}.learner .badge-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1b18308c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.learner .badge-modal-dialog{background:var(--c-surface);border-radius:var(--radius-lg);border:2px solid var(--c-border-strong);gap:14px;max-block-size:90vh;inline-size:100%;max-inline-size:520px;padding:clamp(20px,4vw,32px);display:grid;position:relative;overflow-y:auto;box-shadow:0 20px 48px #1b183033}.learner .badge-modal-close{border-radius:var(--radius-pill);border:1px solid var(--c-border);background:var(--c-surface-2);block-size:36px;inline-size:36px;color:var(--c-text);cursor:pointer;justify-content:center;align-items:center;display:flex;position:absolute;inset-block-start:16px;inset-inline-end:16px}.learner .badge-modal-close:hover{background:var(--c-border)}.learner .badge-modal-close:focus-visible{outline:2px solid var(--c-focus)}.learner .badge-modal-icon{border-radius:var(--radius-pill);background:var(--c-surface-2);border:3px solid var(--c-action);justify-content:center;align-items:center;block-size:68px;inline-size:68px;margin-block-end:4px;font-size:36px;display:flex}.learner .badge-modal-title{color:var(--c-text);font-size:22px;font-weight:800}.learner .badge-modal-pills{flex-wrap:wrap;gap:8px;display:flex}.learner .badge-modal-desc{color:var(--c-text);font-size:15px;line-height:1.5}.learner .badge-modal-date{color:var(--c-text-muted);font-size:13px;font-weight:600}.learner .badge-modal-quote{border-radius:var(--radius-md);background:var(--c-surface-2);border-inline-start:4px solid var(--c-action);margin:0;padding:12px 16px}.learner .badge-modal-quote p{color:var(--c-text);margin:0 0 4px;font-size:14px;font-style:italic}.learner .badge-modal-quote cite{color:var(--c-action-text);font-size:13px;font-style:normal;font-weight:700;display:block}.learner .badge-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-block-start:8px;display:flex}.learner .badge-modal-actions .btn{min-block-size:var(--l-tap)}.learner .progress-week{flex-wrap:wrap;gap:24px 48px;display:flex}.learner .progress-week-copy{flex:280px;min-inline-size:0}.learner .progress-week figure{flex:2 480px;min-inline-size:0;margin:0}.learner .progress-bars{border-block-end:2px solid var(--c-text);grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:10px;block-size:170px;display:grid}.learner .progress-bar{block-size:var(--bar);background:var(--c-action);border-start-start-radius:var(--radius-sm);border-start-end-radius:var(--radius-sm)}.learner .progress-bar[data-empty]{background:var(--c-border);block-size:2px}.learner .progress-days{color:var(--c-text-muted);text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding-block-start:6px;font-size:14px;display:grid}.learner .progress-week figcaption{color:var(--c-text-muted);margin-block-start:8px;font-size:15px}@media (prefers-reduced-motion:no-preference){.learner .profile-card:hover{transform:translateY(-4px)}.learner .avatar{animation:4s ease-in-out infinite learner-float}.learner li:nth-child(2) .avatar{animation-delay:.6s}.learner li:nth-child(3) .avatar{animation-delay:1.2s}.learner .learner-switch .avatar{animation:none}.learner .pier-stop:hover .pier-dot{transform:scale(1.06)}.learner .badge-card:hover{transform:translateY(-3px)}}@keyframes learner-float{50%{transform:translateY(-5px)}}@media (max-width:620px){.landing.learner{--page-pad:16px;padding-block-end:0}.learner .profile-card{min-block-size:0}.learner .profile-grid{grid-template-columns:1fr}.learner .who,.learner .guide{justify-content:center}.learner .guide-cta{justify-content:center;inline-size:100%}.learner .code-grid{gap:8px}.learner .learner-tabs{order:3;margin-inline-end:0}.learner .learner-tabs a{padding:0 12px;font-size:15px}.learner .progress-week figure{flex-basis:100%}.learner .session-grid{grid-template-columns:minmax(0,1fr)}.learner .pier{grid-template-columns:repeat(2,minmax(0,1fr))}.learner .pier:before{display:none}}