:root{--font-mono: "Courier New", Courier, monospace;--bg-main: #050505;--bg-card: #111111;--bg-card-hover: #1a1a1a;--border: #27272a;--text-main: #e4e4e7;--text-muted: #71717a;--accent: #209e26;--scanline-color: rgba(255, 255, 255, .03)}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden;background:var(--bg-main);color:var(--text-main);font-family:var(--font-mono)}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit}a{text-decoration:none;color:inherit}.app-container{display:flex;height:100vh;width:100vw;background:var(--bg-main)}.sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem;overflow-y:auto}.sidebar-header{border-bottom:1px solid var(--border);padding-bottom:1rem}.muted{font-size:.875rem;color:var(--text-muted)}.arrows{display:flex;gap:1rem;justify-content:center;margin-top:.5rem;color:var(--text-muted)}.sidebar-controls{border-bottom:1px solid var(--border);padding:1rem 0}.sidebar-controls button{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem 0;color:var(--text-muted);transition:.2s}.sidebar-controls button:hover{color:var(--accent)}.nav-menu{flex:1;padding:1rem 0}.nav-label{text-transform:uppercase;font-size:.75rem;color:var(--text-muted);margin-bottom:.5rem}.nav-item{display:block;padding:.75rem 1rem;text-align:left;border-left:2px solid transparent;color:var(--text-muted);transition:.2s}.nav-item:hover{color:var(--text-main);border-left-color:var(--border)}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:#f43f5e0d}.submenu-container{padding-left:.5rem}.submenu-item{padding:.4rem 1rem .4rem 2rem;color:var(--text-muted);border-left:2px solid transparent;font-size:.8rem;transition:.2s}.submenu-item:hover{color:var(--accent)}.submenu-item.active-post{color:var(--accent);border-left-color:var(--accent);font-weight:700}.sidebar-footer{font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border);padding-top:1rem}.main-content{flex:1;overflow-y:auto;padding:2rem}.breadcrumbs{display:flex;gap:.5rem;padding-bottom:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.875rem}.cursor{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:0}}.content-section{max-width:900px;margin:0 auto}.title{font-size:2rem;margin-bottom:2rem;text-align:center}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.intro-card{background:var(--bg-card);border:1px dashed var(--border);padding:2rem}.terminal-text{color:var(--text-muted);margin-bottom:1.5rem;font-size:1.1rem}.bold{font-weight:700;color:var(--text-main)}.intro-details p{margin-bottom:.5rem}.intro-actions{margin-top:2rem;display:flex;gap:1rem}.link-btn{color:var(--accent);text-decoration:underline;text-decoration-style:dashed}.avatar-card{display:flex;flex-direction:column;align-items:center}.pixel-avatar{width:200px;height:200px;border:2px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:4rem;overflow:hidden}.logo-img{width:100%;height:100%;object-fit:contain}.status-bar{border:1px solid var(--border);padding:.5rem;text-align:center;color:var(--accent);margin-top:2rem;animation:pulse 2s infinite}.blog-container{display:grid;grid-template-columns:1fr 300px;gap:2rem}.blog-main{min-width:0}.blog-sidebar{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;border-radius:4px;position:sticky;top:0}.blog-sidebar h3{color:var(--text-muted);text-transform:uppercase;margin-bottom:1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}.blog-nav-item{border-bottom:1px dashed var(--border);padding:.5rem 0;color:var(--text-muted);transition:.2s}.blog-nav-item:hover{color:var(--accent)}.blog-nav-item.active{color:var(--accent);font-weight:700}.article-content{line-height:1.8;color:var(--text-main)}.article-content h2{color:var(--accent);margin:2rem 0 1rem;font-size:1.8rem}.article-content h3{margin:1.5rem 0 1rem;font-size:1.4rem;padding-left:1rem;border-left:3px solid var(--accent)}.article-content img{max-width:100%;margin:2rem auto;border-radius:4px;display:block;border:1px solid var(--border)}.card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;margin-bottom:1rem;transition:border-color .2s}.card:hover{border-color:var(--accent)}.tag{color:var(--accent)}.date{font-size:.75rem;color:var(--text-muted)}.project-grid,.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.photo-frame{background:var(--bg-card);padding:.5rem;border:1px solid var(--border)}.img-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.contact-card{border:1px dashed var(--border);padding:2rem;background:var(--bg-card);text-align:center}.social-links{display:flex;justify-content:center;gap:1rem;margin:1.5rem 0}.social-btn{border:1px solid var(--border);padding:.5rem 1rem;text-transform:uppercase;font-size:.75rem;color:var(--text-muted)}.social-btn:hover{border-color:var(--accent);color:var(--accent)}.panel-wrapper{max-width:960px;margin:0 auto}.panel-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.panel-card{background:var(--bg-card);padding:1.5rem;margin-bottom:1.5rem;border:1px dashed var(--border)}.panel-upload-row{display:flex;gap:1rem;align-items:center}.panel-hint{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.panel-table{width:100%;border-collapse:collapse}.panel-table th,.panel-table td{padding:.5rem;border-bottom:1px solid var(--border);text-align:left}.panel-pill{padding:2px 8px;border-radius:999px;border:1px solid var(--border);font-size:.7rem}.panel-actions{display:flex;gap:.5rem}.terminal-card{background:#0a0a0ae6;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #00000080;overflow:hidden;margin-top:1rem;transition:transform .2s,box-shadow .2s}.terminal-card:hover{box-shadow:0 0 15px #209e2626;border-color:var(--accent)}.terminal-header{background:#ffffff0d;padding:.75rem 1rem;border-bottom:1px solid var(--border);display:flex;align-items:center;position:relative}.terminal-buttons{display:flex;gap:6px}.btn-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.btn-dot.red{background-color:#ff5f56}.btn-dot.yellow{background-color:#ffbd2e}.btn-dot.green{background-color:#27c93f}.terminal-title{position:absolute;left:0;right:0;text-align:center;font-size:.8rem;color:var(--text-muted);font-family:var(--font-mono);pointer-events:none}.terminal-body{padding:1.5rem;font-size:.95rem;line-height:1.7;color:var(--text-main)}.terminal-body p{margin-bottom:1rem}.highlight-text{color:var(--accent);font-weight:700;background:#209e261a;padding:0 4px;border-radius:4px}.terminal-cursor{display:inline-block;color:var(--accent);font-weight:700;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}[data-theme=light]{--bg-main: #a28266;--text-main: #1a1a1a !important;--text-muted: #2b2b2b !important;--bg-card: #a28266 !important;--bg-card-hover: #f0f0f0 !important;--accent: #d4ee12 !important;--border: rgba(0, 0, 0, .2)}[data-theme=light] .article-content pre{background:#64644d!important;color:#2b2b2b!important;border:1px solid #c2c7a8!important}[data-theme=light] .article-content code{background:transparent!important;color:#2b2b2b!important}[data-theme=light] .article-content p code{background:#eaeac8!important;padding:2px 4px;border-radius:4px}[data-theme=light] .content-section,[data-theme=light] .card,[data-theme=light] .intro-card,[data-theme=light] .contact-card,[data-theme=light] .blog-sidebar{background:#beae8ed9!important;color:var(--text-main)!important}[data-theme=light] .terminal-text{color:#222!important}[data-theme=light] .scanline-overlay{background-image:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.04) 50%)}.scanline-overlay{position:fixed;inset:0;width:100%;height:100%;background-image:linear-gradient(to bottom,transparent 50%,var(--scanline-color) 50%);background-size:100% 4px;pointer-events:none;z-index:999}.text-green{color:#209e26!important;font-weight:700}.text-red{color:#ff5f56!important;font-weight:700}@media(max-width:768px){.app-container{flex-direction:column;height:100vh;overflow:hidden}.sidebar{width:100%;height:auto;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border);padding:.5rem;background:var(--bg-card);z-index:9999}.sidebar-header-row{display:flex;justify-content:center;align-items:center;width:100%}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center;gap:5px;width:100%;padding:.5rem;color:var(--accent);background:#0003;border:1px dashed var(--border);border-radius:6px;cursor:pointer}.sidebar-inner{display:none;padding-top:1rem;border-top:1px solid var(--border);margin-top:.5rem}.sidebar-inner.open{display:block}.sidebar-controls{display:flex;flex-direction:row;gap:.5rem;margin-bottom:1rem}.sidebar-controls button{flex:1;justify-content:center;border:1px solid var(--border);padding:.5rem;border-radius:4px;font-size:.8rem;white-space:nowrap}.main-content{flex:1;padding:1rem;overflow-y:auto;height:100%}.header-text,.blog-sidebar{display:none}.hero-grid,.blog-container{grid-template-columns:1fr}.title{font-size:1.6rem;word-break:break-word;padding:0 10px}.article-content{font-size:1.05rem;line-height:1.7}}@media(min-width:769px){.mobile-menu-btn{display:none!important}.sidebar-inner{display:block!important}.sidebar-header-row{display:none}.header-text{display:block}}.article-content .code{display:block;background:#0b0b0b;color:#e5e5e5;padding:1rem;border-radius:4px;border:1px solid #27272a;font-family:Courier New,Courier,monospace;font-size:.85rem;overflow-x:auto;margin:1rem 0}.article-content .link,.article-content .hover-link{color:#f43f5e;text-decoration:underline;text-decoration-style:dashed}.article-content .hover-link:hover{opacity:.8}