:root { color-scheme: dark; }
html { scroll-behavior: smooth; }
body {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(14, 165, 233, .18), transparent 32rem),
        radial-gradient(circle at 85% 12%, rgba(99, 102, 241, .22), transparent 30rem),
        linear-gradient(135deg, #020617 0%, #07111f 48%, #0f172a 100%);
}
.bg-grid {
    background-image:
        linear-gradient(rgba(148, 163, 184, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .08) 1px, transparent 1px);
    background-size: 42px 42px;
}
.glass {
    background: linear-gradient(180deg, rgba(15, 23, 42, .86), rgba(15, 23, 42, .68));
    border: 1px solid rgba(148, 163, 184, .18);
    box-shadow: 0 24px 80px rgba(2, 6, 23, .38);
    backdrop-filter: blur(18px);
}
.soft-glow { box-shadow: 0 0 0 1px rgba(59, 130, 246, .18), 0 22px 70px rgba(37, 99, 235, .18); }
.ipv6-wrap { overflow-wrap: anywhere; word-break: break-word; }
textarea.mono, .mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }