:root{color:#edf3fc;--bg:#0b1120;--surface:#131e31;--surface-raised:#192740;--text:#edf3fc;--muted:#acbad0;--border:#30415b;--accent:#65e5c1;--accent-hover:#99f4d9;--blue:#8abaff;--danger:#ffb9bc;--radius:20px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1120;font-family:Segoe UI,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:radial-gradient(ellipse at 90% 0%, #3266b826, transparent 45%), var(--bg);min-width:320px;min-height:100vh;margin:0;line-height:1.6}#root{min-height:100vh}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,input,textarea,select{max-width:100%}button{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);border-radius:10px;padding:10px 16px}button:disabled{opacity:.6;cursor:not-allowed}:where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--accent);outline-offset:4px}::selection{color:#071c18;background:var(--accent)}img,svg{max-width:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}:root[data-theme=dark]{--background:#0b1220;--surface:#111d30;--surface-raised:#19283e;--text:#edf3fb;--muted:#b0bfd2;--border:#34465e;--accent:#73e2b5;--accent-hover:#9aecc9;--blue:#8abaff;--danger:#ffaaa3}:root[data-theme=light]{--background:#f5f7fb;--surface:#fff;--surface-raised:#eaf0f7;--text:#172638;--muted:#526176;--border:#ccd6e3;--accent:#146447;--accent-hover:#104e38;--blue:#245dad;--danger:#b42318}:root[data-theme],html[data-theme] body{color:var(--text);background:var(--background)}.site{flex-direction:column;width:min(100%,1240px);min-height:100vh;margin:0 auto;padding:0 32px;display:flex}.site>main{flex:1;min-width:0}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.brand{color:var(--text);letter-spacing:-1.8px;flex-shrink:0;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:32px;font-weight:800;line-height:1.2;text-decoration:none}.brand span{color:var(--accent)}.brand-button{background:0 0;border:0;border-radius:0;padding:0}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.header-actions>span{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.nav-link{padding:10px 4px;font-size:14px;font-weight:600;text-decoration:none;transition:color .18s}.nav-link:hover{color:var(--accent)}h1,h2,h3,h4{color:var(--text);overflow-wrap:anywhere;font-family:Trebuchet MS,Segoe UI,sans-serif}h1{letter-spacing:-3.5px;margin:24px 0;font-size:clamp(46px,7vw,88px);font-weight:800;line-height:1.06}h1 span{color:var(--accent)}h2{letter-spacing:-1.2px;margin:14px 0;font-size:clamp(28px,3.5vw,40px);line-height:1.2}h3{line-height:1.3}h4{font-size:18px}.eyebrow,.card-label{color:var(--accent);letter-spacing:2px;text-transform:uppercase;font-family:Consolas,Courier New,monospace;font-size:12px;font-weight:700;line-height:1.6}.eyebrow{align-items:center;gap:12px;display:flex}.eyebrow:before{content:"";background:currentColor;flex-shrink:0;width:24px;height:2px}.section-description,.hero-description,.path-card p{color:var(--muted);line-height:1.8}.hero{isolation:isolate;max-width:none;padding:96px 0 104px;position:relative}.hero>*{z-index:1;position:relative}.hero h1{max-width:900px}.hero-description{max-width:580px;margin:26px 0;font-size:19px}.hero:before{content:"";z-index:0;pointer-events:none;aspect-ratio:1;background:linear-gradient(135deg,#65e5c117,#8abaff08);border:1px solid #65e5c12e;border-radius:44px;width:clamp(180px,30vw,380px);animation:12s ease-in-out infinite alternate hero-drift;position:absolute;top:58px;right:16px;transform:rotate(-12deg);box-shadow:inset 0 0 70px #65e5c10a,0 0 100px #65e5c10a}.hero:after{content:"";z-index:0;pointer-events:none;aspect-ratio:1;border:1px solid #8abaff29;border-radius:32px;width:clamp(130px,22vw,280px);position:absolute;top:115px;right:64px;transform:rotate(12deg)}.catalogue{border-top:1px solid var(--border);padding:52px 0 80px}.primary-link{background:var(--accent);color:#08241d;min-height:48px;font:inherit;text-align:center;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:14px 24px;font-weight:750;line-height:1.4;text-decoration:none;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 6px 24px #65e5c11a}.primary-link:not(:disabled):hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 30px #65e5c12e}.primary-link:not(:disabled):active{transform:translateY(0)}.back-button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;padding:10px 16px;font-size:14px;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.back-button:not(:disabled):hover{border-color:var(--blue);background:var(--surface-raised)}.text-button,.resource-link{color:var(--accent);text-underline-offset:5px;font-weight:650;text-decoration:underline}.text-button{background:0 0;border:0;border-radius:0;padding:0}.resource-link{overflow-wrap:anywhere;margin-top:20px;display:inline-block}.text-button:hover,.resource-link:hover{color:var(--accent-hover)}.path-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;margin-top:32px;display:grid}.path-card,.lesson-card,.stat-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-width:0;box-shadow:0 12px 30px #0000001f}.path-card{border-top:3px solid var(--accent);padding:32px;transition:border-color .2s,box-shadow .2s;position:relative}.path-card:hover{border-color:#58728f;border-top-color:var(--accent);box-shadow:0 16px 40px #0003}.path-card h3{letter-spacing:-.7px;margin:20px 0 12px;font-size:26px}.card-label{letter-spacing:1.4px;background:#173a35;border:1px solid #345b55;border-radius:6px;padding:5px 10px;font-size:11px;display:inline-block}.learning-detail{padding:52px 0 80px}.path-title{letter-spacing:-2px;max-width:1000px;font-size:clamp(36px,5vw,60px)}.module-section{border-top:1px solid var(--border);margin-top:52px;padding-top:36px}.lesson-card{margin-top:24px;padding:32px}.lesson-card h3{letter-spacing:-.6px;margin-top:0;font-size:25px}.lesson-content{color:#c4d1e3;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95}.lesson-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.lesson-heading h3{margin:0}.exercise-box{border:1px solid #315450;border-left:4px solid var(--accent);background:#132d2b;border-radius:12px;margin-top:24px;padding:24px}.exercise-box h4{color:#b7f5e4;margin:0 0 12px}.exercise-box p{color:#c6ded8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.8}.exercise-box p+p{margin-top:12px}.completion-badge{color:#a4f0cf;background:#163b30;border:1px solid #3c7563;border-radius:999px;align-items:center;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}.lesson-actions{margin-top:24px}.lesson-actions .primary-link:disabled{color:#a4f0cf;box-shadow:none;opacity:1;cursor:default;background:#163b30;border-color:#3c7563}.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0 48px;display:grid}.stat-card{padding:28px}.stat-card:first-child{border-top:3px solid var(--blue)}.stat-card:last-child{border-top:3px solid var(--accent)}.stat-card dt{color:var(--muted);font-size:14px;font-weight:600}.stat-card dd{color:var(--accent);letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:48px;font-weight:800;line-height:1.2}.stat-card:first-child dd{color:var(--blue)}progress{appearance:none;height:10px;accent-color:var(--accent);background:#283950;border:0;border-radius:999px;overflow:hidden}.dashboard-progress{width:100%;margin:22px 0;display:block}progress::-webkit-progress-bar{background:#283950;border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,#48bda8,#8df0cc);border-radius:999px}progress::-moz-progress-bar{background:linear-gradient(90deg,#48bda8,#8df0cc);border-radius:999px}.auth-page{width:100%;max-width:520px;margin:0 auto;padding:64px 0 80px}.profile-page{max-width:680px}.auth-form{gap:12px;margin-top:28px;display:grid}.auth-field{gap:8px;display:grid}.auth-form label{color:var(--text);margin-top:10px;font-size:14px;font-weight:650}.auth-form input,.auth-form select,.auth-form textarea{width:100%;min-width:0;color:var(--text);font:inherit;background:#0e1829;border:1px solid #4b5d77;border-radius:10px;padding:14px 16px;transition:border-color .18s,background .18s}.auth-form textarea{resize:vertical;min-height:120px;line-height:1.7}.auth-form input::placeholder,.auth-form textarea::placeholder{color:#97a7bd;opacity:1}.auth-form input:hover,.auth-form select:hover,.auth-form textarea:hover{border-color:#7890ac}.auth-form input:focus-visible,.auth-form select:focus-visible,.auth-form textarea:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.auth-form [aria-invalid=true]{border-color:#ff9caa}.auth-form input[readonly]{color:#b5c3d6;background:#1c293c}.auth-form input:disabled,.auth-form textarea:disabled,.auth-form select:disabled{opacity:.65;cursor:not-allowed}.auth-form .primary-link{margin-top:12px}.auth-switch{color:var(--muted);margin-top:28px;line-height:1.8}.profile-note{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.field-error{color:var(--danger);margin:0;font-size:14px;line-height:1.6}.error-box{color:var(--danger);overflow-wrap:anywhere;background:#38202b;border:1px solid #854653;border-radius:12px;margin-top:24px;padding:20px}.error-box p,.exercise-box .error-box p{color:var(--danger)}.error-box p:first-child{margin-top:0}.error-box button{color:#ffe9ed;background:#512d3b;border-color:#a56875;min-height:44px;margin-top:8px}.error-box button:hover{background:#683b4b}p[role=status]{color:var(--accent);line-height:1.7}.submission-section{border-top:1px solid var(--border);margin-top:28px;padding-top:24px}.submission-section h4{margin-top:0}.submission-section .auth-form{max-width:720px}.submission-path{color:var(--blue);font-weight:650}.path-card .submission-path{color:var(--blue)}.submission-description{white-space:pre-wrap;overflow-wrap:anywhere}.submission-date{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.submission-links{flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;display:flex}.submission-links .primary-link,.submission-links .resource-link{margin-top:0}footer{border-top:1px solid var(--border);color:var(--muted);letter-spacing:.2px;margin-top:auto;padding:28px 0;font-size:13px}.hero,.learning-detail,.auth-page{animation:.45s ease-out both page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-drift{0%{transform:translateY(0)rotate(-12deg)}to{transform:translateY(16px)rotate(-7deg)}}@media (width<=900px){.site-header{flex-wrap:wrap;align-items:flex-start}.header-actions{justify-content:flex-start}.hero{padding:72px 0 80px}.hero:before,.hero:after{opacity:.5}}@media (width<=600px){.site{padding:0 20px}.site-header{gap:18px;padding:22px 0}.brand{font-size:29px}.header-actions{gap:10px;width:100%}.header-actions>span{flex-basis:100%}.hero{padding:56px 0 64px}h1{letter-spacing:-2px;font-size:clamp(42px,10vw,60px)}.hero-description{font-size:17px}.hero:before,.hero:after{opacity:.25;right:0}.catalogue,.learning-detail{padding:36px 0 56px}.path-title{letter-spacing:-1.3px;font-size:36px}.path-card,.lesson-card,.stat-card{border-radius:16px;padding:22px}.exercise-box{padding:18px}.dashboard-stats{grid-template-columns:1fr;gap:14px}.auth-page{padding:40px 0 56px}.submission-links{flex-direction:column;align-items:stretch}.submission-links .resource-link{align-self:flex-start}}@media (prefers-reduced-motion:reduce){.hero,.learning-detail,.auth-page,.hero:before{animation:none}.primary-link,.back-button,.path-card,.nav-link,.auth-form input,.auth-form select,.auth-form textarea{transition:none}.primary-link:not(:disabled):hover,.primary-link:not(:disabled):active{transform:none}}.hero.hero-showcase{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:48px;padding:80px 0;display:grid}.hero.hero-showcase:before,.hero.hero-showcase:after{content:none}.hero-copy{min-width:0}.hero.hero-showcase h1{letter-spacing:-2.5px;font-size:clamp(42px,5.1vw,64px)}.hero-caption{max-width:440px;color:var(--muted);margin-top:24px;font-size:13px;line-height:1.7}.code-preview{background:#101b2d;border:1px solid #405979;border-radius:18px;min-width:0;margin:0;box-shadow:0 24px 64px #00000040,0 0 48px #65e5c10d}.code-preview-header{border-bottom:1px solid var(--border);color:#c4d1e3;background:#1a2940;border-radius:18px 18px 0 0;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;font-family:Consolas,Courier New,monospace;font-size:12px;display:flex}.code-window-dots{gap:6px;margin-right:4px;display:inline-flex}.code-window-dots i{background:#ff9caa;border-radius:50%;width:8px;height:8px}.code-window-dots i:nth-child(2){background:#efc778}.code-window-dots i:nth-child(3){background:var(--accent)}.code-language{color:var(--accent);margin-left:auto}.code-preview-body{padding:26px 22px}.code-comment,.code-preview pre{font-family:Consolas,Courier New,monospace;font-size:13px;line-height:1.9}.code-comment{color:#9aadc5;margin:0 0 20px}.code-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.code-preview code{font:inherit}.code-variable{color:#c5dcff}.code-string{color:#a3e9bf}.code-function{color:#e9c68e}.code-preview-output{background:#102824;border:1px solid #315450;border-radius:10px;margin:0 16px;padding:20px}.output-label{color:var(--accent);letter-spacing:1.8px;margin:0 0 10px;font-size:10px;font-weight:700}.code-preview-output pre{color:#d3eee5}.code-preview-footer{color:var(--muted);margin:0;padding:18px 22px;font-size:12px}@media (width<=1000px){.hero.hero-showcase{grid-template-columns:1fr;gap:40px;padding:56px 0}.code-preview{width:100%;max-width:600px}}@media (width<=600px){.hero.hero-showcase h1{letter-spacing:-1.8px;font-size:clamp(38px,9vw,54px)}.code-preview-body{padding:22px 16px}.code-preview-output{margin:0 12px;padding:16px}.site-header .header-actions{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;display:grid}.site-header .header-actions>*{min-width:0}.site-header .header-actions .nav-link{grid-column:1/-1}.site-header .header-actions>span{overflow-wrap:anywhere}.site-header .header-actions .back-button{width:100%}.hero.hero-showcase{padding-top:36px}}.homepage .home-header{flex-wrap:wrap;gap:20px}.home-navigation,.home-account-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.home-navigation{margin-right:auto}.home-account-actions .header-signup{min-height:44px;margin-top:0;padding:10px 18px}.home-account-actions .text-button{min-height:44px}.homepage .home-hero{background:radial-gradient(at 85% 45%,#65e5c114,#0000 60%);gap:48px;padding:76px 0}.homepage .home-hero h1{letter-spacing:-2px;font-size:clamp(40px,5vw,64px);line-height:1.1}.home-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.home-hero-actions .primary-link{margin-top:0}.home-hero-actions .back-button{min-height:50px;text-decoration:none}.homepage .code-preview{overflow:hidden}.home-steps-section{border-top:1px solid var(--border);padding:48px 0 64px}.home-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.home-step{border:1px solid var(--border);background:var(--surface);border-radius:14px;min-width:0;padding:28px;transition:border-color .18s,transform .18s}.home-step:hover{border-color:var(--accent);transform:translateY(-3px)}.home-step-number{color:var(--accent);font-family:Consolas,monospace;font-size:14px;font-weight:700}.home-step h3{letter-spacing:-.4px;margin:18px 0 12px;font-size:21px}.home-step p{color:var(--muted);margin:0;line-height:1.8}.homepage .path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.homepage .path-card{flex-direction:column;align-items:flex-start;display:flex}.homepage .path-card .primary-link{margin-top:auto}.homepage .path-card p{margin-bottom:28px}.home-join{background:linear-gradient(120deg,#132d2b,#101b2d);border:1px solid #315450;border-radius:18px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:64px;padding:36px;display:flex}.home-join h2{margin-top:0;font-size:clamp(26px,3vw,36px)}.home-join p{color:var(--muted);margin-bottom:0;line-height:1.7}.home-join .primary-link{flex-shrink:0;margin-top:0}.home-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:36px 0;display:flex}.home-footer .brand{font-size:26px}.home-footer p{margin-bottom:0}.home-footer nav{flex-wrap:wrap;gap:20px;display:flex}.home-footer nav a{color:var(--muted);text-decoration:none}.home-footer nav a:hover{color:var(--accent)}.homepage section[id]{scroll-margin-top:24px}@media (width<=1000px){.homepage .path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-steps{grid-template-columns:1fr}.home-join{flex-direction:column;align-items:flex-start}}@media (width<=600px){.home-navigation{order:3;gap:20px;width:100%;margin-right:0}.home-account-actions{gap:10px}.homepage .home-hero{gap:32px;padding:40px 0 48px}.home-hero-actions{flex-direction:column;align-items:stretch}.home-hero-actions>*{width:100%}.homepage .path-grid{grid-template-columns:1fr}.home-step,.home-join{padding:24px}.home-join{margin-bottom:40px}.home-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.home-step{transition:none}.home-step:hover{transform:none}}.home-footer.creator-footer{padding:0;display:block}.footer-connect{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:40px 0;display:flex}.footer-connect h2{letter-spacing:-.7px;margin:0 0 10px;font-size:clamp(24px,3vw,32px)}.footer-connect p{color:var(--muted);margin:0;line-height:1.7}.footer-socials{flex-wrap:wrap;gap:12px;display:flex}.footer-socials a{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-size:14px;font-weight:650;text-decoration:none;transition:border-color .18s,color .18s;display:inline-flex}.footer-socials a:hover{border-color:var(--accent);color:var(--accent)}.footer-socials a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.footer-socials svg{flex-shrink:0;width:21px;height:21px}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;display:flex}.footer-bottom p{color:var(--muted);line-height:1.7}.footer-bottom .footer-copyright{flex-basis:100%;margin:0;font-size:12px}@media (width<=600px){.footer-connect,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-socials{width:100%}.footer-socials a{flex:1}}@media (prefers-reduced-motion:reduce){.footer-socials a{transition:none}}.theme-toggle{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:10px 14px;font-size:14px;font-weight:600;display:inline-flex}.theme-toggle:hover{background:var(--surface-raised);border-color:var(--accent)}.theme-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.theme-toggle span{font-size:20px;line-height:1}.footer-bottom nav{align-items:center}html[data-theme=light] .primary-link{background:var(--accent);color:#fff}html[data-theme=light] .primary-link:hover{background:var(--accent-hover)}html[data-theme=light] .home-join{background:linear-gradient(135deg,#e4f3eb,#eaf0fb);border-color:#bbd4c8}html[data-theme=light] .code-preview{color:#edf3fb}html[data-theme=light] .code-preview-header,html[data-theme=light] .code-preview-footer{color:#b0bfd2}html[data-theme=light] .code-preview-output{color:#d8f7e8}.python-playground{--practice-surface:#fff;--practice-heading:#edf3f5;--practice-border:#d4dfe5;--practice-text:#172b3a;--practice-muted:#526575;color:var(--practice-text);margin-top:32px}[data-theme=dark] .python-playground{--practice-surface:#101c2e;--practice-heading:#152339;--practice-border:#31465f;--practice-text:#e8eef7;--practice-muted:#adbed1}.playground-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.playground-heading>div{flex:300px;min-width:0}.playground-heading h2{overflow-wrap:anywhere;margin:10px 0 0;font-size:clamp(24px,3vw,36px)}.playground-heading .back-button{flex-shrink:0}.python-playground .exercise-box{margin:0 0 24px}.python-playground .exercise-box h3{margin:0 0 12px;font-size:18px}.playground-toolbar{background:var(--practice-surface);border:1px solid var(--practice-border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px;display:flex}.playground-toolbar .primary-link,.playground-toolbar .back-button{min-height:44px;margin:0}.playground-toolbar p{color:var(--practice-muted);margin:0 0 0 auto;font-size:14px}.playground-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.playground-panel{background:var(--practice-surface);border:1px solid var(--practice-border);border-radius:14px;min-width:0;overflow:hidden}.playground-panel>h3{background:var(--practice-heading);border-bottom:1px solid var(--practice-border);color:var(--practice-text);margin:0;padding:15px 20px;font-family:Consolas,Courier New,monospace;font-size:15px;font-weight:600}.python-playground .cm-editor{font-size:15px}.python-playground .cm-scroller{font-family:Consolas,Courier New,monospace;line-height:1.7}.python-playground .cm-content{padding-top:14px;padding-bottom:14px}.playground-output{color:#dcefe8;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4;background:#080f1b;height:420px;margin:0;padding:20px;font-family:Consolas,Courier New,monospace;font-size:15px;line-height:1.7;overflow:auto}.playground-output:focus-visible{outline-offset:-3px;outline:3px solid #63d6b0}.python-playground .profile-note{color:var(--practice-muted);font-size:13px;line-height:1.7}.playground-panel>.profile-note{border-top:1px solid var(--practice-border);margin:0;padding:12px 16px}.playground-panel .error-box{margin:16px}.playground-error{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;margin:0;font-family:Consolas,Courier New,monospace;font-size:14px;line-height:1.6;overflow:auto}.python-playground>.auth-form{background:var(--practice-surface);border:1px solid var(--practice-border);border-radius:14px;max-width:none;margin-top:24px;padding:20px}.python-playground>.auth-form label{margin-top:0}.python-playground>.auth-form textarea{font-family:Consolas,Courier New,monospace}.python-playground>.profile-note{margin-top:16px}@media (width<=800px){.playground-grid{grid-template-columns:minmax(0,1fr)}.playground-output{height:280px}.playground-toolbar p{flex-basis:100%;margin:4px 0 0}}.python-playground>.exercise-box{color:#173e2e;background:#edf8f2;border:1px solid #cce5d7;border-left:4px solid #16805d}.python-playground>.exercise-box h3,.python-playground>.exercise-box p{color:inherit}[data-theme=dark] .python-playground>.exercise-box{color:#e2f3ec;background:#142f2d;border-color:#315650 #315650 #315650 #6fe0b8}