html[data-design=playful]{--font-sans: "Nunito", "Noto Sans TC", "Noto Sans SC", system-ui, sans-serif;--color-page: #ffffff;--color-surface: #ffffff;--color-surface-raised: #f7f7f7;--color-fill-subtle: #fafafa;--color-fill: #f2f2f2;--color-fill-strong: #e5e5e5;--color-line-subtle: #eeeeee;--color-line: #e5e5e5;--color-line-strong: #bdbdbd;--color-ink: #3c3c3c;--color-body: #4b4b4b;--color-secondary: #646464;--color-muted: #727272;--color-faint: #727272;--accent: #247800;--accent-hover: #1d6300;--playful-lip: #46a302;--playful-mint: #72f5bc;--playful-mint-soft: #d9ffef;--playful-mint-ink: #12533c;--playful-mint-edge: #36c78c;--playful-radius: 1rem;--playful-sky-soft: #e6f6ff;--playful-gold-soft: #fff7de;--playful-action: #58cc02;--playful-action-ink: #234500;--learning-sky: #1cb0f6;--learning-sky-soft: #e8f7ff;--learning-violet-soft: #f4edff;--learning-gold-soft: #fff7d6;--learning-body-size: 1.125rem}.playful-only,.playful-scene{display:none}[data-design=playful] .playful-only{display:block}[data-design=playful] .learning-kicker{color:var(--accent);font-size:.7rem;font-weight:900;letter-spacing:.1em;margin-bottom:.7rem}[data-design=playful] .playful-scene{display:flex;position:relative;isolation:isolate;align-items:center;justify-content:center;width:200px;height:200px;flex-shrink:0}[data-design=playful] .scene-orbit{position:absolute;inset:8%;border-radius:42% 58% 60% 40%;background:var(--playful-sky-soft);transform:rotate(-12deg);z-index:-1}[data-design=playful] .scene-main{display:flex;padding:1.25rem;border-radius:2rem;border:2px solid var(--color-line);background:var(--color-surface);box-shadow:0 7px 0 var(--color-line);transform:rotate(-8deg)}[data-design=playful] .scene-main>.playful-icon{width:6rem;height:6rem;margin:0}[data-design=playful] .scene-satellite{position:absolute;bottom:5%;right:0;padding:.6rem;border-radius:1rem;background:var(--playful-gold-soft);border:2px solid var(--color-line);transform:rotate(12deg)}[data-design=playful] .scene-satellite>.playful-icon{width:2.3rem;height:2.3rem;margin:0}[data-design=playful] .scene-spark{position:absolute;top:3%;right:5%;width:26px;height:26px;color:var(--accent)}[data-design=playful] :is(.course-welcome,.dashboard-welcome){padding:clamp(1.25rem,3vw,2.5rem);border:2px solid var(--color-line);border-radius:2rem;box-shadow:0 6px 0 var(--color-line);background:var(--color-surface-raised);margin-bottom:2rem}[data-design=playful] .course-welcome{display:flex;gap:2rem;align-items:center}[data-design=playful] .course-welcome-copy{flex:1;min-width:0}[data-design=playful] .course-heading{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.12}[data-design=playful] .course-study-facts{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem;font-size:.75rem;color:var(--color-body)}[data-design=playful] .course-study-facts>span{display:inline-flex;align-items:center;background:var(--color-surface);border:2px solid var(--color-line);border-radius:.85rem;padding:.45rem .65rem}[data-design=playful] .subplayer-tab-btn[aria-selected=true]{background:var(--color-fill);color:var(--accent);box-shadow:0 3px 0 var(--color-line-strong)}[data-design=playful] .subplayer-tab-panel{background:var(--color-fill-subtle)}[data-design=playful] .lesson-link{min-height:3.5rem}[data-design=playful] .lesson-link .playful-icon{width:1.65rem;height:1.65rem;margin:0}[data-design=playful] .dashboard-welcome{flex-direction:row-reverse}[data-design=playful] .dashboard-welcome>div:not(.playful-scene){margin:0;padding:0;border:0}[data-design=playful] .learning-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2.5rem}[data-design=playful] .learning-stats>div{display:flex;align-items:center;gap:.6rem;min-width:0;padding:1.1rem;border:2px solid var(--color-line);border-radius:1.5rem;background:var(--color-surface);box-shadow:0 4px 0 var(--color-line)}[data-design=playful] .learning-stats dt{color:var(--color-secondary);font-size:.75rem;font-weight:800}[data-design=playful] .learning-stats dd{color:var(--color-ink);font-size:2rem;font-weight:900;margin:0;line-height:1.2}[data-design=playful] .learning-stats .playful-icon-tile{width:3rem;height:3rem;margin:0}[data-design=playful] .dashboard-course-card{overflow:hidden}[data-design=playful] .dashboard-course-cover{display:block;margin:-1.5rem -1.5rem 1.5rem;border-bottom:2px solid var(--color-line)}[data-design=playful] .dashboard-course-cover img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}[data-design=playful] .dashboard-course-card h3{font-size:1.15rem}[data-design=playful] .dashboard-empty{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--color-fill-subtle)}[data-design=playful] .dashboard-empty>.playful-scene{width:120px;height:120px}[data-design=playful] .auth-page{max-width:1100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:center;gap:clamp(2rem,5vw,5rem)}[data-design=playful] .auth-story{min-width:0;text-align:center;padding:2rem 1rem}[data-design=playful] .auth-story h2{font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.05;color:var(--accent)}[data-design=playful] .auth-story-description{color:var(--color-secondary);font-size:1rem;margin-top:1rem}[data-design=playful] .auth-story .code-companion{min-height:250px;background:var(--color-fill-subtle);border-radius:50%;margin-block:1.5rem}[data-design=playful] .auth-story-icons{display:flex;justify-content:center;gap:1rem}[data-design=playful] .auth-panel{border-top:6px solid var(--accent)}[data-design=playful] .auth-mail-scene{width:120px;height:120px;margin:0 auto 1.5rem}[data-design=playful] :is(.auth-mail-scene,.dashboard-empty .playful-scene) .scene-main{padding:.7rem;border-radius:1.35rem}[data-design=playful] :is(.auth-mail-scene,.dashboard-empty .playful-scene) .scene-main>.playful-icon{width:3.5rem;height:3.5rem}[data-design=playful] :is(.auth-mail-scene,.dashboard-empty .playful-scene) .scene-satellite>.playful-icon{width:1.4rem;height:1.4rem}[data-design=playful] :is(.auth-panel,#payment-terminal-form) label{font-size:.85rem;font-weight:800}[data-design=playful] :is(.auth-panel,#payment-terminal-form) input:not([type=hidden]):not([type=checkbox]):not([type=radio]){min-height:3.15rem}[data-design=playful] .checkout-intro{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}[data-design=playful] .checkout-intro>div:last-child{min-width:0}[data-design=playful] .checkout-intro p:last-child{margin-bottom:0}[data-design=playful] .checkout-intro .playful-scene{width:110px;height:130px}[data-design=playful] .checkout-intro .scene-main{padding:.6rem;border-radius:1.3rem}[data-design=playful] .checkout-intro .scene-main>.playful-icon{width:3.7rem;height:3.7rem}[data-design=playful] .checkout-intro .scene-satellite{display:none}[data-design=playful] #payment-terminal-form>div{padding-top:1rem;border-top:2px solid var(--color-line-subtle)}[data-design=playful] .checkout-item-art{width:4.5rem;height:4.5rem;background:var(--playful-gold-soft);border:2px solid var(--color-line);border-radius:1.3rem;box-shadow:0 4px 0 var(--color-line);transform:rotate(-5deg)}[data-design=playful] .checkout-item-art .playful-icon{width:3.2rem;height:3.2rem;margin:0}[data-design=playful] .checkout-confirmation{border-top:6px solid var(--accent)}[data-design=playful] .confirmation-scene{margin:0 auto 2rem}[data-design=playful] body{font-weight:600}.playful-icon,[data-design=playful] .classic-decoration{display:none}[data-design=playful] .playful-icon{display:inline-flex;width:1.8em;height:1.8em;flex-shrink:0;vertical-align:-.4em;margin-inline-end:.4em;color:var(--accent)}[data-design=playful] .playful-icon svg{width:100%;height:100%}[data-design=playful] .playful-icon-tile{width:3.6rem;height:3.6rem;padding:.65rem;border:2px solid var(--color-line-strong);border-radius:1.2rem;background:var(--color-fill-subtle);box-shadow:0 4px 0 var(--color-line);vertical-align:middle;transform:rotate(-5deg)}[data-design=playful] .btn-linear-primary .playful-icon{color:inherit}[data-design=playful] .mobile-main-nav a{display:inline-flex;align-items:center}[data-design=playful] .course-card :is(.bg-fill,.course-card-footer a){display:inline-flex;align-items:center;gap:.15rem}[data-design=playful] .journey-number .playful-icon{width:3.4rem;height:3.4rem;margin:0;color:inherit}[data-design=playful] .journey-step:nth-child(2) .journey-number{transform:rotate(5deg)}[data-design=playful] .journey-step:nth-child(3) .journey-number{transform:rotate(-5deg)}[data-design=playful] :where(h1,h2,h3){font-weight:900;letter-spacing:-.035em}[data-design=playful] .ambient-glow-top{display:none}[data-design=playful] .site-header{background:var(--color-surface);backdrop-filter:none;border-bottom-width:2px}[data-design=playful] .site-brand{color:var(--accent);font-weight:900}[data-design=playful] .site-brand-name{color:var(--accent);font-size:1.25rem;font-weight:900}[data-design=playful] .site-brand-mark{background:var(--accent);border:2px solid var(--accent);border-radius:.8rem;box-shadow:0 3px 0 var(--playful-lip)}[data-design=playful] .site-brand-mark>div{background:transparent}[data-design=playful] .site-brand-mark span{color:var(--color-surface)}[data-design=playful] #cmd-palette-trigger{border-width:2px;background:var(--color-fill-subtle);border-radius:1rem}[data-design=playful] .mobile-main-nav{gap:1.5rem;font-weight:800}[data-design=playful] .btn-linear-primary,[data-design=playful] .btn-linear-secondary{border-radius:1rem;font-weight:900;letter-spacing:.02em;min-height:3rem;transition:background-color .15s,transform .12s,box-shadow .12s}[data-design=playful] .btn-linear-primary{background:var(--accent);border:2px solid var(--accent);box-shadow:0 4px 0 var(--playful-lip)}[data-design=playful] .btn-linear-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 5px 0 var(--playful-lip)}[data-design=playful] .btn-linear-secondary{border:2px solid var(--color-line);box-shadow:0 3px 0 var(--color-line);background:var(--color-surface)}[data-design=playful] .btn-linear-secondary:hover{background:var(--color-fill-subtle);transform:translateY(-1px)}[data-design=playful] :is(.btn-linear-primary,.btn-linear-secondary):active{transform:translateY(3px);box-shadow:0 1px 0 var(--color-line-strong)}[data-design=playful] :is(.btn-linear-primary,.btn-linear-secondary):disabled{transform:none;opacity:.6}[data-design=playful] .storefront-hero{padding-block:clamp(2.5rem,5vw,4.5rem);text-align:left}[data-design=playful] .hero-layout{max-width:1100px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.8fr);align-items:center;gap:3rem}[data-design=playful] .hero-copy{min-width:0}[data-design=playful] .hero-heading{color:var(--accent);font-size:clamp(2.35rem,4.8vw,3.8rem);line-height:1.08;letter-spacing:-.04em;text-wrap:pretty}[data-design=playful] .hero-description{margin-inline:0;font-size:1.05rem}[data-design=playful] .hero-announcement{border:2px solid var(--playful-mint-edge);color:var(--playful-mint-ink);background:var(--playful-mint-soft);font-weight:800;text-align:left;justify-content:flex-start}[data-design=playful] .hero-announcement .text-secondary{color:var(--playful-mint-ink)}[data-design=playful] .hero-announcement>span:first-child{box-shadow:none}[data-design=playful] .hero-actions{justify-content:flex-start;margin-bottom:1.5rem;align-items:stretch;flex-wrap:wrap}[data-design=playful] .hero-actions a{flex:0 1 auto}[data-design=playful] .hero-tech-strip{justify-content:flex-start;font-size:.7rem;gap:1rem}[data-design=playful] .course-card,[data-design=playful] .playful-surface,[data-design=playful] #lesson-resources,[data-design=playful] #checkout-box,[data-design=playful] #order-summary-box{border:2px solid var(--color-line);border-radius:var(--playful-radius);box-shadow:0 5px 0 var(--color-line);background:var(--color-surface)}[data-design=playful] .course-card:hover{border-color:var(--color-line-strong);box-shadow:0 6px 0 var(--color-line-strong)}[data-design=playful] .course-card-title{font-weight:900}[data-design=playful] .course-card-cover{border-bottom:2px solid var(--color-line);border-radius:1.35rem 1.35rem 0 0}[data-design=playful] .course-card-footer{border-top-width:2px}[data-design=playful] .journey-step{position:relative;border-width:2px;border-radius:var(--playful-radius);background:var(--color-surface);box-shadow:0 4px 0 var(--color-line)}[data-design=playful] .journey-number{width:5rem;height:5rem;border-radius:1.6rem;background:var(--color-fill-subtle);color:var(--accent);border:2px solid var(--color-line-strong);box-shadow:0 5px 0 var(--color-line-strong);font-family:var(--font-sans);font-size:1.25rem;font-weight:900}[data-design=playful] :where(input:not([type=hidden]):not([type=radio]):not([type=checkbox]),select,textarea){border-width:2px;background-color:var(--color-fill-subtle);border-radius:.9rem}[data-design=playful] .plan-card{border-width:2px;border-radius:1rem}[data-design=playful] .plan-card:has(input:checked){border-color:var(--accent);background:var(--color-fill);box-shadow:0 3px 0 var(--color-line-strong)}[data-design=playful] .module-group{border:2px solid var(--color-line);border-radius:1rem;background:var(--color-surface)}[data-design=playful] .module-toggle-btn{background:var(--color-fill-subtle);font-weight:800}[data-design=playful] .lesson-link{border-radius:.8rem}[data-design=playful] .lesson-link[aria-current=step]{border:2px solid var(--accent);background:var(--color-fill);box-shadow:0 3px 0 var(--color-line-strong)}[data-design=playful] .module-lessons-body{gap:.65rem;padding-top:.65rem}[data-design=playful] .dashboard-welcome>.code-companion{order:2}[data-design=playful] .dashboard-welcome>div:not(.playful-scene){flex:1;min-width:0}[data-design=playful] [role=progressbar]{height:.65rem}[data-design=playful] .lesson-tab-bar{padding:.6rem;gap:.4rem}[data-design=playful] .subplayer-tab-btn{border-radius:.8rem;font-weight:800}[data-design=playful] .dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}[data-design=playful] .dashboard-welcome h1{font-size:clamp(1.8rem,4vw,2.6rem)}[data-design=playful] .site-footer{border-top-width:2px;background:var(--color-fill-subtle)}[data-design=playful] #faq details{padding:1.25rem}[data-design=playful] .auth-panel{box-shadow:0 6px 0 var(--color-line)}.code-companion{display:none}[data-design=playful] .code-companion{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;min-height:290px}[data-design=playful] .hero-layout>.code-companion{position:relative;isolation:isolate}[data-design=playful] .hero-layout>.code-companion:before{content:"";position:absolute;z-index:-1;width:240px;height:240px;border-radius:50%;background:var(--playful-mint)}.companion-message{padding:.75rem 1.1rem;border:2px solid var(--playful-mint-edge);color:var(--playful-mint-ink);background:var(--playful-mint-soft);border-radius:1.2rem 1.2rem 1.2rem .3rem;font-size:.95rem;font-weight:900;margin:0 0 1.1rem 3rem;transform:rotate(3deg)}.companion-robot{position:relative;width:174px;height:148px;border-radius:3.2rem 3.2rem 2.5rem 2.5rem;background:var(--accent);box-shadow:0 9px 0 var(--playful-lip);transform:rotate(-6deg)}.companion-robot:before,.companion-robot:after{content:"";position:absolute;width:18px;height:43px;top:54px;background:var(--accent);border-radius:10px}.companion-robot:before{left:-23px;transform:rotate(-25deg)}.companion-robot:after{right:-23px;transform:rotate(25deg)}.companion-face{position:absolute;inset:23px 18px 33px;background:var(--color-fill-subtle);border-radius:1.5rem;display:flex;justify-content:center;align-items:center;gap:27px}.companion-face span{width:11px;height:24px;border-radius:10px;background:var(--color-ink)}.companion-face i{position:absolute;width:23px;height:12px;border:4px solid var(--color-ink);border-top:0;border-radius:0 0 15px 15px;left:57px;top:61px}.companion-code{position:absolute;bottom:6px;width:100%;text-align:center;color:var(--color-surface);font:800 17px/1 var(--font-mono)}.companion-shadow{width:195px;height:17px;margin-top:28px;border-radius:50%;background:var(--color-fill)}[data-design=playful] .code-companion-compact{min-height:0;padding:.25rem 1rem;flex-shrink:0}.code-companion-compact .companion-robot{width:65px;height:58px;border-radius:1.1rem;box-shadow:0 4px 0 var(--playful-lip)}.code-companion-compact .companion-face{inset:10px 7px 14px;border-radius:.7rem;gap:10px}.code-companion-compact .companion-face span{width:5px;height:10px}.code-companion-compact .companion-face i{width:10px;height:5px;border-width:2px;border-top:0;left:20px;top:22px}.code-companion-compact .companion-code{font-size:8px;bottom:3px}.code-companion-compact .companion-robot:before,.code-companion-compact .companion-robot:after{width:7px;height:16px;top:22px}.code-companion-compact .companion-robot:before{left:-9px}.code-companion-compact .companion-robot:after{right:-9px}.code-companion-compact .companion-shadow{width:78px;height:8px;margin-top:12px}@media(max-width:767px){[data-design=playful] .auth-page{grid-template-columns:minmax(0,1fr);max-width:520px}[data-design=playful] .auth-story{display:none}[data-design=playful] .course-welcome{flex-direction:column-reverse;align-items:flex-start;gap:1.25rem}[data-design=playful] .course-welcome .playful-scene{width:100px;height:100px}[data-design=playful] .course-welcome .scene-main{padding:.6rem;border-radius:1.2rem}[data-design=playful] .course-welcome .scene-main>.playful-icon{width:3.2rem;height:3.2rem}[data-design=playful] .course-welcome .scene-satellite{padding:.3rem}[data-design=playful] .course-welcome .scene-satellite>.playful-icon{width:1.4rem;height:1.4rem}[data-design=playful] .dashboard-welcome>.playful-scene{display:none}[data-design=playful] .learning-stats{gap:.5rem}[data-design=playful] .learning-stats>div{flex-direction:column;align-items:flex-start;padding:.75rem .6rem;gap:.75rem;border-radius:1.1rem}[data-design=playful] .learning-stats dt{font-size:.7rem;min-height:2.5em}[data-design=playful] .learning-stats dd{font-size:1.7rem}[data-design=playful] .learning-stats .playful-icon-tile{width:2.4rem;height:2.4rem;padding:.4rem}[data-design=playful] .checkout-intro{flex-direction:column;align-items:flex-start}[data-design=playful] .checkout-intro .playful-scene{height:90px;width:90px}[data-design=playful] .dashboard-empty{flex-direction:column;text-align:center;gap:0}[data-design=playful] .hero-layout{grid-template-columns:minmax(0,1fr);gap:.5rem}[data-design=playful] .hero-copy{order:0}[data-design=playful] .hero-layout>.code-companion{order:1;min-height:250px;padding-top:1.5rem}[data-design=playful] .hero-actions{margin-inline:0}[data-design=playful] .hero-heading{font-size:clamp(2.1rem,7.5vw,3.25rem)}[data-design=playful] .hero-description{font-size:1rem}[data-design=playful] .hero-tech-strip{display:none}[data-design=playful] .site-brand-name{font-size:1rem}[data-design=playful] .dashboard-welcome .code-companion{display:none}}@media(prefers-reduced-motion:reduce){[data-design=playful] :is(.btn-linear-primary,.btn-linear-secondary):hover{transform:none}}[data-design=playful] body{font-size:var(--learning-body-size);line-height:1.55;font-weight:600}[data-design=playful] main p:not(:where(.theme-dark p,.learning-kicker,.discovery-small,.studio-help,.studio-eyebrow,.studio-path)){font-size:var(--learning-body-size);line-height:1.6}[data-design=playful] :is(.course-card,.course-fit,.discovery-filters,.studio-panel){box-shadow:0 3px 0 var(--color-line)}[data-design=playful] :where(h1,h2,h3){letter-spacing:-.015em;font-weight:900}[data-design=playful] .hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:3rem;max-width:1040px}[data-design=playful] .hero-heading{color:var(--color-ink);font-size:clamp(2.3rem,4.3vw,3.7rem);line-height:1.12;max-width:13ch}[data-design=playful] .hero-description{font-size:1.25rem;line-height:1.6;max-width:36rem}[data-design=playful] .storefront-hero{padding-block:clamp(2.5rem,5vw,5rem)}[data-design=playful] .hero-actions{margin-bottom:0}[data-design=playful] .hero-layout>.code-companion:before{background:var(--learning-sky-soft);width:245px;height:245px}[data-design=playful] .companion-message{background:var(--color-surface);border-color:var(--color-line);color:var(--color-ink);transform:none;font-size:1rem}[data-design=playful] .hero-layout .companion-robot{background:var(--learning-sky);box-shadow:0 8px 0 var(--color-line-strong)}[data-design=playful] .hero-layout .companion-robot:before,[data-design=playful] .hero-layout .companion-robot:after{background:var(--learning-sky)}[data-design=playful] .btn-linear-primary{background:var(--playful-action);border-color:var(--playful-action);color:var(--playful-action-ink);box-shadow:0 4px 0 var(--playful-lip)}[data-design=playful] .btn-linear-primary:hover{background:var(--playful-action);filter:brightness(1.04);box-shadow:0 5px 0 var(--playful-lip)}[data-design=playful] :is(.btn-linear-primary,.btn-linear-secondary){font-size:1rem;min-height:52px;font-weight:900;letter-spacing:.035em;border-radius:1rem;padding:.8rem 1.4rem}[data-design=playful] .btn-linear-secondary{color:var(--accent);background:var(--color-surface);box-shadow:0 3px 0 var(--color-line)}[data-design=playful] .storefront-section{padding-block:2.5rem}[data-design=playful] .course-card{padding:1.5rem;box-shadow:0 3px 0 var(--color-line);border-radius:1rem}[data-design=playful] .course-card-cover{border:0;border-radius:1rem;background:var(--learning-sky-soft);margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;min-height:150px}[data-design=playful] .course-card:nth-child(3n+2) .course-card-cover{background:var(--learning-gold-soft)}[data-design=playful] .course-card:nth-child(3n) .course-card-cover{background:var(--learning-violet-soft)}[data-design=playful] .course-card-art{display:flex;align-items:center;justify-content:center;padding:1rem;min-height:150px}[data-design=playful] .course-card-art>.playful-icon{width:6rem;height:6rem;margin:0;box-shadow:none;background:var(--color-surface);border-color:var(--color-line);transform:none;padding:.8rem;border-radius:1.4rem}[data-design=playful] .course-card-title{font-size:1.5rem;line-height:1.25}[data-design=playful] .course-card p{font-size:var(--learning-body-size);line-height:1.6}[data-design=playful] .course-card .line-clamp-3{-webkit-line-clamp:unset;overflow:visible;display:block}[data-design=playful] .course-card .font-mono{font-family:var(--font-sans);font-size:.9375rem}[data-design=playful] .course-card .discovery-card-project{background:var(--color-fill-subtle);border-color:var(--color-line)}[data-design=playful] .course-card .discovery-card-project strong{font-size:1rem}[data-design=playful] .course-card-footer{align-items:center;gap:1rem}[data-design=playful] .course-card-footer .text-xl{font-size:1.5rem}[data-design=playful] .course-page{padding-top:1rem}[data-design=playful] .course-layout{gap:2rem}[data-design=playful] .course-welcome{margin:0;padding:1.5rem;background:var(--color-surface);border:0;border-bottom:2px solid var(--color-line);border-radius:0;box-shadow:none}[data-design=playful] .course-welcome>.playful-scene,[data-design=playful] .course-study-facts,[data-design=playful] .course-welcome .learning-kicker{display:none}[data-design=playful] .course-welcome .course-heading{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2}[data-design=playful] #player-outer-wrapper>.absolute{display:none}[data-design=playful] .course-fit{padding:1.5rem}[data-design=playful] .course-fit-grid{grid-template-columns:1fr}[data-design=playful] .course-fit-heading{align-items:flex-start}[data-design=playful] .course-fit li,[data-design=playful] .discovery-table-region td{font-size:var(--learning-body-size);line-height:1.6}[data-design=playful] .discovery-filters label{font-size:1rem}[data-design=playful] .discovery-filters :is(input,select,button){font-size:1rem;min-height:50px}[data-design=playful] .discovery-intro-description{margin-bottom:1rem;max-width:48rem}[data-design=playful] .site-footer{font-size:.9375rem}[data-design=playful] .site-footer .font-mono{font-family:var(--font-sans)}@media(max-width:760px){[data-design=playful] .hero-layout{grid-template-columns:1fr;gap:1.5rem}[data-design=playful] .hero-layout>.code-companion{display:none}[data-design=playful] .hero-heading{max-width:17ch;font-size:2.4rem}[data-design=playful] .hero-description{font-size:1.125rem}[data-design=playful] .course-card{padding:1.25rem}[data-design=playful] .course-card-footer{flex-wrap:wrap}[data-design=playful] .course-card-footer a{flex:1 1 auto}[data-design=playful] .course-welcome{padding:1rem .25rem}[data-design=playful] .course-fit{padding:1rem}}[data-design=playful] .lesson-link{font-size:1rem;line-height:1.45;min-height:56px;align-items:flex-start;flex-wrap:wrap}[data-design=playful] .lesson-link>div{flex:1 1 11rem}[data-design=playful] .module-toggle-btn h3{font-size:1.0625rem;line-height:1.4}[data-design=playful] .subplayer-tab-btn{font-size:1rem;min-height:48px}[data-design=playful] #lesson-resources h2{font-size:1.25rem;line-height:1.4}[data-design=playful] #lesson-resources :is(.chapter-chip,strong){font-size:1rem}[data-design=playful] #lesson-resources input{font-size:1rem;min-height:48px}[data-design=playful] #checkout-box :is(label,#plan-options-label){font-size:1rem}[data-design=playful] .plan-card .font-bold{font-size:1rem}[data-design=playful] .site-header :is(nav,.mobile-main-nav),[data-design=playful] .site-header .text-xs{font-size:1rem}[data-design=playful] .site-footer p{font-size:.9375rem;line-height:1.6}html{color-scheme:light}html[data-color-scheme=dark]{color-scheme:dark;--color-page: #131f24;--color-surface: #1b2c33;--color-surface-raised: #22363e;--color-fill-subtle: #1a2a31;--color-fill: #253940;--color-fill-strong: #30464f;--color-line-subtle: #293f48;--color-line: #3b5058;--color-line-strong: #58717c;--color-ink: #f1f7f8;--color-body: #d2dce0;--color-secondary: #b7c6cc;--color-muted: #a5b7be;--color-faint: #9badb4;--accent: #adc5ff;--accent-hover: #cad9ff;--scheme-link: #bec5ff;--scheme-success: #7fe0b2;--scheme-warning: #ffd180;--scheme-danger: #ffa7b0;--scheme-info-surface: #2d3152;--scheme-info-line: #5b6090;--scheme-primary: #5b47d6;--scheme-primary-hover: #6955e3;--scheme-on-primary: #ffffff}html[data-color-scheme=dark][data-design=playful]{--accent: #89e758;--accent-hover: #a1f276;--playful-mint: #244736;--playful-mint-soft: #20392e;--playful-mint-ink: #9be7b8;--playful-mint-edge: #517e62;--playful-sky-soft: #19394a;--playful-gold-soft: #3b3422;--learning-sky-soft: #19394a;--learning-gold-soft: #3b3422;--learning-violet-soft: #302941;--scheme-primary: var(--playful-action);--scheme-primary-hover: var(--playful-action);--scheme-on-primary: var(--playful-action-ink)}html[data-color-scheme=dark] :is(.btn-linear-primary,.studio button.studio-primary){background-color:var(--scheme-primary);color:var(--scheme-on-primary)}html[data-color-scheme=dark] :is(.btn-linear-primary,.studio button.studio-primary):hover{background-color:var(--scheme-primary-hover)}html[data-color-scheme=dark] .site-header{background-color:var(--color-page)}html[data-color-scheme=dark] .ambient-glow-top{display:none}html[data-color-scheme=dark] :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea):not(:where(.theme-dark,.theme-dark *)){border-color:var(--color-line-strong)}html[data-color-scheme=dark] ::selection{background:var(--color-fill-strong);color:var(--color-ink)}html[data-color-scheme=dark] :is(.text-indigo-600,.text-indigo-700,.text-indigo-800,.text-indigo-900):not(:where(.theme-dark,.theme-dark *)){color:var(--scheme-link)}html[data-color-scheme=dark] :is(.hover\:text-indigo-600,.hover\:text-indigo-700):hover:not(:where(.theme-dark,.theme-dark *)),html[data-color-scheme=dark] .group:hover .group-hover\:text-indigo-600:not(:where(.theme-dark,.theme-dark *)){color:var(--scheme-link)}html[data-color-scheme=dark] :is(.bg-indigo-50,.bg-indigo-100):not(:where(.theme-dark,.theme-dark *)){background-color:var(--scheme-info-surface)}html[data-color-scheme=dark] .border-indigo-200:not(:where(.theme-dark,.theme-dark *)){border-color:var(--scheme-info-line)}html[data-color-scheme=dark] :is(.text-emerald-600,.text-emerald-700,.text-emerald-800,.text-green-700):not(:where(.theme-dark,.theme-dark *)){color:var(--scheme-success)}html[data-color-scheme=dark] :is(.text-amber-700,.text-amber-800,.text-orange-700):not(:where(.theme-dark,.theme-dark *)){color:var(--scheme-warning)}html[data-color-scheme=dark] :is(.text-red-600,.text-red-700,.text-red-800,.text-rose-600,.text-rose-700):not(:where(.theme-dark,.theme-dark *)){color:var(--scheme-danger)}html[data-color-scheme=dark] .bg-white:not(:where(.theme-dark,.theme-dark *)){background-color:var(--color-surface)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;color:var(--color-ink);background:var(--color-surface);border:2px solid var(--color-line);border-radius:1rem;box-shadow:0 3px 0 var(--color-line);cursor:pointer;touch-action:manipulation}.theme-toggle:hover{background:var(--color-fill);border-color:var(--color-line-strong)}.theme-toggle:active{transform:translateY(2px);box-shadow:0 1px 0 var(--color-line)}.theme-toggle[hidden],.theme-toggle-sun,[data-color-scheme=dark] .theme-toggle-moon{display:none}[data-color-scheme=dark] .theme-toggle-sun{display:block}.mobile-header-row{border-top:1px solid var(--color-line-subtle);padding-block:.25rem}.mobile-header-row .mobile-main-nav{border-top:0}.mobile-header-row .mobile-main-nav a{white-space:nowrap}@media(max-width:639px){.mobile-header-row .mobile-main-nav .playful-icon{width:1.5em;height:1.5em;margin-inline-end:.25em}}