:root{
--bg:#f4f6f8;
--card:#ffffff;
--text:#111;
--accent:#2563eb;
--yes:#16a34a;
--no:#dc2626;
}

.dark{
--bg:#0f172a;
--card:#1e293b;
--text:#e2e8f0;
--accent:#60a5fa;
}

body{
margin:0;
font-family:system-ui,Arial;
background:var(--bg);
color:var(--text);
}

.container{
max-width:800px;
margin:auto;
padding:30px;
}

header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;
}

.controls button{
margin-left:6px;
padding:6px 12px;
border:none;
border-radius:6px;
cursor:pointer;
background:var(--accent);
color:white;
}

.card{
background:var(--card);
padding:25px;
border-radius:12px;
margin-bottom:20px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.big{
font-size:20px;
font-weight:600;
}

.answer{
font-size:60px;
font-weight:700;
margin:10px 0;
}

.yes{
color:var(--yes);
}

.no{
color:var(--no);
}

ul{
padding-left:20px;
line-height:1.7;
}