:root {
                --bg: #0b1220;
                --bg-soft: #111b2e;
                --panel: rgba(17, 27, 46, 0.78);
                --panel-strong: rgba(15, 23, 42, 0.94);
                --border: rgba(148, 163, 184, 0.16);
                --text: #e8eef8;
                --muted: #a5b3c7;
                --accent: #5eead4;
                --accent-soft: rgba(94, 234, 212, 0.18);
                --ok: #7dd3fc;
                --warn: #fca5a5;
                --shadow: 0 14px 40px rgba(0, 0, 0, 0.32);
                --radius-xl: 24px;
                --radius-lg: 18px;
                --radius-md: 14px;
                --transition: 180ms ease;
                color-scheme: dark;
                font-family:
                    Inter,
                    ui-sans-serif,
                    system-ui,
                    -apple-system,
                    BlinkMacSystemFont,
                    "Segoe UI",
                    sans-serif;
            }

            * {
                box-sizing: border-box;
            }
            html,
            body {
                height: 100%;
            }
            body {
                margin: 0;
                overflow: hidden;
                background:
                    radial-gradient(
                        circle at top,
                        rgba(94, 234, 212, 0.12),
                        transparent 32%
                    ),
                    linear-gradient(
                        180deg,
                        #08101d 0%,
                        #0b1220 38%,
                        #0a1424 100%
                    );
                color: var(--text);
                -webkit-font-smoothing: antialiased;
                text-rendering: optimizeLegibility;
            }