.code-container.macos-style{border-radius:8px;background:#1a1b26;border:1px solid rgba(255,255,255,.1);overflow:hidden;margin-bottom:1.5rem;box-shadow:0 4px 6px #0000004d}.code-container pre.astro-code{margin:0!important;padding:1rem!important;background:transparent!important;border-radius:0!important}.code-header{display:flex;align-items:center;padding:0 1rem;height:44px;background:#24283b;border-bottom:1px solid rgba(0,0,0,.2)}.mac-dots{display:flex;gap:8px;margin-right:12px}.mac-dots .dot{width:12px;height:12px;border-radius:50%}.mac-dots .red{background:#ff5f56}.mac-dots .yellow{background:#ffbd2e}.mac-dots .green{background:#27c93f}.code-title{font-family:var(--font-mono);font-size:.85rem;color:#c0caf5;font-weight:700}.copy-btn{margin-left:auto;background:none;border:none;color:#565f89;cursor:pointer;font-size:1rem;display:flex;align-items:center;transition:all .2s;padding:4px 8px;border-radius:4px}.copy-btn:hover{color:#c0caf5;background-color:#ffffff0d}.copy-btn.copied{color:#9ece6a}:root{--bg: transparent;--fg: #ffffff;--comment: #565f89;--blue: #7aa2f7;--purple: #bb9af7;--green: #9ece6a;--yellow: #e0af68;--red: #f7768e;--cyan: #7dcfff;--term-user: #bd93f9;--alert-note-bg: rgba(56, 139, 253, .15);--alert-note-border: #2f81f7;--alert-tip-bg: rgba(63, 185, 80, .15);--alert-tip-border: #3fb950;--alert-important-bg: rgba(163, 113, 247, .15);--alert-important-border: #a371f7;--alert-warning-bg: rgba(210, 153, 34, .15);--alert-warning-border: #d29922;--alert-caution-bg: rgba(248, 81, 73, .15);--alert-caution-border: #f85149;--font-mono: "Fira Code", monospace}.workspace-grid{display:grid;grid-template-columns:1fr 380px;grid-template-rows:1fr;gap:15px;height:100%;width:100%;padding:0;min-height:0}.ide-col{height:100%;min-height:0;overflow:hidden}.full-height-window{height:100%;display:flex;flex-direction:column}.ide-container{display:flex;flex:1;overflow:hidden}.ide-sidebar{width:250px;background:#0003;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;color:#a9b1d6;font-family:var(--font-mono);font-size:13px}.sidebar-header{padding:10px 15px;font-size:11px;font-weight:700;color:var(--comment);letter-spacing:1px}.file-tree-container{flex:1;overflow-y:auto;padding:5px 15px}.tree-root{margin-bottom:10px}.tree-folder{margin-bottom:5px}.folder-label{display:flex;align-items:center;cursor:pointer;margin-bottom:5px}.folder-content{padding-left:12px;border-left:1px solid rgba(255,255,255,.1);margin-left:4px}.tree-list{list-style:none;padding:0;margin:0}.tree-item{padding:2px 0;position:relative}.depth-1{padding-left:0}.depth-2{padding-left:18px;margin-left:5px;border-left:1px solid rgba(255,255,255,.1)}.depth-3{padding-left:18px;margin-left:23px;border-left:1px solid rgba(255,255,255,.1)}.depth-4,.depth-5,.depth-6{padding-left:18px;margin-left:41px;border-left:1px solid rgba(255,255,255,.1)}.tree-item a{text-decoration:none;color:#a9b1d6;display:flex;align-items:center;gap:8px;transition:.2s}.tree-item a:hover{color:#fff}.tree-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ide-editor{flex:1;display:flex;flex-direction:column;background:transparent;overflow:hidden}.breadcrumbs{padding:10px 20px;font-size:12px;color:var(--comment);border-bottom:1px dashed rgba(255,255,255,.1)}.article-content{flex:1;overflow-y:auto;padding:30px 40px;color:var(--fg);font-family:var(--font-mono);font-size:15px;line-height:1.8}:global(.prose h1){font-size:3em;color:var(--blue);margin-bottom:.5em;border-bottom:none;letter-spacing:-1px}:global(.prose h2){color:var(--purple);margin-top:2em;font-size:1.8em;margin-bottom:.8em;border-bottom:1px dashed var(--comment);padding-bottom:5px}:global(.prose h3){color:var(--cyan);margin-top:1.5em;font-size:1.3em;margin-bottom:.5em}:global(.prose p){margin-bottom:1.5em;max-width:800px;color:#e6e6e6}:global(.prose a){color:var(--green);text-decoration:underline}:global(.prose code){color:var(--yellow);background:#0000004d;padding:2px 5px;border-radius:4px}:global(.prose pre code),:global(.code-container pre code),:global(pre code){background-color:transparent!important;background-image:none!important;padding:0!important;margin:0!important;border-radius:0!important;color:inherit!important;border:none!important;box-shadow:none!important;display:block;width:100%;min-width:100%}:global(.prose pre){background:#000c!important;padding:20px;border-radius:8px;overflow-x:auto;margin:25px 0;border:1px solid rgba(255,255,255,.3)}:global(.prose img){max-width:100%;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin:20px 0}:global(.prose table){width:100%;border-collapse:collapse;margin:20px 0;border:1px solid rgba(255,255,255,.6)!important}:global(.prose th),:global(.prose td){border:1px solid rgba(255,255,255,.6)!important;padding:10px 15px;text-align:left}:global(.prose th){background:#00000080;color:var(--cyan);font-weight:700}:global(.prose tr:nth-child(2n)){background:#ffffff0d}:global(.ide-window-glass .window-content){background-color:#1a1b26f2!important}:global(.prose blockquote){border-left:4px solid var(--term-user);padding:15px 20px;background:#bd93f91a;color:#fff;border-radius:0 8px 8px 0;font-style:italic;margin:20px 0;position:relative}:global(.prose blockquote strong){color:var(--red)}:global(.markdown-alert){padding:5px 15px;margin-bottom:16px;border-left:.25em solid;border-radius:4px;color:#e6edf3}:global(.markdown-alert-title){display:flex;font-weight:600;align-items:center;line-height:1;margin-bottom:5px}:global(.markdown-alert-note){border-color:var(--alert-note-border);background-color:var(--alert-note-bg)}:global(.markdown-alert-note .markdown-alert-title){color:var(--alert-note-border)}:global(.markdown-alert-tip){border-color:var(--alert-tip-border);background-color:var(--alert-tip-bg)}:global(.markdown-alert-tip .markdown-alert-title){color:var(--alert-tip-border)}:global(.markdown-alert-important){border-color:var(--alert-important-border);background-color:var(--alert-important-bg)}:global(.markdown-alert-important .markdown-alert-title){color:var(--alert-important-border)}:global(.markdown-alert-warning){border-color:var(--alert-warning-border);background-color:var(--alert-warning-bg)}:global(.markdown-alert-warning .markdown-alert-title){color:var(--alert-warning-border)}:global(.markdown-alert-caution){border-color:var(--alert-caution-border);background-color:var(--alert-caution-bg)}:global(.markdown-alert-caution .markdown-alert-title){color:var(--alert-caution-border)}.sidebar-container{padding:40px 40px 40px 0;display:flex;flex-direction:column;overflow:hidden}.sidebar{background:#00000080;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.1);font-family:Fira Code,monospace;display:flex;flex-direction:column;color:var(--term-text);box-shadow:0 10px 30px #00000080;border-radius:16px;height:100%;overflow:hidden;position:relative}.sidebar:before{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.02) 40%,rgba(255,255,255,.05) 50%,rgba(255,255,255,.02) 60%,transparent);transform:skew(-25deg);pointer-events:none}.term-header{padding:15px 20px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);font-size:.85rem;color:#fff9;display:flex;align-items:center;gap:12px;flex-shrink:0}.term-dots{display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;opacity:.8}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.term-body{flex-grow:1;padding:24px 24px 10px;overflow-y:auto;font-size:.9rem;scrollbar-width:none;-ms-overflow-style:none}.term-footer{flex-shrink:0;padding:10px 24px 24px;background:#0003;border-top:1px solid rgba(255,255,255,.05)}.term-body::-webkit-scrollbar{display:none}:global(.comment-entry){margin-bottom:16px;opacity:0;animation:fadeIn .5s forwards;position:relative;z-index:1}.system-log{margin-bottom:0}:global(.cmd-line){margin-bottom:4px;color:var(--term-user);line-break:anywhere}:global(.cmd-path){color:var(--term-path)}:global(.cmd-input){color:#fff}:global(.comment-msg){color:var(--term-text);padding-left:20px;border-left:2px solid var(--term-dim);margin-top:4px;white-space:pre-wrap}.comment-input-area{display:flex;align-items:center;gap:0;width:100%;background:transparent;border:none;outline:none;color:#fff;font-family:inherit;font-size:inherit}#cli-input{background:transparent;border:none;outline:none;color:#fff;font-family:inherit;font-size:inherit;flex:1;margin-left:8px}.blinking-cursor{display:inline-block;width:8px;height:1em;background:var(--term-text);animation:blink 1s step-end infinite}#cli-input:focus+.blinking-cursor{display:none}@keyframes blink{50%{opacity:0}}.boot-content{position:relative;width:80%;max-width:800px;margin:0 auto;z-index:5}.dino-container{position:relative;height:60px;margin-bottom:40px;border-bottom:2px solid #333}.dino-svg{position:absolute;left:0;bottom:0;width:48px;height:48px;fill:#27c93f;animation:dinoRun 2.5s linear forwards}.boot-logs{height:200px;overflow:hidden;font-size:14px;line-height:1.6;text-shadow:0 0 5px #27c93f;display:flex;flex-direction:column;justify-content:flex-end}.log-line{opacity:0;animation:fadeIn .1s forwards}@keyframes dinoRun{0%{left:0;transform:scaleX(1)}45%{transform:scaleX(1)}50%{transform:scaleX(-1)}to{left:100%;transform:scaleX(1)}}@keyframes fadeIn{to{opacity:1}}#boot-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;display:flex;flex-direction:column;justify-content:center;color:#27c93f;font-family:Fira Code,monospace;overflow:hidden;transition:opacity .5s ease-out,visibility .5s}#boot-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:10}.network-tips{position:absolute;bottom:50px;width:100%;text-align:center;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;animation:pulse 2s infinite}#turnstile-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;z-index:10000;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity .3s ease}#turnstile-modal.visible{opacity:1}.turnstile-box{background:#1e1e1e;padding:20px;border:1px solid #333;border-radius:8px;text-align:center;box-shadow:0 10px 30px #00000080}.turnstile-label{color:#fff;font-family:monospace;margin-bottom:20px;font-size:1.2em}#manual-close-btn{margin-top:15px;background:transparent;border:1px solid #555;color:#aaa;padding:5px 10px;cursor:pointer;font-family:monospace;width:100%}#manual-close-btn:hover{border-color:#fff;color:#fff}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.layout{display:grid;grid-template-columns:1fr 380px;width:100%;height:100%;flex:1;overflow:hidden}.main-content-col{padding:20px;overflow:hidden;height:100%}.workspace-grid{display:grid;grid-template-columns:1fr 380px;gap:20px;flex:1;min-height:0}