main{max-width:760px}h1{margin-bottom:.4em}.intro{font-size:clamp(26px,5vw,38px);color:#c6d8fa}form{display:flex;flex-wrap:wrap;gap:14px;margin:36px 0;align-items:end}label{flex-basis:100%}input,button{box-sizing:border-box;font:inherit;min-height:52px;border:1px solid #a7adb6;border-radius:6px;padding:12px 16px}input{color-scheme:dark;background:#101620;color:#f4f6fa;max-width:100%;min-width:0}button{background:#f4f6fa;color:#06080b;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid #9ccbff;outline-offset:5px}blockquote{margin:24px 0;font-size:clamp(30px,6vw,46px);line-height:1.3;overflow-wrap:anywhere}#phrase-resultat{border-block:1px solid #a7adb6;padding:20px 0 32px}details{margin:28px 0}summary{cursor:pointer}#phrase-date{font:16px/1.5 system-ui;color:#a7adb6}.rendezvous{margin:48px 0}.rendezvous h2{font-size:36px}#phrase-etat,#phrase-partage{font:16px/1.6 system-ui}#phrase-resultat:not([hidden]){animation:apparition .4s ease-out}@keyframes apparition{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#phrase-resultat:not([hidden]){animation:none}}@media(max-width:420px){form{display:block}label,input,form button{display:block;width:100%;margin-top:12px}}