:root {
      color-scheme: light;
      --ink: #161616;
      --muted: #8b8b86;
      --line: #e2e2dd;
      --paper: #f7f7f5;
      --white: #fff;
      --panel: rgba(255, 255, 255, .97);
      --shadow: 0 18px 48px rgba(21, 21, 19, .15);
      --app-font-size: 16px;
    }

    *, *::before, *::after { box-sizing: inherit; }
    html {
      min-height: 100%;
      min-height: calc(100% + env(safe-area-inset-top, 40px));
      box-sizing: border-box;
      background: var(--paper);
      font-size: var(--app-font-size);
    }
    body {
      min-height: 100%;
      margin: 0;
      min-height: 100dvh;
      overflow-x: hidden;
      overflow-y: auto;
      background: var(--paper);
      color: var(--ink);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }
    button, input, textarea { font: inherit; }
    body.has-custom-font {
      --user-font-family: "UserGlobalFont", ui-sans-serif, system-ui, sans-serif;
      font-family: var(--user-font-family);
    }
    body.has-custom-font :where(button, input, textarea, select, p, span, strong, label, .profile-name, .profile-handle, .bio, .app-name, .thread-name, .message-bubble, .conversation-name, .thread-settings-label, .thread-wallpaper-title, .thread-wallpaper-status) { font-family: var(--user-font-family) !important; }