:root{--color-bg: #0d0d1a;--color-bg-2: #1a1a2e;--color-accent: #e040fb;--color-accent-2: #00e5ff;--color-text: #f0f0f0;--color-text-dim: #888;--color-danger: #ff4d4d;--color-success: #39ff14;--font-mono: "Courier New", Courier, monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body,#root{width:100%;height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);overflow:hidden;touch-action:none;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font-family:var(--font-mono);cursor:pointer;border:none;outline:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}input,textarea{font-family:var(--font-mono);background:var(--color-bg-2);color:var(--color-text);border:1px solid var(--color-accent);border-radius:2px;padding:8px 12px;outline:none;user-select:text;-webkit-user-select:text;-webkit-touch-callout:default}input:focus,textarea:focus{border-color:var(--color-accent-2)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-accent)}.music-volume-slider{padding:0;margin:0;border:0;background:transparent;accent-color:var(--color-accent)}.music-volume-slider:focus{border:0}
