:root{color-scheme:dark;background-color:#0f172a;color:#f8fafc}*{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,Inter,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;min-height:100vh;background-color:#0f172a;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.12) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(124,58,237,.12) 0px,transparent 50%),radial-gradient(at 50% 100%,rgba(16,185,129,.08) 0px,transparent 50%);background-attachment:fixed;color:#f8fafc;line-height:1.5;overflow-x:hidden;max-width:100vw}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}img,svg,canvas,video{max-width:100%}:root,html,body,*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) #0F172A}::-webkit-scrollbar,html::-webkit-scrollbar,body::-webkit-scrollbar,:root::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track,html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,:root::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,:root::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:9999px;border:2px solid #0F172A;background-clip:padding-box;transition:background-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s ease}::-webkit-scrollbar-thumb:hover,html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,:root::-webkit-scrollbar-thumb:hover{background:#60a5faa6;box-shadow:0 0 10px #60a5fa66}::-webkit-scrollbar-thumb:active,html::-webkit-scrollbar-thumb:active,body::-webkit-scrollbar-thumb:active,:root::-webkit-scrollbar-thumb:active{background:#2563ebd9}::-webkit-scrollbar-corner,html::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner,:root::-webkit-scrollbar-corner{background:#0f172a}.tutorial-wrapper,.tutorial-sidebar,.tutorial-main-content,.code-editor-container,.interactive-code-sandbox,.sandbox-terminal,.terminal-body,.scratch-container,.algorithm-detail-container,.markdown-article-card,.step-list,pre,textarea,app-code-editor{scrollbar-color:rgba(255,255,255,.25) transparent}.dark ::-webkit-scrollbar-thumb,.tutorial-wrapper ::-webkit-scrollbar-thumb,.tutorial-sidebar ::-webkit-scrollbar-thumb,.tutorial-main-content ::-webkit-scrollbar-thumb,.code-editor-container ::-webkit-scrollbar-thumb,.interactive-code-sandbox ::-webkit-scrollbar-thumb,.sandbox-terminal ::-webkit-scrollbar-thumb,.terminal-body ::-webkit-scrollbar-thumb,.scratch-container ::-webkit-scrollbar-thumb,.algorithm-detail-container ::-webkit-scrollbar-thumb,pre::-webkit-scrollbar-thumb,textarea::-webkit-scrollbar-thumb{background:#ffffff2e;border:2px solid transparent;background-clip:content-box}.dark ::-webkit-scrollbar-thumb:hover,.tutorial-wrapper ::-webkit-scrollbar-thumb:hover,.tutorial-sidebar ::-webkit-scrollbar-thumb:hover,.tutorial-main-content ::-webkit-scrollbar-thumb:hover,.code-editor-container ::-webkit-scrollbar-thumb:hover,.interactive-code-sandbox ::-webkit-scrollbar-thumb:hover,.sandbox-terminal ::-webkit-scrollbar-thumb:hover,.terminal-body ::-webkit-scrollbar-thumb:hover,.scratch-container ::-webkit-scrollbar-thumb:hover,.algorithm-detail-container ::-webkit-scrollbar-thumb:hover,pre::-webkit-scrollbar-thumb:hover,textarea::-webkit-scrollbar-thumb:hover{background:#60a5faa6;box-shadow:0 0 10px #60a5fa66}