*{box-sizing:border-box}html{background:#fafafa;color-scheme:light}body{margin:0;background:#fafafa;color:#171717;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select,textarea{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.site-shell{max-width:1440px;margin:0 auto;padding:0 24px;overflow-x:hidden}.skip-link{position:fixed;z-index:20;top:8px;left:8px;padding:8px 11px;color:#fff;background:#171717;border-radius:5px;font-size:12px;text-decoration:none;transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0);outline:2px solid #0070f3;outline-offset:2px}.topbar{min-height:68px;padding:8px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebebeb}.brand{color:#171717;text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.4px;font-size:15px}.brand-mark{width:17px;height:15px;display:inline-block;background:#171717;clip-path:polygon(50% 0,100% 100%,0 100%)}nav{display:flex;gap:4px;margin-left:70px}nav a,.text-button{color:#626262;text-decoration:none;font-size:13px;border:0;background:transparent;padding:7px 9px;cursor:pointer;border-radius:99px}nav a:hover,.text-button:hover{color:#171717;background:#f2f2f2}.topbar>nav{flex:1;flex-wrap:wrap;justify-content:center;margin-left:22px}.top-actions{display:flex;align-items:center;gap:10px}.language-menu{position:relative}.language-menu summary{display:inline-flex;min-height:32px;align-items:center;gap:5px;padding:0 10px;border:1px solid #dedede;border-radius:999px;color:#444;background:#fff;cursor:pointer;font-size:11px;list-style:none}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:after{content:"⌄";color:#777;font-size:12px}.language-menu[open] summary{border-color:#a7b8cc}.language-options{position:absolute;z-index:15;top:calc(100% + 7px);right:0;display:grid;min-width:118px;padding:5px;border:1px solid #dedede;border-radius:8px;background:#fff;box-shadow:0 12px 26px -12px #00000040}.language-options a{padding:7px 8px;border-radius:5px;color:#444;font-size:11px;text-decoration:none;white-space:nowrap}.language-options a:hover,.language-options a[aria-current=page]{color:#075fc9;background:#edf5ff}.text-button kbd{border:1px solid #ddd;border-radius:4px;padding:0 3px;color:#777;background:#fff;font-family:inherit;font-size:10px}.intro{min-height:267px;display:flex;justify-content:space-between;align-items:end;padding:52px 8px 38px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;color:#777;margin:0 0 12px}.status-dot{display:inline-block;width:7px;height:7px;background:#0070f3;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px #d3e5ff}h1{font-size:clamp(40px,5vw,64px);line-height:.96;letter-spacing:-.07em;font-weight:600;margin:0}.lede{max-width:505px;font-size:16px;line-height:1.55;letter-spacing:-.2px;color:#555;margin:17px 0 0}.intro-meta{width:210px;align-self:center;margin-top:38px}.mesh-orb{width:123px;height:123px;border-radius:50%;filter:blur(1px);background:conic-gradient(from 220deg,#00dfd8,#007cf0,#7928ca,#ff0080,#ff4d4d,#f9cb28,#00dfd8);opacity:.92;margin:0 auto 16px}.intro-meta p{font-size:12px;line-height:1.5;color:#555;text-align:center;margin:0}.intro-meta p span{color:#0761d1;background:#d3e5ff;border-radius:999px;padding:2px 7px;font-size:10px;margin-right:4px}.workspace{border:1px solid #dedede;border-radius:12px;background:#fff;box-shadow:0 2px 2px #0000000a,0 8px 18px -9px #00000012;overflow:hidden}.workspace-head,.pane-bar{display:flex;min-width:0;align-items:center;justify-content:space-between}.workspace-head{height:58px;padding:0 16px 0 19px;border-bottom:1px solid #ebebeb}.file-title{display:flex;align-items:center;gap:9px;font-size:13px;min-width:0}.python-dot{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#3572a5,#ffd343)}.saved-state{color:#888;font-size:11px;padding-left:9px;border-left:1px solid #e8e8e8}.workspace-actions{display:flex;align-items:center;gap:8px}.button{min-height:34px;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:0 12px;cursor:pointer;text-decoration:none;font-size:12px;font-weight:500;transition:background .18s ease,border-color .18s ease,transform .18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:#171717;color:#fff;border:1px solid #171717}.button.primary:hover{background:#333}.button.secondary{color:#333;border:1px solid #dedede;background:#fff}.button.secondary:hover{background:#fafafa;border-color:#bbb}.play-triangle{width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #fff}.icon-button{width:32px;height:32px;border:1px solid #e3e3e3;background:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer;color:#555}.icon-button:hover{background:#f6f6f6;color:#171717}.icon-button svg{width:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.icon-button.compact{width:26px;height:26px;font-size:16px}.app-grid{display:grid;grid-template-columns:minmax(290px,1.04fr) minmax(350px,1.3fr) minmax(222px,.76fr);min-height:504px}.editor-pane,.trace-pane{border-right:1px solid #ebebeb;min-width:0}.pane-bar{height:45px;padding:0 14px;border-bottom:1px solid #efefef}.pane-label{display:flex;align-items:center;gap:8px;min-width:0}.pane-label h2{font-size:12px;font-weight:500;margin:0;letter-spacing:-.15px}.window-dots{display:flex;gap:3px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#d0d0d0}.window-dots i:first-child{background:#ff625c}.window-dots i:nth-child(2){background:#ffbd44}.window-dots i:last-child{background:#00ca4e}.template-select{color:#777;font-size:10px;display:flex;align-items:center;gap:6px}.template-select select{border:0;background:transparent;font-size:11px;color:#333;cursor:pointer;max-width:122px}.code-wrap{height:430px;position:relative;display:grid;grid-template-columns:39px 1fr;background:#fbfbfb}.line-numbers{list-style:none;margin:0;padding:16px 10px 15px 0;color:#ababab;text-align:right;font:12px/21px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;border-right:1px solid #f0f0f0;user-select:none}.line-numbers li.active-line{color:#fff;background:#171717;margin-left:8px;border-radius:3px}.code-wrap textarea{resize:none;border:0;outline:0;color:#292929;background:transparent;padding:16px;font:12px/21px ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre;tab-size:4;overflow:auto}.editor-footer{height:28px;display:flex;align-items:center;gap:12px;padding:0 14px;border-top:1px solid #efefef;color:#999;font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.trace-bar{background:#fcfcfc}.pulse-ring{width:8px;height:8px;border-radius:50%;background:#0070f3;box-shadow:0 0 0 3px #d3e5ff}.run-time{font:10px ui-monospace,monospace;color:#888}.trace-content{padding:16px 18px}.execution-card{padding:14px;border:1px solid #e7e7e7;border-radius:8px;background:#fff}.step-label,.section-label{display:flex;align-items:center;justify-content:space-between;gap:8px}.step-label span,.section-label>span{color:#777;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.06em}.step-label strong{font-size:10px;color:#171717;font-weight:500}.execution-card p{color:#454545;line-height:1.45;margin:12px 0;font-size:13px;min-height:37px}.execution-card code,.variable-row code,.watch-row code,.ai-card code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:#f4f4f4;border-radius:3px;padding:1px 3px}.code-callout{display:flex;align-items:center;overflow:hidden;border-radius:5px;background:#171717;color:#fff;min-height:30px}.callout-num{height:30px;padding:7px 8px;background:#2a2a2a;color:#aaa;font:10px ui-monospace,monospace}.code-callout code{padding-left:10px;font:11px ui-monospace,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}.program-output{display:grid;gap:4px;margin-top:10px;padding:8px 9px;border-left:2px solid #159447;background:#f2fbf4;color:#126d35}.program-output[hidden]{display:none}.program-output span{font:8px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.program-output code{color:#126d35;background:transparent;padding:0;white-space:pre-wrap;font:10px/1.4 ui-monospace,monospace}.button:disabled{cursor:wait;opacity:.65;transform:none}.execution-map-block{padding-top:20px}.map-state{color:#0761d1!important}.map-hint{color:#888;margin:7px 0 10px;font-size:10px;min-height:14px}.execution-map{min-height:228px;max-height:310px;overflow:auto;padding:1px 8px 4px 1px;scrollbar-color:#c5c5c5 transparent}.map-frame{width:min(calc(100% - var(--offset)),340px);margin-left:var(--offset);padding:9px 10px;border:1px solid #dedede;border-left:3px solid #a9a9a9;border-radius:7px;background:#fafafa;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.map-frame.active{border-color:#78b7ff;border-left-color:#0070f3;background:#f3f8ff;box-shadow:0 0 0 2px #dbeeff}.map-frame.active.is-return{border-color:#7bd391;border-left-color:#159447;background:#f2fbf4;box-shadow:0 0 0 2px #d8f4df}.map-frame-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#888;font:8px ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase}.map-frame.active .map-frame-top{color:#0761d1}.map-frame.active.is-return .map-frame-top{color:#127c3b}.map-frame-top small{color:#888;font:9px ui-monospace,monospace;letter-spacing:0;text-transform:none}.map-frame>code{display:block;margin:4px 0 7px;color:#222;font:12px ui-monospace,monospace}.map-locals{display:flex;flex-wrap:wrap;gap:4px 8px;color:#626262;font:9px ui-monospace,monospace}.map-locals span{display:inline-flex;gap:4px;align-items:center}.map-locals code{color:#444;padding:0;background:transparent;font:inherit}.map-locals b{color:#171717;font-weight:500}.map-link{position:relative;width:2px;height:22px;margin-left:calc(var(--offset) + 18px);background:repeating-linear-gradient(to bottom,#bababa 0 4px,transparent 4px 7px)}.map-link:after{content:"";position:absolute;bottom:-1px;left:-3px;width:0;height:0;border-top:5px solid #999;border-left:4px solid transparent;border-right:4px solid transparent}.map-link span{position:absolute;left:10px;top:4px;color:#888;font:9px ui-monospace,monospace;white-space:nowrap}.map-link.is-call{background:repeating-linear-gradient(to bottom,#0070f3 0 4px,transparent 4px 7px)}.map-link.is-call:after{border-top-color:#0070f3}.map-link.is-call span{color:#0761d1}.map-link.is-return{background:repeating-linear-gradient(to top,#159447 0 4px,transparent 4px 7px)}.map-link.is-return:after{top:-1px;bottom:auto;border-top:0;border-bottom:5px solid #159447}.map-link.is-return span{color:#127c3b;top:7px}.map-terminal-return{width:fit-content;margin:10px 0 0 18px;color:#127c3b;font:10px ui-monospace,monospace}.map-terminal-return strong{font-weight:600}.map-terminal-return code{color:inherit;background:transparent;padding:0;font:inherit}.timeline-block{padding-top:22px}.ghost-button,.add-watch{border:0;background:transparent;font-size:10px;color:#0761d1;cursor:pointer;padding:0}.ghost-button:hover,.add-watch:hover{text-decoration:underline}.timeline{display:flex;justify-content:space-between;position:relative;margin:16px 2px 13px}.timeline:before{content:"";position:absolute;height:1px;top:10px;left:8px;right:8px;background:#e3e3e3}.timeline-step{position:relative;z-index:1;border:0;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;min-width:28px;color:#999;font-size:9px;appearance:none;-webkit-appearance:none}.timeline-step span{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9d9d9;border-radius:50%;font:9px ui-monospace,monospace;box-sizing:border-box}.timeline-step b{font-size:9px;font-weight:400;white-space:nowrap}.timeline-step.complete span{color:#fff;border-color:#171717;background:#171717}.timeline-step.active span{border-color:#0070f3;background:#0070f3;color:#fff;box-shadow:0 0 0 3px #d3e5ff}.timeline-step.active b{color:#171717;font-weight:500}.controls{display:flex;align-items:center;gap:8px;padding-top:7px}.round-control{width:30px;height:30px;border:1px solid #dedede;border-radius:50%;background:#fff;color:#444;cursor:pointer}.round-control:hover{background:#f5f5f5}.round-control.is-dark{color:#fff;background:#171717;border-color:#171717;font-size:10px}.controls input{width:100%;accent-color:#171717;cursor:pointer}.trace-content,.timeline-block{min-width:0;overflow:hidden}.timeline{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;margin:16px 0 13px;padding:0 2px 8px;scrollbar-gutter:stable;overscroll-behavior-inline:contain}.timeline:before{content:none}.timeline-track{display:flex;position:relative;align-items:flex-start;gap:10px;width:max-content;min-width:100%;padding:0 2px}.timeline-track:before{content:"";position:absolute;z-index:0;top:10px;right:12px;left:12px;height:1px;background:#e3e3e3}.timeline-step{flex:0 0 28px;min-width:28px}.empty-trace-copy{margin:12px 0;color:#777;font-size:10px;line-height:1.45}.controls input:disabled{cursor:not-allowed;opacity:.45}.inspector-content{padding:16px 14px}.frame-label{font:9px ui-monospace,monospace;color:#777;background:#f1f1f1;padding:3px 5px;border-radius:4px}.variable-list{border-top:1px solid #eee;margin-top:11px}.variable-row,.watch-row{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 2px;border-bottom:1px solid #eee;font-size:11px}.variable-row span,.watch-row span{color:#555;font:10px ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.watch-section{margin-top:25px}.watch-row{margin-top:10px;padding:9px;border:1px solid #e7e7e7;border-radius:6px;background:#fafafa}.ai-card{margin-top:26px;padding:13px;color:#fff;border-radius:8px;background:#171717}.ai-title{display:flex;align-items:center;gap:6px;font-size:11px}.ai-spark,.sparkle{color:#ffdb6e}.ai-card p{min-height:48px;color:#c9c9c9;font-size:11px;line-height:1.5;margin:10px 0 12px}.ai-card p strong{color:#fff}.ai-card code{color:#fff;background:#353535}.ai-card button{color:#171717;background:#fff;border:0;width:100%;height:27px;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer}.ai-card button:hover{background:#e9e9e9}.inspector-pane.collapsed .inspector-content{display:none}.inspector-pane.collapsed{min-width:54px}.inspector-pane.collapsed .pane-label h2,.inspector-pane.collapsed .sparkle{display:none}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:106px 8px 96px;border-top:1px solid #dfdfdf}.advantage-grid article{padding:26px 28px 0 0;min-height:197px;border-right:1px solid #e5e5e5}.advantage-grid article+article{padding-left:28px}.advantage-grid article:last-child{border:0}.advantage-grid h2{font-size:19px;line-height:1.1;letter-spacing:-.7px;font-weight:600;margin:0 0 11px;max-width:240px}.advantage-grid article>p:last-child{margin:0;color:#666;font-size:13px;line-height:1.55;max-width:295px}.faq-section{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:clamp(34px,7vw,110px);margin:0 8px 96px;padding:44px 0;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}.faq-intro h2{max-width:370px;margin:0 0 14px;font-size:clamp(28px,3.3vw,43px);line-height:1.02;letter-spacing:-.06em}.faq-intro>p:last-child{max-width:340px;margin:0;color:#666;font-size:13px;line-height:1.55}.faq-list{border-top:1px solid #dfdfdf}.faq-list details{border-bottom:1px solid #dfdfdf}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;color:#202020;cursor:pointer;font-size:15px;font-weight:500;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";flex:0 0 auto;color:#0761d1;font:24px/1 ui-monospace,monospace;transition:transform .18s ease}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{max-width:650px;margin:-3px 34px 18px 0;color:#626262;font-size:13px;line-height:1.55}.bottom-cta{display:flex;align-items:center;justify-content:space-between;padding:50px 52px;color:#fff;background:#171717;border-radius:12px;position:relative;overflow:hidden}.bottom-cta:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-75px;top:-155px;background:conic-gradient(#00dfd8,#007cf0,#7928ca,#ff0080,#f9cb28,#00dfd8);opacity:.9;filter:blur(10px)}.bottom-cta>*{position:relative;z-index:1}.bottom-cta .eyebrow{color:#aaa}.bottom-cta h2{margin:0;font-size:37px;line-height:1;font-weight:600;letter-spacing:-1.8px}.button.light{color:#171717;background:#fff;border:1px solid #fff;border-radius:999px;padding:0 17px;min-height:42px}footer{height:84px;display:flex;align-items:center;justify-content:space-between;color:#888;font-size:11px}.seo-content{max-width:780px;margin:0 auto 96px;padding:0 0 52px;border-bottom:1px solid #dfdfdf}.seo-content h2{max-width:650px;margin:0 0 20px;font-size:clamp(30px,3.8vw,48px);line-height:1.02;letter-spacing:-.06em;text-wrap:balance}.seo-content h3{margin:31px 0 9px;font-size:18px;line-height:1.2;letter-spacing:-.04em;text-wrap:balance}.seo-content p{margin:0;color:#606060;font-size:14px;line-height:1.72}.seo-content code{padding:1px 4px;border-radius:3px;color:#303030;background:#f1f1f1;font:.9em ui-monospace,SFMono-Regular,Menlo,monospace}.toast{position:fixed;z-index:10;bottom:22px;left:50%;transform:translate(-50%,10px);background:#171717;color:#fff;border-radius:6px;padding:10px 13px;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 8px 16px -4px #00000030}.toast.show{opacity:1;transform:translate(-50%)}dialog{border:0;border-radius:12px;padding:0;max-width:370px;box-shadow:0 24px 32px -8px #0000002a}dialog::backdrop{background:#17171766}.dialog-inner{padding:28px;position:relative}.dialog-inner h2{margin:0 0 22px;letter-spacing:-1px;font-size:23px}.dialog-close{position:absolute;right:13px;top:11px;border:0;background:transparent;font-size:22px;cursor:pointer}.shortcut{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-top:1px solid #eee;font-size:13px;color:#555}.shortcut kbd{border:1px solid #ddd;border-bottom-width:2px;border-radius:4px;padding:3px 8px;color:#171717;background:#fafafa;font-size:11px}footer{min-height:84px;height:auto;gap:18px;padding:18px 0}footer .footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;margin-left:0}footer .footer-links a{color:#626262;text-decoration:none;padding:5px 7px;font-size:11px;border-radius:99px}footer .footer-links a:hover{color:#171717;background:#f2f2f2}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid #0070f3;outline-offset:2px}@media(max-width:980px){nav{margin-left:0}.app-grid{grid-template-columns:1fr 1.15fr}.inspector-pane{grid-column:1 / -1;border-top:1px solid #ebebeb}.inspector-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.watch-section,.ai-card{margin-top:0}.ai-card{align-self:start}.workspace{min-width:0}.code-wrap{height:374px}}@media(max-width:760px){.faq-section{grid-template-columns:1fr;gap:28px;margin:0 5px 62px;padding:32px 0}.faq-intro h2{max-width:460px}.faq-list summary{font-size:14px}.faq-list details p{margin-right:12px}.seo-content{margin:0 5px 62px;padding-bottom:36px}.seo-content h3{margin-top:26px}}@media(max-width:660px){.site-shell{padding:0 13px}.topbar{min-height:59px;align-items:flex-start;flex-wrap:wrap;gap:4px 10px}.topbar>nav{justify-content:flex-start;order:3;flex-basis:100%;margin-left:0}.topbar>nav a{padding:5px 7px;font-size:11px}.text-button{display:none}.intro{min-height:0;padding:48px 5px 32px}.intro-meta{display:none}.lede{font-size:14px}.workspace-head{height:auto;padding:12px;align-items:flex-start;gap:10px}.workspace-actions{gap:6px}.workspace-actions .secondary,.saved-state{display:none}.app-grid{display:block}.editor-pane,.trace-pane{border-right:0;border-bottom:1px solid #ebebeb}.code-wrap{height:265px}.trace-content{padding:13px}.timeline{overflow-x:auto;gap:11px;padding-bottom:5px}.timeline-step{flex:0 0 28px}.inspector-content{display:block}.watch-section,.ai-card{margin-top:23px}.advantage-grid{grid-template-columns:1fr;margin:62px 5px}.advantage-grid article,.advantage-grid article+article{padding:22px 0;border-right:0;border-bottom:1px solid #e5e5e5;min-height:0}.bottom-cta{padding:34px 24px;align-items:flex-start;flex-direction:column;gap:26px}.bottom-cta h2{font-size:31px}.bottom-cta:after{width:210px;height:210px;right:-80px;top:-95px}footer{align-items:flex-start;flex-direction:column;font-size:10px}.footer-links{justify-content:flex-start!important}.template-select{display:none}}@media(max-width:420px){.site-shell{padding-right:max(13px,env(safe-area-inset-right));padding-left:max(13px,env(safe-area-inset-left))}.topbar>nav{gap:2px}.topbar>nav a{padding:5px 6px;font-size:10px}.intro{padding-top:38px}.workspace-head{flex-wrap:wrap}.file-title{flex:1 1 100%}.workspace-actions{width:100%;justify-content:flex-end}.workspace-actions .primary{flex:1}.map-frame-top small,.map-locals b,.variable-row span,.watch-row span{min-width:0;overflow-wrap:anywhere}.map-frame-top small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-cta{padding:29px 20px}.bottom-cta h2{font-size:28px}}html[data-theme=dark]{background:#111318;color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] .site-shell{color:#edf0f5;background:#111318}html[data-theme=dark] .topbar,html[data-theme=dark] .workspace-head,html[data-theme=dark] .pane-bar,html[data-theme=dark] .editor-pane,html[data-theme=dark] .trace-pane,html[data-theme=dark] .inspector-pane,html[data-theme=dark] .editor-footer,html[data-theme=dark] .advantage-grid,html[data-theme=dark] .faq-section,html[data-theme=dark] .faq-list,html[data-theme=dark] .faq-list details,html[data-theme=dark] footer{border-color:#2c313b}html[data-theme=dark] .brand,html[data-theme=dark] h1,html[data-theme=dark] .pane-label h2,html[data-theme=dark] .advantage-grid h2,html[data-theme=dark] .faq-intro h2,html[data-theme=dark] .seo-content h2,html[data-theme=dark] .seo-content h3{color:#f8fafc}html[data-theme=dark] .brand-mark{background:#f8fafc}html[data-theme=dark] nav a,html[data-theme=dark] .text-button,html[data-theme=dark] .file-title,html[data-theme=dark] .step-label strong,html[data-theme=dark] .map-frame>code,html[data-theme=dark] .map-locals b,html[data-theme=dark] .timeline-step.active b{color:#e6e9ef}html[data-theme=dark] nav a:hover,html[data-theme=dark] .text-button:hover,html[data-theme=dark] footer .footer-links a:hover{color:#f8fafc;background:#20242c}html[data-theme=dark] .language-menu summary,html[data-theme=dark] .language-options{border-color:#434853;color:#e6e9ef;background:#20242c}html[data-theme=dark] .language-menu summary:after{color:#aeb6c5}html[data-theme=dark] .language-options a{color:#e6e9ef}html[data-theme=dark] .language-options a:hover,html[data-theme=dark] .language-options a[aria-current=page]{color:#9bd0ff;background:#24364c}html[data-theme=dark] .lede,html[data-theme=dark] .intro-meta p,html[data-theme=dark] .saved-state,html[data-theme=dark] .run-time,html[data-theme=dark] .map-hint,html[data-theme=dark] .advantage-grid article>p:last-child,html[data-theme=dark] .faq-intro>p:last-child,html[data-theme=dark] .faq-list details p,html[data-theme=dark] .seo-content p,html[data-theme=dark] footer{color:#aeb6c5}html[data-theme=dark] .workspace,html[data-theme=dark] .execution-card,html[data-theme=dark] .map-frame,html[data-theme=dark] .watch-row,html[data-theme=dark] .code-wrap,html[data-theme=dark] .round-control{border-color:#353b47;background:#181b22}html[data-theme=dark] .trace-bar,html[data-theme=dark] .workspace-head,html[data-theme=dark] .pane-bar,html[data-theme=dark] .editor-footer{background:#15181e}html[data-theme=dark] .code-wrap textarea{color:#e6e9ef;background:#181b22}html[data-theme=dark] .line-numbers{color:#717887;border-color:#2c313b}html[data-theme=dark] .line-numbers li.active-line,html[data-theme=dark] .button.primary{color:#14161b;background:#f8fafc;border-color:#f8fafc}html[data-theme=dark] .button.primary:hover{color:#14161b;background:#dce1e9}html[data-theme=dark] .button.secondary,html[data-theme=dark] .icon-button,html[data-theme=dark] .round-control{color:#dce1e9;border-color:#3b4250;background:#20242c}html[data-theme=dark] .button.secondary:hover,html[data-theme=dark] .icon-button:hover,html[data-theme=dark] .round-control:hover{background:#292f3a}html[data-theme=dark] .round-control.is-dark{color:#14161b;background:#f8fafc;border-color:#f8fafc}html[data-theme=dark] .execution-card p,html[data-theme=dark] .code-callout,html[data-theme=dark] .callout-num{color:#dce1e9}html[data-theme=dark] .code-callout{background:#080a0e}html[data-theme=dark] .callout-num{background:#20242c}html[data-theme=dark] .program-output{color:#8fe3aa;border-color:#46bf71;background:#10291a}html[data-theme=dark] .program-output code{color:#8fe3aa}html[data-theme=dark] .map-frame{background:#1b1f27;border-left-color:#707887}html[data-theme=dark] .map-frame.active{border-color:#479cff;border-left-color:#479cff;background:#15263b;box-shadow:0 0 0 2px #1d4268}html[data-theme=dark] .map-frame.active.is-return{border-color:#54cc7d;border-left-color:#54cc7d;background:#152b1d;box-shadow:0 0 0 2px #205b35}html[data-theme=dark] .map-frame-top,html[data-theme=dark] .map-frame-top small,html[data-theme=dark] .map-locals,html[data-theme=dark] .map-locals code,html[data-theme=dark] .timeline-step{color:#9ba5b5}html[data-theme=dark] .timeline-track:before{background:#3a404d}html[data-theme=dark] .timeline-step span{color:#aeb6c5;border-color:#4a5160;background:#181b22}html[data-theme=dark] .timeline-step.complete span{color:#14161b;border-color:#dce1e9;background:#dce1e9}html[data-theme=dark] .timeline-step.active span{color:#fff;border-color:#2587ff;background:#2587ff;box-shadow:0 0 0 3px #173f6c}html[data-theme=dark] .variable-list,html[data-theme=dark] .variable-row,html[data-theme=dark] .watch-row{border-color:#2f3540}html[data-theme=dark] .variable-row span,html[data-theme=dark] .watch-row span{color:#cbd3df}html[data-theme=dark] .execution-card code,html[data-theme=dark] .variable-row code,html[data-theme=dark] .watch-row code{color:#e8edf5;background:#2a303b}html[data-theme=dark] .ai-card{color:#f8fafc;background:#080a0e}html[data-theme=dark] .ai-card p{color:#b7c0ce}html[data-theme=dark] .ai-card code{background:#242934}html[data-theme=dark] .ai-card button{color:#14161b;background:#f8fafc}html[data-theme=dark] .advantage-grid article,html[data-theme=dark] .advantage-grid article+article{border-color:#2c313b}html[data-theme=dark] .faq-list summary{color:#edf0f5}html[data-theme=dark] .faq-list summary:after,html[data-theme=dark] .ghost-button,html[data-theme=dark] .add-watch{color:#6cb6ff}html[data-theme=dark] .seo-content{border-color:#2c313b}html[data-theme=dark] .seo-content code{color:#e8edf5;background:#2a303b}html[data-theme=dark] .bottom-cta{background:#080a0e}html[data-theme=dark] dialog{color:#edf0f5;background:#1b1f27}html[data-theme=dark] .shortcut{color:#b7c0ce;border-color:#303641}html[data-theme=dark] .shortcut kbd,html[data-theme=dark] .text-button kbd{color:#e6e9ef;border-color:#4a5160;background:#20242c}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}