{\rtf1\ansi\ansicpg1252\cocoartf2821
\cocoatextscaling0\cocoaplatform0{\fonttbl\f0\fswiss\fcharset0 Helvetica;}
{\colortbl;\red255\green255\blue255;}
{\*\expandedcolortbl;;}
\margl1440\margr1440\vieww11520\viewh8400\viewkind0
\pard\tx566\tx1133\tx1700\tx2267\tx2834\tx3401\tx3968\tx4535\tx5102\tx5669\tx6236\tx6803\pardirnatural\partightenfactor0

\f0\fs24 \cf0 /* Basic reset */\
body \{\
  margin: 0;\
  font-family: sans-serif;\
  background: #f3f4f6; /* A light gray background */\
\}\
\
/* Center the app container */\
#root \{\
  min-height: 100vh;\
  display: flex;\
  justify-content: center;\
  align-items: center;\
\}\
\
/* A card-like container for the content */\
.app-card \{\
  background: white;\
  border-radius: 1rem;\
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\
  width: 350px;\
  padding: 1rem;\
  position: relative;\
\}\
\
/* The points badge in the top-right corner */\
.points \{\
  position: absolute;\
  top: 1rem;\
  right: 1rem;\
  background: #fdf3c2; /* yellow-ish */\
  padding: 0.5rem 1rem;\
  border-radius: 999px;\
  color: #b58600;\
  font-weight: 600;\
\}\
\
/* Modal overlay */\
.modal-backdrop \{\
  position: fixed;\
  inset: 0;\
  background-color: rgba(0, 0, 0, 0.5);\
  display: flex;\
  align-items: center;\
  justify-content: center;\
  z-index: 50;\
\}\
\
/* Modal box */\
.modal-content \{\
  background: #fff;\
  padding: 1rem;\
  border-radius: 0.5rem;\
  width: 300px;\
  text-align: center;\
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\
\}\
\
/* Buttons */\
button \{\
  display: block;\
  margin: 0.5rem auto;\
  padding: 0.6rem 1rem;\
  font-size: 1rem;\
  border-radius: 0.5rem;\
  cursor: pointer;\
  background: #6366f1; /* a bluish color */\
  color: white;\
  border: none;\
\}\
\
button:hover \{\
  background: #4f51cc;\
\}\
\
button:disabled \{\
  opacity: 0.6;\
  cursor: not-allowed;\
\}\
\
button.outline \{\
  background: white;\
  color: #444;\
  border: 1px solid #999;\
\}\
\
.hint \{\
  color: #1e40af;\
  font-weight: bold;\
  margin: 0.5rem 0;\
\}\
\
.feedback \{\
  font-size: 1.1rem;\
  font-weight: bold;\
  margin: 0.5rem 0;\
\}\
}