:root{--background: #f7f9fa;--surface: #ffffff;--foreground: #181818;--muted: #6c757d;--primary: #2563eb;--primary-hover: #1d4ed8;--secondary: #f1f5f9;--secondary-hover: #e2e8f0;--border: #d1d5db;--accent: #f59e42;--error: #dc2626;--success: #16a34a;--link: #2563eb;--link-hover: #1d4ed8;--font-family: "Fira Mono", "Consolas", "Menlo", monospace;--terminal-height: empty}[data-theme=dark]{--background: #181a20;--surface: #23272f;--foreground: #e0e0e0;--muted: #a1a1aa;--primary: #60a5fa;--primary-hover: #3b82fa;--secondary: #23272f;--secondary-hover: #2d323c;--border: #374151;--accent: #fbbf24;--error: #f87171;--success: #4ade80;--link: #60a5fa;--link-hover: #3b82f6;--font-family: "Fira Mono", "Consolas", "Menlo", monospace}[data-theme=purple]{--background: #181825;--surface: #232038;--foreground: #f3f4fa;--muted: #a3a3b2;--primary: #b8b5ff;--primary-hover: #7c7bff;--secondary: #22323f;--secondary-hover: #2d4857;--border: #36374a;--accent: #00bfae;--error: #ff6f91;--success: #43aa8b;--link: #b8b5ff;--link-hover: #7c7bff;--font-family: "Fira Mono", "Consolas", "Menlo", monospace}html,body{width:100vw;margin:0;padding:0}body{min-height:0;min-width:0;background:var(--background);color:var(--foreground);font-family:var(--font-family);transition:background .3s,color .3s}*,*:before,*:after{box-sizing:border-box;font-family:inherit;color:inherit}h1,h2,h3,h4,h5,h6{color:var(--foreground);margin-bottom:.5em;font-weight:700}p,span,label,li,dt,dd{color:var(--foreground)}a{color:var(--link);text-decoration:underline;transition:color .2s}a:hover,a:focus{color:var(--link-hover)}button,.btn{background:var(--primary);color:var(--surface);border:1px solid var(--primary);padding:.5rem 1.2rem;border-radius:4px;cursor:pointer;font-size:1rem;margin:.5rem 0;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;box-shadow:0 2px 8px #0000000a}button:hover,.btn:hover,button:focus,.btn:focus{background:var(--primary-hover);color:var(--surface);border-color:var(--primary-hover);box-shadow:0 4px 16px #0000001a;outline:none}button:active,.btn:active{background:var(--primary);color:var(--surface)}button.secondary,.btn.secondary{background:var(--secondary);color:var(--foreground);border:1px solid var(--border)}button.secondary:hover,.btn.secondary:hover,button.secondary:focus,.btn.secondary:focus{background:var(--secondary-hover);border-color:var(--primary)}input,textarea,select{background:var(--surface);color:var(--foreground);border:1px solid var(--border);border-radius:4px;padding:.5rem;margin:.5rem 0;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-hover);outline:none}button:disabled,.btn:disabled,input:disabled,textarea:disabled,select:disabled{background:var(--muted);color:var(--surface);border-color:var(--border);cursor:not-allowed;opacity:.7}.alert{padding:1rem;border-radius:4px;margin:1rem 0}.alert-success{background:var(--success);color:var(--surface)}.alert-error{background:var(--error);color:var(--surface)}table{width:100%;border-collapse:collapse;background:var(--surface);color:var(--foreground)}th,td{border:1px solid var(--border);padding:.5rem}th{background:var(--secondary);color:var(--foreground)}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}app-apps,app-home,app-about,app-contact,app-graphicsgame,app-calculator,app-admin,app-sound{display:flex;flex:1 1 auto;min-height:0;min-width:0}