* { box-sizing: border-box; }

            html, body { min-height: 100%; }

            body {
                margin: 0;
                color: var(--text);
                background: var(--bg-base);
                font-family: "Segoe UI", "Microsoft YaHei UI", system-ui, sans-serif;
                font-size: 15px;
                overflow: hidden;
            }

            body.mask-expanded { overflow: hidden; }

            button, input, select { font: inherit; color: inherit; }

            button:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible {
                outline: 2px solid var(--accent);
                outline-offset: 1px;
            }

            input[type="range"] {
                width: 100%;
                height: 4px;
                border-radius: 2px;
                background: var(--bg-hover);
                accent-color: var(--accent);
                cursor: pointer;
            }

            input[type="text"], select {
                background: var(--bg-input);
                border: 1px solid var(--border);
                color: var(--text);
            }

            /* Scrollbar */
            ::-webkit-scrollbar { width: 6px; height: 6px; }
            ::-webkit-scrollbar-track { background: transparent; }
            ::-webkit-scrollbar-thumb { border-radius: 3px; background: var(--border-hover); }
            ::-webkit-scrollbar-thumb:hover { background: var(--text-3); }