/* home-preview-sync-probe-20261010-001 : mesure de synchronisation, apparence inchangée. */
:root { color-scheme: dark; font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #101b31; color: #edf3ff; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; grid-template-rows: auto 1fr auto; background: radial-gradient(ellipse at 50% 45%, #203856 0%, #101b31 65%); }
header { padding: 32px 40px; }
header a { color: inherit; text-decoration: none; font-size: 22px; font-weight: 650; letter-spacing: -.6px; }
.dot { display: inline-block; margin-left: 4px; width: 6px; height: 6px; border-radius: 50%; background: #7de3ce; }
main { align-self: center; justify-self: center; text-align: center; padding: 28px 24px 100px; }
h1 { font-size: clamp(28px, 5vw, 54px); line-height: 1.12; font-weight: 600; letter-spacing: -1.5px; margin: 26px 0 0; text-wrap: balance; }
.symbol { display: flex; align-items: end; justify-content: center; gap: 6px; height: 40px; }
.symbol span { width: 8px; border-radius: 6px; background: #7de3ce; }
.symbol span:nth-child(1) { height: 16px; opacity: .5; }
.symbol span:nth-child(2) { height: 28px; opacity: .75; }
.symbol span:nth-child(3) { height: 40px; }
[hidden] { display: none !important; }
#preview { border-top: 1px solid #c98518; background: #442c10; color: #ffdf9d; padding: 16px 24px; display: flex; flex-wrap: wrap; gap: 12px 20px; justify-content: center; align-items: center; font-size: 13px; }
#preview a { color: inherit; text-underline-offset: 3px; }
body.is-preview { background: radial-gradient(ellipse at 50% 45%, #47381f 0%, #201b13 65%); }
body.is-preview .dot, body.is-preview .symbol span { background: #ffc15a; }
@media (max-width: 600px) { header { padding: 24px; } main { padding-bottom: 70px; } h1 { letter-spacing: -.8px; } }