body{background-color:var(--bg);margin:0;font-family:system-ui,sans-serif;font-family:var(--font-main),system-ui,sans-serif}.header,body{color:var(--text)}.header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;background:var(--footer-bg);border-color:white;border-bottom:1px solid;padding:.5rem .5rem 12px}.header-controls{display:flex;gap:1rem}.mode-toggle{background:none;border:1px solid;padding:.5rem 1rem;border-radius:6px;cursor:pointer;color:inherit}.nav{display:flex;flex-direction:row;gap:1rem}.nav-link{color:var(--text);margin-right:1rem;text-decoration:none}.footer{padding:1rem;background:var(--footer-bg);margin-top:2rem}.footer-content{max-width:800px;margin:0 auto;font-size:.9rem}@media (max-width:600px){.header{flex-direction:column;align-items:flex-start;gap:1rem}.nav{flex-wrap:wrap}.header-controls{width:100%;justify-content:flex-end}.mode-toggle{padding:.4rem .8rem;font-size:.7rem}}.dark body{background:#111827;color:#e5e7eb}.container{margin:auto;padding:2rem;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.05);font-family:var(--font-variant),system-ui,sans-serif}.dark .container{background:#1f2937;box-shadow:0 0 10px rgba(0,0,0,.2)}.page-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:2rem;padding:0;flex-wrap:nowrap}.main-column{flex:0 1 auto;max-width:1080px;align-self:flex-end}html.dark .container{background:#1f2937;box-shadow:0 0 10px rgba(0,0,0,.2)}.sidebar-column{border-left:2px solid #191b1a;font-family:Courier New,monospace}.sidebar-column,.sidebar-column-left{width:280px;flex-shrink:0;margin-left:auto;padding:1rem}@media (max-width:960px){.page-wrapper{flex-direction:column}.sidebar-wrapper{position:static;width:100%;border-left:none;border-top:2px solid #66ffcc;margin-top:2rem}.sidebar-column{width:auto;flex-shrink:0;border-left:2px solid #191b1a;padding:1rem;color:#66ffcc;font-family:Courier New,monospace}.sidebar-column-left{display:none}.main-column{flex:unset;max-width:800;align-self:unset}}h1,h2,h3{font-weight:600;margin-bottom:1rem;color:#1a202c}.dark h1,.dark h2,.dark h3{color:#f9fafb}a{color:#0070f3;text-decoration:none}a:hover{text-decoration:underline}.dark a{color:#3b82f6}ul{padding-left:1.2rem}li{margin-bottom:1rem}footer{font-size:.9rem;text-align:center;color:#666}.dark footer{color:#9ca3af}.card{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.04);transition:box-shadow .2s ease;margin-bottom:1.5rem}.dark .card{background:#1f2937;border-color:#374151;box-shadow:0 2px 4px rgba(0,0,0,.3)}.card img{width:120px;height:auto;border-radius:.5rem;object-fit:cover;flex-shrink:0}.card-content{flex:1 1}@media (max-width:600px){.card{flex-direction:column;align-items:center;text-align:center}.card img{max-width:100%}.card-content{text-align:left}}input,select,textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;background:#fff;color:#111;box-sizing:border-box}textarea{min-height:120px;resize:vertical}button{padding:.75rem 1.25rem;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;background-color:#0070f3;color:#fff;cursor:pointer;transition:background .2s ease}button:hover{background-color:#0059c1}.dark input,.dark select,.dark textarea{background:#111827;color:#e5e7eb;border-color:#374151}.dark button{background-color:#3b82f6;color:#fff}.dark button:hover{background-color:#2563eb}:root{--bg:#fff;--text:#000;--footer-bg:#eee;--font-main:"VT323",monospace;--font-variant:"Rubik",sans-serif;--card-bg:rgba(220,220,220,0.01);--card-text:#003333;--scanline-primary:rgba(102,255,204,0.08);--scanline-secondary:rgba(186,188,211,0.927)}.dark{--bg:#111;--text:#eee;--footer-bg:#222;--card-bg:rgba(0,0,0,0.1);--card-text:#66ffcc;--scanline-primary:rgba(102,255,204,0.08);--scanline-secondary:rgba(38,36,34,0.927)}