:root{--bg-0:#0a0e27;--bg-1:#121829;--bg-2:#1a202c;--bg-3:#242d42;--bg-focus:#2a3f5f;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-tertiary:#718096;--accent-primary:#00d9ff;--accent-secondary:#7c3aed;--accent-tertiary:#10b981;--accent-warn:#f59e0b;--border-color:#2d3748;--border-subtle:#1f2937;--font-mono:"Fira Code", "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll}body{background:linear-gradient(135deg, var(--bg-0) 0%, var(--bg-1) 100%);color:var(--text-primary);font-family:var(--font-sans);background-attachment:fixed;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:600}.os-system-font{font-family:var(--font-mono);letter-spacing:.05em;text-transform:lowercase;font-size:.875rem}a{color:var(--accent-primary);text-decoration:none;transition:all .2s;position:relative}a:hover{color:var(--accent-secondary);text-shadow:0 0 8px #00d9ff4d}.os-header{background:linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);border-bottom:1px solid var(--border-color);z-index:1000;height:44px;padding:0;position:sticky;top:0;box-shadow:0 4px 12px #0006}.os-header-content{max-width:1400px;font-family:var(--font-mono);align-items:stretch;margin:0 auto;padding:0;display:flex}.os-header-title{color:var(--accent-primary);border-right:1px solid var(--border-color);letter-spacing:.1em;white-space:nowrap;align-items:center;height:44px;padding:0 24px;font-size:1rem;display:flex}.os-header-title:before{content:"$ ";color:var(--accent-tertiary);margin-right:8px}.os-header-nav{flex:1;align-items:stretch;display:flex}.os-nav-item{color:var(--text-secondary);letter-spacing:.05em;border-right:1px solid var(--border-subtle);cursor:pointer;flex:1;align-items:center;gap:6px;height:44px;padding:0 20px;font-size:.875rem;transition:all .3s;display:flex;position:relative}.os-nav-item:last-child{border-right:none}.os-nav-item:before{content:"|";color:var(--accent-tertiary);margin-right:8px;font-weight:700}.os-nav-icon{justify-content:center;align-items:center;width:1.2em;font-size:.9rem;display:flex}.os-nav-item:hover{background-color:var(--bg-3);color:var(--accent-primary);text-shadow:0 0 8px #00d9ff33}.os-nav-item.active{background-color:var(--bg-focus);color:var(--accent-primary);border-bottom:2px solid var(--accent-primary)}.os-footer{background:linear-gradient(180deg, var(--bg-2) 0%, var(--bg-1) 100%);border-top:1px solid var(--border-color);font-family:var(--font-mono);justify-content:space-between;align-items:center;margin-top:40px;padding:8px 24px;font-size:.8rem;display:flex;box-shadow:0 -2px 12px #0000004d}.os-footer-left{align-items:center;gap:24px;display:flex}.os-footer-item{color:var(--text-secondary);align-items:center;gap:6px;transition:color .2s;display:flex}.os-footer-item:before{content:"◆";color:var(--accent-tertiary)}.os-footer-item:hover{color:var(--accent-primary)}.os-footer-status{color:var(--accent-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.os-window{background:linear-gradient(135deg, var(--bg-2) 0%, var(--bg-3) 100%);border:1px solid var(--border-color);border-radius:8px;margin-bottom:32px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.os-window:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 16px 48px #00d9ff26}.os-window-titlebar{background:linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:12px 16px;display:flex}.os-window-lights{gap:8px;margin-right:auto;display:flex}.os-traffic-light{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.os-traffic-light.red{background-color:#ff5f56;box-shadow:inset 0 1px #c41c1c}.os-traffic-light.yellow{background-color:#ffbd2e;box-shadow:inset 0 1px #c8a60e}.os-traffic-light.green{background-color:#27c93f;box-shadow:inset 0 1px #0d883e}.os-traffic-light:hover{transform:scale(1.2)}.os-window-title{color:var(--text-primary);font-size:.9rem;font-family:var(--font-mono);text-align:center;letter-spacing:.05em;flex:1}.os-window-meta{color:var(--text-tertiary);font-size:.75rem;font-family:var(--font-mono);gap:12px;margin-left:auto;display:flex}.os-window-content{padding:24px}.os-window-content h2{color:var(--accent-primary);margin-bottom:8px;font-size:1.6rem}.os-window-content p{color:var(--text-secondary);margin-bottom:12px;line-height:1.8}.os-window-content pre{background-color:var(--bg-0);border:1px solid var(--border-color);border-radius:4px;margin:12px 0;padding:12px;overflow-x:auto}.os-window-content code{font-family:var(--font-mono);color:var(--accent-tertiary);font-size:.9rem}.os-window-footer{border-top:1px solid var(--border-subtle);color:var(--text-tertiary);background-color:#0003;justify-content:space-between;align-items:center;padding:12px 24px;font-size:.8rem;display:flex}.os-window-tags{gap:8px;display:flex}.os-tag{background-color:var(--bg-focus);color:var(--accent-primary);border:1px solid var(--border-color);border-radius:3px;padding:4px 8px;font-size:.75rem}.os-main{max-width:1200px;margin:0 auto;padding:40px 24px}.os-system-info{background:linear-gradient(135deg, var(--bg-2) 0%, var(--bg-3) 100%);border:1px solid var(--border-color);font-family:var(--font-mono);color:var(--text-secondary);border-radius:4px;margin-bottom:40px;padding:16px 24px;font-size:.9rem}.os-system-info h3{color:var(--accent-primary);letter-spacing:.05em;margin-bottom:12px;font-size:1rem}.os-system-info p{color:var(--text-secondary);margin-bottom:4px}.os-window-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}.os-window-grid.full,.os-window-grid.list{grid-template-columns:1fr}@media (max-width:768px){.os-header-nav{display:none}.os-window{margin-bottom:20px}.os-main{padding:20px 16px}.os-footer{flex-direction:column;gap:8px;padding:8px 16px;font-size:.7rem}.os-footer-left{gap:12px}}.os-divider{background:linear-gradient(90deg, transparent, var(--border-color), transparent);height:1px;margin:40px 0}.os-form{background:linear-gradient(135deg, var(--bg-2) 0%, var(--bg-3) 100%);border:1px solid var(--border-color);border-radius:8px;margin-bottom:24px;padding:24px}.os-form-group{margin-bottom:20px}.os-form-group:last-child{margin-bottom:0}.os-form-label{font-family:var(--font-mono);color:var(--text-secondary);text-transform:lowercase;letter-spacing:.05em;margin-bottom:8px;font-size:.9rem;display:block}.os-form-input,.os-form-textarea,.os-form-select{background-color:var(--bg-0);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-mono);border-radius:4px;padding:12px;font-size:.95rem;transition:all .2s}.os-form-input:focus,.os-form-textarea:focus,.os-form-select:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 8px #00d9ff33}.os-form-textarea{resize:vertical;min-height:200px;font-family:var(--font-mono)}.os-form-button{background:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);border:1px solid var(--accent-primary);color:var(--bg-0);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s}.os-form-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00d9ff4d}.os-form-button:active{transform:translateY(0)}.os-window-content code[class*=language-]{color:inherit;background:0 0;padding:0}.os-window-content pre[class*=language-]{background-color:var(--bg-0);border:1px solid var(--border-color);border-radius:4px;margin:16px 0;padding:16px;overflow-x:auto}.os-window-content pre[class*=language-]:before{content:attr(data-language);font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:.75rem;display:block}.copy-btn{cursor:pointer;opacity:.6;font-size:1.2rem;transition:all .2s;position:absolute;top:12px;right:12px}.copy-btn:hover{opacity:1;transform:scale(1.2)}.os-window-content h1,.os-window-content h2,.os-window-content h3,.os-window-content h4,.os-window-content h5,.os-window-content h6{color:var(--accent-primary);margin-top:24px;margin-bottom:12px;line-height:1.4}.os-window-content h1{border-bottom:2px solid var(--border-color);padding-bottom:12px;font-size:1.8rem}.os-window-content h2{border-bottom:1px solid var(--border-subtle);padding-bottom:8px;font-size:1.6rem}.os-window-content h3{font-size:1.4rem}.os-window-content h4,.os-window-content h5,.os-window-content h6{font-size:1.1rem}.os-window-content blockquote{border-left:3px solid var(--accent-secondary);color:var(--text-secondary);margin:16px 0;padding-left:16px;font-style:italic}.os-window-content ul,.os-window-content ol{margin-top:12px;margin-bottom:12px;margin-left:24px}.os-window-content li{color:var(--text-secondary);margin-bottom:6px}.os-window-content li::marker{color:var(--accent-tertiary)}.os-post-list{flex-direction:column;gap:0;display:flex}.os-post-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 0;transition:all .2s;display:flex}.os-post-item:last-child{border-bottom:none}.os-post-item:hover{background-color:#00d9ff0d;padding-left:8px}.os-post-title{color:var(--accent-primary);cursor:pointer;font-weight:600;transition:all .2s}.os-post-title:hover{text-shadow:0 0 8px #00d9ff4d}.os-post-date{color:var(--text-tertiary);font-size:.85rem;font-family:var(--font-mono)}.os-link-button{color:var(--accent-primary);border:1px solid var(--accent-primary);font-family:var(--font-mono);letter-spacing:.05em;background-color:#0000;border-radius:4px;padding:8px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.os-link-button:hover{background-color:#00d9ff1a;transform:translate(2px);box-shadow:0 0 8px #00d9ff33}.os-link-button:active{transform:translate(0)}
pre[class*=language-]{color:#e0e0ff;white-space:pre-wrap;word-break:break-word;background:#2d0060;border-radius:8px;margin:1em 0;padding:15px;font-size:.9rem;line-height:1.5;position:relative}.copy-btn{cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10;opacity:.8;font-size:18px;transition:opacity .2s;position:absolute;top:4px;right:4px}.copy-btn:hover{opacity:1}.token.comment,.token.block-comment,.token.prolog,.token.doctype,.token.cdata{color:#9a6fee}.token.punctuation{color:#fff}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#ff79c6}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#9c4fff}.token.operator,.token.entity,.token.url,.token.variable{color:#e6e6fa}.token.atrule,.token.attr-value,.token.keyword{color:#bd93f9}.token.function,.token.class-name{color:#8be9fd}.token.regex,.token.important{color:#f55}