*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
    --black: #1d1d1f;
    --gray: #6e6e73;
    --light: #f5f5f7;
    --border: #d2d2d7;
    --blue: #0071e3;
    --blue-hover: #0077ed;
    --red: #ff3b30;
    --radius: 12px;
    --shadow: 0 2px 8px rgba(0,0,0,.08), 0 1px 3px rgba(0,0,0,.06);
    --shadow-lg: 0 8px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.08);
}
html { font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", sans-serif; font-size: 17px; color: var(--black); background: #fff; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
body { -webkit-tap-highlight-color: transparent; overscroll-behavior: none; }
a { color: var(--blue); text-decoration: none; }
button { cursor: pointer; font-family: inherit; }