:root{--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#ffb347;--text-secondary:#ffd700;--text-muted:#8b7355;--accent:#00ff00;--border:#333333;--link:#ffb347;--link-hover:#ffd700;--code-bg:#1a1a1a;--code-text:#00ff00;--shadow:rgba(0, 0, 0, 0.5);--font-mono:'Courier New', 'Monaco', 'Menlo', monospace;--font-sans:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:3rem;--transition:all 0.3s ease}[data-theme=light]{--bg-primary:#f5f5f5;--bg-secondary:#ffffff;--bg-tertiary:#e8e8e8;--text-primary:#8b4513;--text-secondary:#654321;--text-muted:#696969;--accent:#228b22;--border:#cccccc;--link:#8b4513;--link-hover:#654321;--code-bg:#f8f8f8;--code-text:#228b22;--shadow:rgba(0, 0, 0, 0.1)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-mono);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:var(--transition);min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--bg-secondary);border-bottom:2px solid var(--border);padding:var(--spacing-md)0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px var(--shadow)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.logo-link{text-decoration:none;color:var(--text-primary);font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:var(--spacing-xs)}.logo-cursor{animation:blink 1s infinite;color:var(--accent)}@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}.nav-list{display:flex;list-style:none;gap:var(--spacing-lg);margin:0;padding:0}.nav-link{text-decoration:none;color:var(--text-primary);padding:var(--spacing-sm)var(--spacing-md);border:1px solid transparent;transition:var(--transition);position:relative}.nav-link:hover,.nav-link.active{color:var(--text-secondary);border-color:var(--accent);background-color:var(--bg-tertiary)}.nav-link::before{content:'> ';color:var(--accent);opacity:0;transition:var(--transition)}.nav-link:hover::before,.nav-link.active::before{opacity:1}.header-controls{display:flex;align-items:center;gap:var(--spacing-md)}.theme-toggle{background:0 0;border:1px solid var(--border);color:var(--text-primary);padding:var(--spacing-sm);cursor:pointer;border-radius:4px;transition:var(--transition);display:flex;align-items:center;justify-content:center;width:40px;height:40px}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--accent)}.theme-icon{font-size:1.2rem}[data-theme=light] .theme-icon.light,[data-theme=dark] .theme-icon.dark{display:none}.menu-toggle{display:none;flex-direction:column;background:0 0;border:none;cursor:pointer;padding:var(--spacing-sm);gap:4px}.menu-toggle span{width:25px;height:3px;background-color:var(--text-primary);transition:var(--transition)}.main{flex:1;padding:var(--spacing-xl)0}.content{max-width:800px;margin:0 auto}h1,h2,h3,h4,h5,h6{color:var(--text-secondary);margin-bottom:var(--spacing-md);font-family:var(--font-mono)}h1{font-size:2.5rem;border-bottom:2px solid var(--accent);padding-bottom:var(--spacing-sm)}h2{font-size:2rem;border-bottom:1px solid var(--border);padding-bottom:var(--spacing-xs)}h3{font-size:1.5rem;color:var(--accent)}p{margin-bottom:var(--spacing-md);text-align:justify}a{color:var(--link);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition)}a:hover{color:var(--link-hover);border-bottom-color:var(--accent)}ul,ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-xl)}li{margin-bottom:var(--spacing-sm)}code{background-color:var(--code-bg);color:var(--code-text);padding:2px 6px;border-radius:3px;font-family:var(--font-mono);font-size:.9em}pre{background-color:var(--code-bg);color:var(--code-text);padding:var(--spacing-md);border-radius:5px;overflow-x:auto;margin-bottom:var(--spacing-md);border:1px solid var(--border)}pre code{background:0 0;padding:0}blockquote{border-left:4px solid var(--accent);padding-left:var(--spacing-md);margin:var(--spacing-md)0;font-style:italic;background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:0 5px 5px 0}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-md);background-color:var(--bg-secondary)}th,td{padding:var(--spacing-sm)var(--spacing-md);text-align:left;border-bottom:1px solid var(--border)}th{background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:700}.footer{background-color:var(--bg-secondary);border-top:2px solid var(--border);padding:var(--spacing-lg)0;margin-top:auto}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.footer-info p{margin-bottom:var(--spacing-xs);font-size:.9rem}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{font-size:.9rem}.home-page .hero{text-align:center;padding:var(--spacing-xxl)0;border-bottom:2px solid var(--border);margin-bottom:var(--spacing-xxl)}.hero h1{font-size:3rem;margin-bottom:var(--spacing-lg);text-shadow:2px 2px 4px var(--shadow)}.hero .subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:var(--spacing-xl)}.hero .terminal-prompt{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:5px;border:1px solid var(--border);font-family:var(--font-mono);text-align:left;max-width:600px;margin:0 auto}.terminal-prompt .prompt-line{color:var(--accent);margin-bottom:var(--spacing-sm)}.terminal-prompt .command{color:var(--text-primary)}.terminal-prompt .output{color:var(--text-muted);margin-top:var(--spacing-sm)}.blog-list{display:grid;gap:var(--spacing-lg)}.blog-item{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:5px;border:1px solid var(--border);transition:var(--transition)}.blog-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 15px var(--shadow)}.blog-meta{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--spacing-sm)}.blog-excerpt{color:var(--text-primary);margin-bottom:var(--spacing-md)}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.character-card{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:5px;border:1px solid var(--border);transition:var(--transition)}.character-card:hover{border-color:var(--accent);transform:translateY(-2px)}.character-name{color:var(--accent);font-size:1.3rem;margin-bottom:var(--spacing-sm)}.character-system{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--spacing-md)}.contact-form{background-color:var(--bg-secondary);padding:var(--spacing-xl);border-radius:5px;border:1px solid var(--border);max-width:600px;margin:0 auto}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-weight:700}.form-input,.form-textarea{width:100%;padding:var(--spacing-sm);background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);border-radius:3px;transition:var(--transition)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px rgba(0,255,0,.2)}.form-button{background-color:var(--accent);color:var(--bg-primary);border:none;padding:var(--spacing-sm)var(--spacing-lg);font-family:var(--font-mono);font-weight:700;cursor:pointer;border-radius:3px;transition:var(--transition)}.form-button:hover{background-color:var(--text-secondary);transform:translateY(-1px)}@media(max-width:768px){.header-content{flex-wrap:wrap}.nav{order:3;width:100%;margin-top:var(--spacing-md)}.nav-list{flex-direction:column;gap:var(--spacing-sm)}.menu-toggle{display:flex}.nav-list{display:none}.nav-list.active{display:flex}.hero h1{font-size:2rem}.footer-content{flex-direction:column;text-align:center}.character-grid{grid-template-columns:1fr}}@media(max-width:480px){.container{padding:0 var(--spacing-sm)}.hero{padding:var(--spacing-lg)0}.hero h1{font-size:1.8rem}.terminal-prompt{padding:var(--spacing-md);font-size:.9rem}}@media print{.header-controls,.footer-links{display:none}body{background:#fff;color:#000}.container{max-width:none;padding:0}}