:root{--bg-color: #1a1a1a;--frame-bg: #2a2a2a;--text-color: #e0e0e0;--accent-color: #888888;--border-color: #444444;--button-bg: #333333;--button-hover: #444444;--disabled-color: #555555;--app-width: 400px;--top-frame-height: 40px;--effect-frame-height: 65px}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body{background-color:#000;color:var(--text-color);font-family:Inter,sans-serif;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow:hidden}#root{width:100%;max-width:var(--app-width);height:100vh;height:100dvh;background-color:var(--bg-color);display:flex;flex-direction:column;position:relative;overflow:hidden}button{background-color:var(--button-bg);color:var(--text-color);border:1px solid var(--border-color);padding:8px 16px;cursor:pointer;font-size:14px;transition:background-color .2s;border-radius:0}button:hover{background-color:var(--button-hover)}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color)}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.custom-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:#444;border-radius:3px;outline:none;opacity:.9;transition:opacity .2s}.custom-slider:hover{opacity:1}.custom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#fff;cursor:pointer;border-radius:50%;border:2px solid var(--bg-color);box-shadow:0 0 5px #00000080;margin-top:-9px}.custom-slider::-moz-range-thumb{width:24px;height:24px;background:#fff;cursor:pointer;border-radius:50%;border:2px solid var(--bg-color);box-shadow:0 0 5px #00000080}.custom-slider::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:#444;border-radius:3px}.custom-slider::-moz-range-track{width:100%;height:6px;cursor:pointer;background:#444;border-radius:3px}