:root{--fond:#141b2e;--surface:#1e2740;--accent:#e8795a;--secondaire:#8fb4e8;--texte:#e8eaf2;--texte-secondaire:#7c86a3;--rejet:#ff6369;--accord:#3dd68c}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--fond);min-height:100dvh;color:var(--texte);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}body{max-width:480px;margin:0 auto}.entete{justify-content:space-between;align-items:center;gap:16px;display:flex}.entete a{color:var(--secondaire);padding:8px 0;font-weight:600;text-decoration:none;display:inline-block}.entete .marque{min-height:44px;color:var(--texte);letter-spacing:-.02em;align-items:center;gap:8px;font-weight:800;display:inline-flex}.annonce{left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:10;width:min(448px,100% - 32px);position:fixed;transform:translate(-50%)}.annonce p{border:1px solid var(--secondaire);background:var(--surface);color:var(--texte);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 4px 16px;font-weight:600;display:flex;box-shadow:0 8px 24px rgba(0,0,0,.4)}.annonce button{min-width:44px;min-height:44px;color:var(--secondaire);cursor:pointer;background:0 0;border:0;font-size:1.5rem}.annonce button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}