:root { --fundo: #fbfaf7; --texto: #1d1d1b; --suave: #5f5e59; --linha: #dcd9d0; --acao: #1f5f5b; --perigo: #9b2c2c; color-scheme: light dark; }
@media (prefers-color-scheme: dark) { :root { --fundo: #151514; --texto: #eceae4; --suave: #a8a69e; --linha: #33322f; --acao: #6fb7b0; --perigo: #e08b8b; } }
* { box-sizing: border-box; }
body { margin: 0; background: var(--fundo); color: var(--texto); font: 17px/1.5 system-ui, sans-serif; }
main { max-width: 34rem; margin: 0 auto; padding: 1.25rem 1rem 3rem; }
h1 { font-size: 1.4rem; margin: 0 0 1rem; } h2 { font-size: 1.1rem; margin-top: 2rem; }
a { color: var(--acao); }
.nota { color: var(--suave); font-size: 0.9rem; }
.lista, .escolhas { list-style: none; padding: 0; margin: 0; }
.lista li, .escolhas li { border-top: 1px solid var(--linha); padding: 0.75rem 0; }
.escolhas a { display: block; padding: 0.35rem 0; text-decoration: none; font-weight: 600; }
form { display: inline-block; margin: 0.25rem 0.5rem 0.25rem 0; }
label { display: block; font-size: 0.9rem; color: var(--suave); }
input { font: inherit; padding: 0.5rem 0.6rem; border: 1px solid var(--linha); border-radius: 8px; background: transparent; color: inherit; width: 100%; max-width: 16rem; }
button, a.principal, a.acao { font: inherit; display: inline-block; padding: 0.55rem 0.95rem; border-radius: 8px; border: 1px solid var(--acao); background: var(--acao); color: var(--fundo); text-decoration: none; cursor: pointer; }
a.acao { background: transparent; color: var(--acao); }
button.perigo { background: transparent; color: var(--perigo); border-color: var(--perigo); }
.horarios form { margin: 0.3rem; }