/* World of Creator Figma 11:736. Shared by the app and public HTML pages.
   Only the visual language is adopted; GOD owns its content and capabilities. */
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/poppins-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/poppins-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/poppins-latin-600-normal.woff2') format('woff2');
}
:root {
  --creator-font: Poppins, ui-sans-serif, system-ui, sans-serif;
  --creator-ink: #171615;
  --creator-muted: #514b46;
  --creator-accent: #8a2b0a;
  --creator-line: #cec8c0;
  --creator-edge: rgba(96, 90, 84, .45);
  /* Figma revision 14: bevel-only edges, without a stroke or ring overlay. */
  --creator-rim: transparent;
  --creator-surface: rgba(231, 230, 226, .001);
  --creator-face: #e7e6e2;
  --creator-field: #edebe7;
  --creator-hover: #f4f1ec;
  --creator-canvas: linear-gradient(42.4deg, #fafaf7 0%, #e7e6e2 48%, #cdceca 100%);
  --creator-raised: 4.5px -4.5px 6px rgba(68, 70, 64, .23),
    -2.5px 2.5px 4px rgba(255, 255, 255, .65),
    inset 1px -1px 1.5px rgba(255, 255, 255, .84);
  --creator-pressed: inset -1px 1px 2px rgba(68, 70, 64, .18),
    inset 1px -1px 1.5px rgba(255, 255, 255, .6);
  --creator-panel-radius: 22px;
  --creator-field-radius: 13px;
  --creator-key-radius: 999px;
}