:root{--bg:#f5f5f5;--bg-ui:#fff;--hex-fill:#e8e8e8;--hex-stroke:#ccc;--x-color:#e74c3c;--o-color:#2980b9;--text:#111;--text-muted:#666;--highlight:#f1c40f;--hover:#d0e8ff;--border:#ddd;--btn-bg:#3498db;--btn-text:#fff;--btn-hover:#2980b9;--overlay-bg:#00000080}[data-theme=dark]{--bg:#1a1a2e;--bg-ui:#16213e;--hex-fill:#0f3460;--hex-stroke:#1a4a7a;--x-color:#e74c3c;--o-color:#3498db;--text:#e0e0e0;--text-muted:#aaa;--highlight:#f39c12;--hover:#1a3a5c;--border:#2a4a6a;--btn-bg:#2980b9;--btn-text:#fff;--btn-hover:#3498db;--overlay-bg:#000000b3}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}button,input,canvas{touch-action:manipulation}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px}button{cursor:pointer;background:var(--btn-bg);color:var(--btn-text);border:none;border-radius:6px;padding:.5rem 1.25rem;font-family:inherit;font-size:1rem;transition:background .15s}button:hover{background:var(--btn-hover)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text]{border:1px solid var(--border);background:var(--bg-ui);color:var(--text);border-radius:6px;width:100%;padding:.5rem .75rem;font-family:inherit;font-size:1rem}input[type=text]:focus{outline:2px solid var(--btn-bg)}