:root {
            --bg: #fafafa;
            --paper: #ffffff;
            --ink: #1a1a2e;
            --muted: #747789;
            --pink: #f82f71;
            --pink-deep: #e51f61;
            --pink-soft: #fff0f5;
            --purple: #7c3a92;
            --purple-soft: #f4edfa;
            --aqua: #39c8c8;
            --yellow: #f6c84c;
            --line: #e9e9f0;
            --shadow: 0 22px 70px rgba(49, 36, 78, .12);
            --gradient: linear-gradient(135deg, #f82f71, #ef3f81);
        }

        * { box-sizing: border-box; }
        html { scroll-behavior: smooth; overflow-x: clip; }
        body {
            margin: 0;
            overflow-x: hidden;
            background: var(--bg);
            color: var(--ink);
            font-family: "Segoe UI", Arial, sans-serif;
            line-height: 1.5;
        }
        [hidden] { display: none !important; }
        a { color: inherit; text-decoration: none; }
        img { display: block; max-width: 100%; }
        button, a { -webkit-tap-highlight-color: transparent; }
        button { font: inherit; }