*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden}:root{--max-width: 1200px;--padding: 1rem;--bg-color: #0b0b0b;--text-color: #ffffff;--primary-color: #ffcc15;--secondary-color: #1f2937;--bg-color-darker: #111111;--text-color-light: #bbbbbb;--panel-bg: rgba(17,17,17,.6);--panel-bg-soft: rgba(17,17,17,.45);--action-bg: rgba(255,226,89,.12);--overlay-bg: rgba(0,0,0,.6);--focus-ring: 3px}body{font-family:system-ui,sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.5;transition:background .25s ease,color .25s ease}.container{max-width:var(--max-width);margin:0 auto;padding:var(--padding)}@media (max-width: 768px){:root{--padding: .75rem}}@media (max-width: 480px){:root{--padding: .5rem}}html[data-theme=light]{--bg-color: #ffffff;--text-color: #111827;--primary-color: #2563eb;--secondary-color: #e5e7eb;--bg-color-darker: #f3f4f6;--text-color-light: #6b7280;--panel-bg: rgba(255,255,255,.7);--panel-bg-soft: rgba(245,245,245,.85);--action-bg: rgba(37,99,235,.08);--overlay-bg: rgba(0,0,0,.5)}html[data-theme=normal1]{--bg-color: #0b0b0b;--text-color: #ffffff;--primary-color: #ffcc15;--secondary-color: #1f2937;--bg-color-darker: #111111;--text-color-light: #bbbbbb;--panel-bg: rgba(17,17,17,.6);--panel-bg-soft: rgba(17,17,17,.45);--action-bg: rgba(255,226,89,.12);--overlay-bg: rgba(0,0,0,.6)}html[data-theme=normal2]{--bg-color: #111111;--text-color: #ffdd88;--primary-color: #ffcc00;--secondary-color: #2b2b2b;--bg-color-darker: #161616;--text-color-light: #d0c6a0;--panel-bg: rgba(20,20,20,.6);--panel-bg-soft: rgba(20,20,20,.45);--action-bg: rgba(255,204,0,.1);--overlay-bg: rgba(0,0,0,.6)}html[data-theme=dark]{--bg-color: #0f1724;--text-color: #f8fafc;--primary-color: #60a5fa;--secondary-color: #1e293b;--bg-color-darker: #1a2533;--text-color-light: #aab4bf;--panel-bg: rgba(15,23,36,.6);--panel-bg-soft: rgba(15,23,36,.45);--action-bg: rgba(96,165,250,.08);--overlay-bg: rgba(0,0,0,.6)}html[data-theme=custom]{--bg-color: #121212;--text-color: #00ffd6;--primary-color: #00ccff;--secondary-color: #0e0e0e;--bg-color-darker: #1e1e1e;--text-color-light: #66fff0;--panel-bg: rgba(18,18,18,.7);--panel-bg-soft: rgba(18,18,18,.5);--action-bg: rgba(0,204,255,.06);--overlay-bg: rgba(0,0,0,.65)}a{color:var(--primary-color);text-decoration:none}button{background-color:var(--primary-color);color:var(--text-color);border:none;cursor:pointer;transition:background .18s ease,color .18s ease;padding:.5rem .75rem;border-radius:6px}button:focus{outline:none;box-shadow:0 0 0 var(--focus-ring) #ffcc151f;outline-offset:2px}.panel{background:var(--panel-bg);border:1px solid var(--secondary-color);color:var(--text-color)}.muted{color:var(--text-color-light)}