/* Extracted from index.html. Keep loaded before responsive.css. */

:root {
      color-scheme: light;
      --bg: #eef2f7;
      --panel: #ffffff;
      --panel-soft: #f8fafc;
      --line: #e2e8f0;
      --text: #0f172a;
      --muted: #64748b;
      --primary: #2563eb;
      --primary-soft: #dbeafe;
      --danger: #ef4444;
      --success: #16a34a;
      --bubble-mine: #fee500;
      --bubble-other: #ffffff;
      --shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
    }

* {
      box-sizing: border-box;
    }

body {
      margin: 0;
      width: 100%;
      min-width: 0;
      height: 100vh;
      color: var(--text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background: radial-gradient(circle at top left, #dbeafe, transparent 32%), var(--bg);
      overflow-x: hidden;
    }

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

select,
    input,
    textarea {
      width: 100%;
      border: 1px solid var(--line);
      border-radius: 14px;
      background: white;
      padding: 12px 13px;
      outline: none;
      transition: border-color 0.15s, box-shadow 0.15s;
    }

select:focus,
    input:focus,
    textarea:focus {
      border-color: var(--primary);
      box-shadow: 0 0 0 4px var(--primary-soft);
    }