@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Kanit:wght@400;500;600;700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}li{list-style:none}img,video{max-width:100%;display:block}:root{--primary-blue: #4DC6FF;--primary-white: #FFFFFF;--primary-black: #000000;--light-grey: #D8DFE7;--dark-grey: #979CA5;--highlight: #BFEAFF;--light-shadow: #3D5A80;--dark-shadow: #242B40;--bg: var(--primary-black);--surface: rgba(61,90,128,.15);--surface-hover: rgba(61,90,128,.3);--surface-solid: rgba(36,43,64,.97);--border: var(--light-shadow);--border-subtle: rgba(255,255,255,.08);--text: var(--primary-white);--text-muted: var(--light-grey);--text-subtle: var(--dark-grey);--accent: var(--primary-blue);--accent-hover: #79d4ff;--accent-dim: rgba(77,198,255,.16);--accent-ring: rgba(77,198,255,.3);--nav-h: 70px;--nav-border: 3px;--nav-uline-h: 4px;--sidebar-w: 280px;--content-w: 760px;--r: 12px;--r-sm: 10px;--r-lg: 14px;color-scheme:dark}html,body{height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:Kanit,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}*{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:5px;background-clip:padding-box;border:2px solid transparent;transition:border .25s linear}::-webkit-scrollbar-thumb:hover{border-width:0}.top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:#000000d9;border-bottom:var(--nav-border) solid var(--dark-grey);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:30;display:flex;align-items:center}.top-nav:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:var(--nav-uline-h);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.top-nav:hover:after{transform:scaleX(1)}.top-nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 clamp(12px,2vw,24px);gap:1rem}.brand-link{display:flex;align-items:center;gap:.875rem;height:100%}.brand-mark{font-family:Audiowide,Kanit,sans-serif;font-size:1.05rem;letter-spacing:.08em;color:var(--accent);background:var(--accent-dim);border:1px solid rgba(77,198,255,.4);padding:.3em .7em;border-radius:var(--r-sm)}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-name{font-family:Audiowide,Kanit,sans-serif;font-size:1.15rem;letter-spacing:.05em;color:var(--primary-white);text-transform:uppercase}.brand-sub{font-family:Kanit,sans-serif;font-size:.72rem;font-weight:500;color:var(--dark-grey);margin-top:.15rem;letter-spacing:.02em}.top-nav-meta{font-family:Kanit,sans-serif;font-size:.78rem;color:var(--light-grey);letter-spacing:.04em;text-transform:uppercase}.top-nav-meta strong{color:var(--accent);font-weight:600}.underline-animation{position:relative}.underline-animation:after{content:"";position:absolute;left:0;width:100%;bottom:-3px;height:var(--nav-uline-h);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .18s ease-in-out;pointer-events:none}.underline-animation:hover:after,.underline-animation:focus-visible:after{transform:scaleX(1)}.ct-root{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);overflow:hidden;margin:1.75rem 0;font-family:Kanit,system-ui,sans-serif}.ct-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.25rem;background:#0000004d;border-bottom:1px solid var(--border)}.ct-label{font-family:Audiowide,Kanit,sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.ct-reset{font:inherit;font-size:.72rem;color:var(--dark-grey);background:none;border:1px solid var(--border);border-radius:6px;padding:.2em .65em;cursor:pointer;transition:color .12s,border-color .12s}.ct-reset:hover{color:var(--accent);border-color:var(--accent)}.ct-body{display:grid;grid-template-columns:1fr 200px}.ct-body.ct-body-code{grid-template-columns:1fr 180px}.ct-code-panel{padding:.5rem 0;border-right:1px solid var(--border);overflow-x:auto;font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.6}.ct-line{display:flex;align-items:baseline;gap:0;padding:.18rem 0;border-left:3px solid transparent;transition:background .12s,border-color .12s}.ct-line-active{background:var(--accent-dim);border-left-color:var(--accent)}.ct-line-num{min-width:2.5rem;padding:0 .75rem;text-align:right;color:var(--dark-grey);font-size:.72rem;user-select:none;flex-shrink:0}.ct-line-active .ct-line-num{color:var(--accent)}.ct-line-text{width:1.25rem;flex-shrink:0;color:var(--accent);font-size:.7rem;user-select:none}.ct-line-arrow-hidden{visibility:hidden}.ct-line-code{white-space:pre;flex:1;padding-right:1rem}.ct-annotation{padding:.6rem 1.25rem;border-top:1px solid var(--border);background:#00000026;font-family:Kanit,sans-serif;font-size:.84rem;color:var(--light-grey);min-height:2.4rem;display:flex;align-items:center;gap:.5rem}.ct-annotation-arrow{color:var(--accent);font-size:.65rem;flex-shrink:0}.ct-annotation-comment{color:var(--dark-grey);font-style:italic}.ct-annotation-placeholder{color:var(--dark-grey);font-style:italic;font-size:.8rem}.ct-steps{padding:.5rem 0;border-right:1px solid var(--border)}.ct-step{display:flex;align-items:baseline;gap:.75rem;padding:.45rem 1.25rem;border-left:3px solid transparent;transition:background .12s,opacity .12s}.ct-step-done{opacity:.35}.ct-step-active{background:var(--accent-dim);border-left-color:var(--accent);opacity:1}.ct-step-num{font-family:Audiowide,Kanit,monospace;font-size:.64rem;letter-spacing:.06em;color:var(--dark-grey);min-width:1.4rem;flex-shrink:0}.ct-step-active .ct-step-num{color:var(--accent)}.ct-step-code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.86rem;color:var(--light-grey);line-height:1.5}.ct-step-active .ct-step-code{color:var(--highlight)}.ct-step-comment{font-size:.75rem;color:var(--dark-grey);margin-left:auto;font-style:italic;flex-shrink:0}.ct-vars{padding:.875rem;display:flex;flex-direction:column;gap:.5rem}.ct-vars-label{font-family:Audiowide,Kanit,sans-serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-grey);margin-bottom:.15rem}.ct-var{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .75rem;background:#0000004d;border-radius:6px;border:1px solid var(--border);transition:border-color .2s,background .2s}.ct-var-changed{border-color:var(--accent);background:var(--accent-dim);animation:ct-flash .45s ease}@keyframes ct-flash{0%{background:#4dc6ff47}to{background:var(--accent-dim)}}.ct-var-name{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.8rem;color:var(--light-grey)}.ct-var-val{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.95rem;font-weight:700;color:var(--accent)}.ct-var-null{color:var(--dark-grey);font-style:italic;font-weight:400}@keyframes ct-flash-new{0%{background:#5df5a038;border-left-color:#5df5a0}to{background:transparent}}.ct-var-new{animation:ct-flash-new .7s ease-out;border-left:2px solid #5df5a0!important}.ct-var-new .ct-var-name,.ct-var-new .ct-var-val{color:#5df5a0}.ct-vars-hint{font-size:.75rem;color:var(--dark-grey);font-style:italic;line-height:1.5;margin-top:.25rem}.ct-console{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border);background:#07101a;padding:.55rem .9rem .6rem;min-height:2.5rem}.ct-console-label{font-family:Audiowide,Kanit,sans-serif;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;color:var(--dark-grey);margin-bottom:.4rem}.ct-console-empty{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.8rem;color:var(--dark-grey);font-style:italic}.ct-console-line{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.84rem;color:#a8e8a8;line-height:1.55;white-space:pre-wrap}@keyframes ct-console-flash{0%{background:#5df5a02e;color:#5df5a0}to{background:transparent;color:#a8e8a8}}.ct-console-new{animation:ct-console-flash .6s ease-out}.ct-controls{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;border-top:1px solid var(--border);background:#0003}.ct-btn{font:inherit;font-size:.82rem;font-weight:600;padding:.38em 1.1em;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;min-width:88px;text-align:center;transition:background .12s,border-color .12s,color .12s}.ct-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent);color:var(--accent)}.ct-btn:disabled{opacity:.3;cursor:not-allowed}.ct-btn-primary{background:var(--accent-dim);border-color:#4dc6ff66;color:var(--accent)}.ct-btn-primary:hover:not(:disabled){background:#4dc6ff38}.ct-counter{font-family:Audiowide,Kanit,monospace;font-size:.66rem;letter-spacing:.08em;color:var(--dark-grey)}.quiz-root{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);overflow:hidden;margin:1.75rem 0;font-family:Kanit,system-ui,sans-serif}.quiz-header{padding:.6rem 1.25rem;background:#5a4a1e38;border-bottom:1px solid rgba(120,100,40,.4)}.quiz-label{font-family:Audiowide,Kanit,sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#f0c060}.quiz-body{padding:1.25rem}.quiz-question{font-size:.97rem;font-weight:500;color:var(--text);line-height:1.6;margin-bottom:1.1rem}.quiz-question code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.88em;background:#0000004d;border:1px solid var(--border);border-radius:4px;padding:.1em .4em;color:var(--highlight)}.quiz-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.quiz-option{display:flex;align-items:flex-start;gap:.75rem;padding:.65rem 1rem;border:1px solid var(--border);border-radius:var(--r-sm);background:#00000040;color:var(--light-grey);font:inherit;font-size:.88rem;cursor:pointer;text-align:left;width:100%;transition:border-color .12s,background .12s,color .12s}.quiz-option:hover:not(:disabled):not(.selected):not(.correct):not(.wrong){border-color:#ffffff40;background:#ffffff0a;color:var(--text)}.quiz-option.selected{border-color:#4dc6ff80;background:var(--accent-dim);color:var(--accent)}.quiz-option.correct{border-color:#3cc8508c;background:#3cc8501a;color:#7adc8a}.quiz-option.wrong{border-color:#c83c3c80;background:#c83c3c1a;color:#f08080}.quiz-option:disabled{cursor:default}.quiz-option-bullet{font-family:Audiowide,Kanit,monospace;font-size:.68rem;font-weight:700;min-width:1.1rem;padding-top:2px;flex-shrink:0}.quiz-input-row{display:flex;gap:.75rem;margin-bottom:0;align-items:stretch}.quiz-input{flex:1;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:1.05rem;color:var(--text);background:#0000004d;border:1px solid var(--border);border-radius:var(--r-sm);padding:.5em .875em;outline:none;min-width:0;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}.quiz-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.quiz-input.correct{border-color:#3cc85099;color:#7adc8a}.quiz-input.wrong{border-color:#c83c3c80;color:#f08080}.quiz-submit{font:inherit;font-size:.85rem;font-weight:700;padding:.5em 1.3em;border-radius:var(--r-sm);background:#f0c060;color:#1a1000;border:none;cursor:pointer;flex-shrink:0;margin-top:.875rem;transition:filter .12s,transform .1s}.quiz-submit:hover:not(:disabled){filter:brightness(1.1)}.quiz-submit:active{transform:translateY(1px)}.quiz-submit:disabled{opacity:.38;cursor:not-allowed}.quiz-input-row .quiz-submit{margin-top:0}.quiz-feedback{margin-top:1rem;padding:.875rem 1rem;border-radius:var(--r-sm);border:1px solid}.quiz-feedback.correct{border-color:#3cc85066;background:#3cc85014}.quiz-feedback.wrong{border-color:#c83c3c66;background:#c83c3c14}.quiz-verdict{font-family:Audiowide,Kanit,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:.45rem}.quiz-feedback.correct .quiz-verdict{color:#7adc8a}.quiz-feedback.wrong .quiz-verdict{color:#f08080}.quiz-explanation{font-size:.88rem;color:var(--light-grey);line-height:1.6;margin:0 0 .5rem}.quiz-retry{font:inherit;font-size:.78rem;font-weight:600;background:none;border:1px solid rgba(200,60,60,.4);border-radius:6px;color:#f08080;padding:.3em .8em;cursor:pointer;margin-top:.25rem;transition:background .12s}.quiz-retry:hover{background:#c83c3c1a}.ce-root{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin:1.5rem 0;background:#07101a}.ce-head{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;background:#00000073;border-bottom:1px solid var(--border)}.ce-label{font-family:Audiowide,Kanit,sans-serif;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.ce-lang{font-family:Audiowide,monospace;font-size:.6rem;color:var(--dark-grey);letter-spacing:.1em;text-transform:uppercase}.ce-shortcut{margin-left:auto;font-size:.64rem;color:#2d4560;font-family:JetBrains Mono,monospace}.ce-err-banner{display:flex;align-items:center;gap:.6rem;padding:.45rem .9rem;background:#f080801f;border-bottom:1px solid rgba(240,128,128,.3);font-family:JetBrains Mono,monospace;font-size:.8rem;color:#f08080}.ce-err-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#f0808040;font-size:.65rem;font-weight:700;flex-shrink:0}.ce-err-close{margin-left:auto;background:none;border:none;color:#f08080;cursor:pointer;font-size:.7rem;opacity:.6;padding:0 .2em}.ce-err-close:hover{opacity:1}.ce-editor-wrap{min-height:200px;border-bottom:1px solid var(--border)}.ce-editor-wrap .cm-editor{min-height:200px}.ce-editor-wrap .cm-editor.cm-focused{outline:none;box-shadow:inset 0 0 0 1px #4dc6ff59}.ce-editor-wrap .cm-scroller{min-height:200px}.ce-run-bar{display:flex;align-items:center;gap:.875rem;padding:.6rem .9rem;background:#00000059;border-top:1px solid var(--border)}.ce-run-btn{display:inline-flex;align-items:center;gap:.4em;padding:.42em 1.1em;border-radius:var(--r-sm);background:var(--accent);color:#04141e;font-family:Kanit,sans-serif;font-size:.84rem;font-weight:700;border:none;cursor:pointer;transition:filter .14s,opacity .14s}.ce-run-btn:hover:not(:disabled){filter:brightness(1.12)}.ce-run-btn:disabled{opacity:.55;cursor:not-allowed}.ce-run-btn.ce-running{background:var(--dark-grey);color:var(--text)}.ce-score{font-family:Kanit,sans-serif;font-size:.88rem;color:var(--light-grey)}.ce-score-pass{color:#5df5a0}.ce-score-fail{color:#f08080}.ce-exec-time{font-family:JetBrains Mono,monospace;font-size:.72rem;color:#2d4560}.ce-confetti{font-size:.88rem;color:#5df5a0;font-family:Kanit,sans-serif}.ce-run-error{padding:.4rem .9rem;font-size:.83rem;color:#f08080;background:#c83c3c14}.ce-tests{border-top:1px solid var(--border)}.ce-test{border-bottom:1px solid var(--border-subtle)}.ce-test:last-child{border-bottom:none}.ce-test-header{width:100%;display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s}.ce-test-header:hover{background:var(--surface-hover)}.ce-test-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ce-dot-pending{background:var(--dark-grey)}.ce-dot-pass{background:#5df5a0}.ce-dot-fail{background:#f08080}.ce-dot-error{background:#f0b060}.ce-test-label{flex:1;font-family:Kanit,sans-serif;font-size:.875rem;color:var(--text)}.ce-test-verdict{font-size:.78rem;color:var(--dark-grey)}.ce-fail{color:#f08080}.ce-pending{color:var(--dark-grey)}.ce-test-chevron{font-size:.5rem;color:var(--dark-grey);transition:transform .15s;display:inline-block}.ce-test-chevron.open{transform:rotate(90deg)}.ce-test-detail{padding:.5rem .9rem .75rem 2rem}.ce-detail-row{display:flex;gap:.75rem;margin-bottom:.4rem;align-items:flex-start}.ce-detail-label{font-family:Audiowide,monospace;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dark-grey);min-width:60px;padding-top:.2rem}.ce-detail-pre{font-family:JetBrains Mono,Courier New,monospace;font-size:.8rem;background:#0000004d;border-radius:4px;padding:.3em .6em;color:var(--light-grey);white-space:pre-wrap;word-break:break-all;flex:1}.ce-expected{color:#5df5a0}.ce-got-wrong{color:var(--light-grey)}.ce-stderr{color:#f0b060}.ce-diff{font-family:JetBrains Mono,Courier New,monospace;white-space:pre-wrap}.ce-dc-ok{color:var(--light-grey)}.ce-dc-add{background:#f0808047;color:#f08080;border-radius:2px}.ce-dc-del{text-decoration:line-through;color:#5df5a0;opacity:.7}.ce-hint{border-top:1px solid var(--border-subtle);padding:.6rem .9rem}.ce-hint summary{cursor:pointer;font-family:Kanit,sans-serif;font-size:.82rem;color:var(--dark-grey);list-style:none;user-select:none}.ce-hint summary:hover{color:var(--accent)}.ce-hint-body{margin-top:.5rem;font-size:.85rem;color:var(--light-grey);line-height:1.6}.ra-root{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin:1.5rem 0;background:var(--surface)}.ra-header{display:flex;align-items:center;gap:.75rem;padding:.5rem .9rem;background:#00000059;border-bottom:1px solid var(--border)}.ra-label{font-family:Audiowide,Kanit,sans-serif;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.ra-badge{font-family:Kanit,sans-serif;font-size:.72rem;color:var(--accent);background:var(--accent-dim);padding:.15em .6em;border-radius:99px;animation:ra-pulse 1s infinite alternate}@keyframes ra-pulse{0%{opacity:.6}to{opacity:1}}.ra-svg{display:block;width:100%;max-height:240px;background:#07101a}.ra-controls{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem}.ra-ctrl-label{font-family:Kanit,sans-serif;font-size:.82rem;color:var(--light-grey);display:flex;flex-direction:column;gap:.35rem}.ra-slider-row{display:flex;align-items:center;gap:.75rem}.ra-slider{flex:1;accent-color:var(--accent);cursor:pointer}.ra-angle-val{font-family:Audiowide,monospace;font-size:.78rem;color:var(--accent);min-width:3.5ch;text-align:right}.ra-btn-row{display:flex;gap:.5rem}.ra-btn{padding:.4em 1.1em;border-radius:var(--r-sm);border:1px solid var(--border);background:none;color:var(--light-grey);font-family:Kanit,sans-serif;font-size:.82rem;cursor:pointer;transition:background .12s}.ra-btn:hover:not(:disabled){background:var(--surface-hover)}.ra-btn:disabled{opacity:.45;cursor:not-allowed}.ra-btn-primary{background:var(--accent);color:#04141e;border-color:var(--accent);font-weight:700}.ra-btn-primary:hover:not(:disabled){filter:brightness(1.1);background:var(--accent)}.ra-caption{padding:.5rem 1rem .75rem;font-size:.78rem;color:var(--dark-grey);line-height:1.5;border-top:1px solid var(--border-subtle)}.sd-root{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin:1.5rem 0;background:var(--surface)}.sd-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .9rem;background:#00000059;border-bottom:1px solid var(--border)}.sd-label{font-family:Audiowide,Kanit,sans-serif;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--accent)}.sd-current{font-family:Kanit,sans-serif;font-size:.8rem;color:var(--light-grey)}.sd-current strong{color:var(--accent)}.sd-svg-wrap{background:#07101a}.sd-svg{display:block;width:100%;max-height:320px}.sd-node{cursor:default}.sd-transitions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .9rem;border-top:1px solid var(--border);background:#0000002e}.sd-transition-label{font-family:Kanit,sans-serif;font-size:.78rem;color:var(--dark-grey)}.sd-no-transitions{font-size:.78rem;color:var(--dark-grey);font-style:italic}.sd-transition-btn{padding:.3em .85em;border-radius:var(--r-sm);border:1px solid var(--accent);background:var(--accent-dim);color:var(--accent);font-family:Kanit,sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .12s,filter .12s}.sd-transition-btn:hover{filter:brightness(1.15)}.sd-history{padding:.45rem .9rem .5rem;border-top:1px solid var(--border-subtle)}