:root{--bg:#17150f;--surface:#201f1d;--border:#2c2a24;--accent:#e8a33d;--accent-clair:#f5b15a;--accent-ombre:#b8791f;--text:#f2eee4;--text-muted:#9c978a;--danger:#c15b4a;--success:#6fa96b;--bleu:#4f82c0}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Inter,sans-serif}button,input,select{font-family:inherit}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator,input[type=week]::-webkit-calendar-picker-indicator{background-color:var(--accent);border-radius:5px;padding:4px;cursor:pointer}a{color:inherit}.bouton-3d{background:linear-gradient(180deg,var(--accent-clair),var(--accent));color:#17150f;border:none;box-shadow:0 3px 0 var(--accent-ombre),0 4px 10px rgba(0,0,0,.35);transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease;cursor:pointer}.bouton-3d:active{transform:translateY(3px);box-shadow:0 0 0 var(--accent-ombre),0 2px 4px rgba(0,0,0,.3)}.bouton-3d-sombre{background:linear-gradient(180deg,#2c2a24,#201f1d);color:var(--text);border:1px solid var(--border);box-shadow:0 3px 0 #100f0c,0 4px 10px rgba(0,0,0,.35);transform:translateY(0);transition:transform .08s ease,box-shadow .08s ease;cursor:pointer}.bouton-3d-sombre:active{transform:translateY(3px);box-shadow:0 0 0 #100f0c,0 2px 4px rgba(0,0,0,.3)}.conteneur-page{padding:16px;max-width:480px;margin:0 auto;width:100%;box-sizing:border-box}@media (min-width:700px){.conteneur-page{max-width:640px}}@media (min-width:1000px){.conteneur-page{max-width:820px}}.conteneur-page-large{max-width:480px}@media (min-width:700px){.conteneur-page-large{max-width:640px}}@media (min-width:1000px){.conteneur-page-large{max-width:820px}}