body{margin:0;padding:0;background-color:#faf9f6;color:#1a1a1a;font-family:'Courier New',Courier,monospace;line-height:1.6;overflow:auto}canvas{position:fixed;top:0;left:0;z-index:0}.container{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:40px 20px}header{text-align:center;border-bottom:3px double #1a1a1a;padding-bottom:30px;margin-bottom:40px}h1{font-size:3rem;margin:0 0 10px;letter-spacing:2px;text-transform:lowercase}.tagline{font-size:1.1rem;font-style:italic;color:#555;margin:0}section{margin-bottom:40px;border:1px solid #1a1a1a;background:#fff;padding:25px;box-shadow:4px 4px 0 #1a1a1a}h2{font-size:1.5rem;margin-top:0;border-bottom:1px solid #1a1a1a;padding-bottom:10px;text-transform:uppercase}p{font-size:1rem}ul{padding-left:20px}li{margin-bottom:8px}pre{background-color:#1a1a1a;color:#fff;padding:15px;overflow:auto;font-size:.95rem}code{font-family:Consolas,Monaco,monospace}a{color:#1a1a1a;text-decoration:underline;font-weight:bold}a:hover{background-color:#1a1a1a;color:#fff;text-decoration:none}.btn-github{display:inline-block;margin-top:15px;padding:10px 20px;border:2px solid #1a1a1a;background:#fff;color:#1a1a1a;text-decoration:none;text-transform:uppercase;font-size:.9rem;box-shadow:3px 3px 0 #1a1a1a;transition:all .1s ease}.btn-github:hover{background:#1a1a1a;color:#fff;box-shadow:0 0 0 #1a1a1a;transform:translate(3px,3px)}footer{text-align:center;margin-top:60px;font-size:.85rem;color:#666;border-top:1px dashed #1a1a1a;padding-top:20px}
.code-browser{height:480px;margin-top:20px;border:1px solid #1a1a1a;background:#1a1a1a;overflow:hidden}.code-tabs{height:38px;display:flex;overflow-x:auto;background:#eee}.code-tab{height:38px;padding:0 13px;border:0;border-right:1px solid #1a1a1a;background:#eee;color:#555;font:12px 'Courier New',monospace;white-space:nowrap;cursor:pointer}.code-tab span{margin-right:5px}.code-tab.active{background:#1a1a1a;color:#fff}.code-browser-body{height:calc(100% - 38px);display:flex;min-width:0}.explorer{width:190px;flex:none;background:#fff;color:#1a1a1a;border-right:1px solid #1a1a1a}.explorer-title{height:34px;padding:10px 12px 0;box-sizing:border-box;font-size:11px;font-weight:bold;letter-spacing:1px;border-bottom:1px solid #1a1a1a}.file-tree{height:calc(100% - 34px);padding:5px 0;overflow:auto}.file-tree details{margin:0}.file-tree summary,.tree-file{display:flex;align-items:center;gap:4px;width:100%;height:24px;padding:0 6px 0 calc(5px + var(--depth) * 11px);border:0;background:transparent;color:#555;font:11px 'Courier New',monospace;text-align:left;white-space:nowrap;cursor:pointer;list-style:none}.file-tree summary::-webkit-details-marker{display:none}.file-tree summary>span,.tree-file>span{display:inline-flex;justify-content:center;width:12px}.file-tree details[open]>summary>span{transform:rotate(90deg)}.tree-file:hover,.file-tree summary:hover{background:#eee;color:#1a1a1a}.tree-file.active{background:#1a1a1a;color:#fff}.code-view{flex:1 1 0;width:0;min-width:0;height:100%;box-sizing:border-box;margin:0;padding:12px 0;background:#1a1a1a;overflow:auto;font:12px/1.55 Consolas,Monaco,monospace}.code-view code{display:block;min-width:max-content}.line{display:block;width:max-content;min-width:100%;padding-right:20px;box-sizing:border-box;white-space:pre;color:#ddd}.line em{display:inline-block;width:32px;margin-right:10px;padding-right:8px;color:#777;font-style:normal;text-align:right;border-right:1px solid #444}.line b{color:#ff80b5}.line q{color:#e8b070}.line strong{color:#ff80b5}.line u{color:#f0a060;text-decoration:none}.line i{color:#888;font-style:normal}
@media(max-width:650px){.container{padding:25px 12px}h1{font-size:2.35rem}section{padding:18px}.code-browser{height:430px}.explorer{width:135px}.file-tree summary,.tree-file{font-size:9px}.code-view{font-size:10px}}
.line .string{color:#e8b070}
.token.function{color:#e6d27a}.token.property{color:#9fc8ef}
.token.comment{color:#858585;font-style:italic}.token.string{color:#f0b875}.token.attribute{color:#ff91bd}.token.keyword{color:#ff78aa;font-weight:700}.token.boolean{color:#ff9c68}.token.type{color:#7fd6cf}.token.path{color:#b9a5ff}.token.number{color:#ffa36f}.token.operator{color:#aeb2b7}.token.type-name{color:#86c7f3}.line .token{display:inline;width:auto;margin:0;padding:0;border:0;text-align:inherit;font-style:normal}.line .token.comment{font-style:italic}
.terminal-head{height:38px;margin-top:16px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#333;color:#bbb;font:12px Consolas,Monaco,monospace}.terminal{margin-top:0}.copy-code{padding:5px 8px;border:0;background:transparent;color:#ccc;font:12px 'Courier New',monospace;cursor:pointer}.copy-code:hover,.copy-code.copied{background:#fff;color:#1a1a1a}.shell-prompt{color:#777}.shell-command{color:#ff80b5}.shell-url{color:#e8b070}.shell-arg{color:#ddd}.shell-path{color:#8fd5ca}
.container{will-change:opacity}