.missive{--encre: #2a1d12;--encre-2: #4a3a2b;--encre-3: #625443;--sang: #7b1e22;--vermillon: #9c3326;--ease-io: cubic-bezier(.65, 0, .35, 1);--ease: cubic-bezier(.22, 1, .36, 1);position:relative;color:var(--encre)}.missive-dialog{width:min(660px,calc(100% - 20px));max-width:none;max-height:calc(100svh - 16px);margin:auto;padding:14px 16px 18px;overflow:auto;background:none;border:0;overscroll-behavior:contain;scrollbar-width:none}.missive-dialog::-webkit-scrollbar{display:none}.missive-dialog::backdrop{background:radial-gradient(ellipse at 50% 42%,#2e180a9e,#060402e6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.missive-sky{position:fixed;top:0;left:0;z-index:40;max-width:100vw;pointer-events:none}.missive-sheet,.missive-done{position:relative;display:block;margin:0;padding:22px 0}.missive-roll{position:absolute;right:-12px;left:-12px;z-index:2;height:32px;border-radius:16px;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 1px,transparent 1px 9px),linear-gradient(180deg,#7a5030,#4a2e18 42%,#2a190c);box-shadow:0 12px 22px -8px #000000bf,inset 0 2px 2px #ffdeaa47,inset 0 -2px 3px #00000080}.missive-roll:before,.missive-roll:after{content:"";position:absolute;top:50%;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fdeebe,#c9a55e 50%,#6e4e1c);box-shadow:0 3px 8px #000000a6;transform:translateY(-50%)}.missive-roll:before{left:-14px}.missive-roll:after{right:-14px}.missive-roll--top{top:0}.missive-roll--bottom{bottom:0}.missive-body{position:relative;margin:0 4px;padding:40px clamp(22px,5vw,50px) 30px;text-align:center;background:radial-gradient(ellipse at 50% 16%,rgba(255,252,240,.78),transparent 62%),radial-gradient(ellipse at 8% 88%,rgba(150,100,45,.24),transparent 50%),radial-gradient(ellipse at 96% 58%,rgba(150,100,45,.18),transparent 45%),linear-gradient(180deg,#e9dcbc,#efe4c8 40%,#e2d1aa);box-shadow:inset 0 22px 26px -16px #5032148c,inset 0 -22px 26px -16px #5032148c,inset 0 0 70px #78501e38,0 40px 80px -30px #000000e6}.missive-body:after{content:"";position:absolute;inset:14px 12px;border:1px solid rgba(123,30,34,.26);pointer-events:none}.missive-body>*{position:relative;z-index:1}.missive-close{position:absolute;top:20px;right:18px;z-index:2;display:grid;place-items:center;width:38px;height:38px;color:var(--encre-2);background:none;border:1px solid rgba(35,24,15,.22);border-radius:50%;cursor:pointer;transition:color .3s ease,border-color .3s ease,transform .4s var(--ease)}.missive-close:hover{color:var(--sang);border-color:#7b1e2280;transform:rotate(90deg)}.missive-kicker{margin:0 0 4px;font-size:.66rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--vermillon)}.missive-title{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 6px;font-family:var(--police-titre);font-size:clamp(2.1rem,1.7rem + 1.4vw,2.7rem);font-weight:700;line-height:1;color:var(--sang)}.missive-title:before,.missive-title:after{content:"";width:clamp(24px,6vw,60px);height:7px;background:radial-gradient(circle,#a8843d 0 2.5px,transparent 3px) center / 7px 7px no-repeat,linear-gradient(#a8843d,#a8843d) center / 100% 1px no-repeat}.missive-intro{max-width:42ch;margin:0 auto 18px;font-family:var(--police-titre);font-size:1.2rem;font-style:italic;line-height:1.35;color:var(--encre-2)}.missive-attached{display:flex;align-items:center;gap:12px;margin:0 0 14px;padding:8px 12px;text-align:left;border:1px dashed rgba(123,30,34,.4)}.missive-seal{display:grid;flex:none;place-items:center;width:38px;height:38px;font-family:var(--police-titre);font-size:.86rem;font-style:italic;font-weight:700;color:#f6d9a0;background:radial-gradient(circle at 36% 30%,#d4553a,#9a2a1b 52%,#5e140d);border-radius:47% 53% 50% 50%/52% 46% 54% 48%;box-shadow:0 3px 6px #5e140d66,inset 0 2px 3px #ffffff4d}.missive-attached p{display:grid;flex:1;margin:0;font-family:var(--police-titre);font-size:1.05rem;line-height:1.25}.missive-attached small{font-family:var(--police-texte);font-size:.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--vermillon)}.missive-attached i{font-size:.9em;color:var(--encre-3)}.missive-attached button{flex:none;padding:4px 2px;font-family:var(--police-titre);font-size:1rem;font-style:italic;color:var(--encre-3);background:none;border:0;border-bottom:1px solid currentColor;cursor:pointer}.missive-field{display:grid;gap:1px;margin:0 0 12px;padding:0;border:0;text-align:left;min-inline-size:0;min-width:0}.missive-field>span,.missive-field>legend{padding:0;font-size:.75rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--vermillon)}.missive-field>span i{margin-left:.4em;font-family:var(--police-titre);font-size:1.25em;font-weight:500;letter-spacing:0;text-transform:none;color:var(--encre-3)}.missive-field input,.missive-field textarea,.missive-field select{width:100%;margin:0;padding:4px 2px 3px;font-family:var(--police-titre);font-size:1.3rem;font-style:italic;font-weight:500;line-height:1.5;color:var(--encre);background:transparent;border:0;border-bottom:1px solid rgba(35,24,15,.34);border-radius:0;outline:none;transition:border-color .3s ease,background-color .3s ease}.missive-field select{font-size:1.12rem;cursor:pointer;min-width:0;max-width:100%;text-overflow:ellipsis}.missive-field textarea{min-height:calc(4.5em + 7px);resize:vertical;border-bottom:0;background:repeating-linear-gradient(180deg,transparent 0 calc(1.5em + 3px),rgba(35,24,15,.3) calc(1.5em + 3px) calc(1.5em + 4px));background-attachment:local}.missive-field input::placeholder,.missive-field textarea::placeholder{color:#23180f5c}.missive-field input:focus,.missive-field textarea:focus,.missive-field select:focus{border-bottom-color:var(--vermillon);background-color:#fffae866}.missive-field input:focus,.missive-field select:focus{box-shadow:0 1px 0 var(--vermillon)}.missive-field textarea:focus{outline:2px dashed var(--vermillon);outline-offset:0}.missive-sheet.is-checked .missive-field input[aria-invalid=true]{border-bottom-color:#b3261e;background-color:#b3261e12}.missive-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.missive-chip{position:relative;cursor:pointer}.missive-chip input{position:absolute;opacity:0;pointer-events:none}.missive-chip span{display:inline-block;padding:3px 12px 4px;font-family:var(--police-titre);font-size:1.08rem;font-style:italic;color:var(--encre-2);border:1px solid rgba(35,24,15,.28);border-radius:999px;transition:background var(--transition),color var(--transition),border-color var(--transition)}.missive-chip:hover span{border-color:var(--vermillon)}.missive-chip.is-on span{color:#f7eddc;background:var(--sang);border-color:var(--sang)}.missive-chip input:focus-visible+span{box-shadow:var(--focus)}.missive-note{margin:6px 0 0;font-size:.82rem;color:var(--encre-3)}.missive-hint{position:relative;min-height:3.2em;margin:8px 150px -6px 0;font-family:var(--police-titre);font-size:1.14rem;font-style:italic;line-height:1.3;text-align:left;color:var(--encre-2)}.missive-hint b{font-weight:700;color:var(--sang)}.missive-hint.is-warning{padding:10px 14px;color:#7d1a12;background:#b3261e17;border-left:3px solid #b3261e}.missive-mail{display:inline-block;margin-top:8px;padding:6px 14px;font-family:var(--police-texte);font-size:.72rem;font-style:normal;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f6e3b6;background:linear-gradient(160deg,#a93a24,#6c1a11);border:1px solid #c69c49}.missive-nowrap{white-space:nowrap}.missive-arrow{display:inline-block;width:46px;height:24px;margin-left:4px;vertical-align:-8px;fill:none;stroke:var(--vermillon);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.missive-privacy{margin:14px 150px 0 0;font-size:.74rem;line-height:1.4;text-align:left;color:var(--encre-3)}.missive-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.missive-pigeon__label{position:absolute;left:50%;bottom:-6px;transform:translate(-50%);padding:3px 12px;border-radius:999px;background:var(--bordeaux);color:var(--ivoire);font-size:.82rem;font-weight:700;white-space:nowrap;pointer-events:none}.missive.is-3d .missive-pigeon__label,.missive.is-flown .missive-pigeon__label,.missive-pigeon:disabled .missive-pigeon__label{display:none}.missive-pigeon{position:absolute;right:clamp(18px,5vw,38px);bottom:27px;z-index:3;display:block;width:132px;height:132px;padding:0;background:none;border:0;border-radius:50%;cursor:pointer}.missive-pigeon img{width:100%;height:100%;object-fit:contain;transition:opacity .4s ease,transform .5s var(--ease)}.missive-pigeon:after{content:"";position:absolute;right:22%;bottom:-2px;left:22%;z-index:-1;height:10px;background:radial-gradient(closest-side,rgba(20,10,4,.5),transparent);transition:opacity .4s ease}.missive-pigeon:hover img{transform:translateY(-3px) rotate(-3deg)}.missive-pigeon:focus-visible{outline:2px solid var(--or-2);outline-offset:2px}.missive-pigeon:disabled{cursor:default}.missive.is-3d .missive-pigeon img{opacity:0}.missive.is-flown .missive-pigeon:after,.missive.is-flown .missive-pigeon img{opacity:0}.missive .missive-sheet .missive-body,.missive-done .missive-body{animation:missive-reveal .95s var(--ease-io) both}.missive .missive-sheet .missive-roll-bottom,.missive-done .missive-roll--bottom{animation:missive-drop .95s var(--ease-io) both}.missive .missive-pigeon img{animation:missive-land .6s .8s var(--ease) backwards}@keyframes missive-reveal{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes missive-drop{0%{bottom:calc(100% - 32px)}to{bottom:0}}@keyframes missive-land{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}.missive.is-returning .missive-sheet .missive-body{animation:missive-unroll-back .8s var(--ease-io) both}.missive.is-returning .missive-roll-top{animation:missive-roll-top-back .8s var(--ease-io) both}@keyframes missive-unroll-back{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes missive-roll-top-back{0%{top:calc(100% - 58px)}to{top:0}}.missive.is-rolling .missive-sheet .missive-body{animation:missive-roll .85s var(--ease-io) forwards}.missive.is-rolling .missive-roll-top{animation:missive-roll-top .85s var(--ease-io) forwards}.missive.is-rolling .missive-roll-bottom{animation:none}@keyframes missive-roll{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}@keyframes missive-roll-top{0%{top:0}to{top:calc(100% - 58px)}}.missive.is-taken .missive-roll-top,.missive.is-taken .missive-roll-bottom{opacity:0;transform:scale(.2);transform-origin:calc(100% - 100px) 50%;transition:opacity .45s ease,transform .5s var(--ease-io)}.missive.is-flown:not(.is-3d) .missive-pigeon img{opacity:0;transform:translate(-160px,-420px) scale(.3) rotate(-18deg);transition:transform 1.4s cubic-bezier(.5,0,.75,.3),opacity 1.4s ease}.missive-done .missive-body{padding-bottom:34px}.missive-done .missive-body:focus{outline:none}.missive-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:start}.missive-page__intro{position:sticky;top:calc(var(--entete) + 24px)}.missive-page__questions{margin:0 0 16px;font-size:.98rem;line-height:1.55;color:var(--texte-2)}@media(prefers-reduced-motion:reduce){.missive .missive-sheet .missive-body,.missive-done .missive-body,.missive .missive-sheet .missive-roll-bottom,.missive-done .missive-roll--bottom,.missive .missive-pigeon img{animation:none}}@media(max-width:860px){.missive-page{grid-template-columns:minmax(0,1fr)}.missive-page__intro{position:static}}@media(max-width:640px){.missive-dialog{width:calc(100% - 8px);padding:10px 10px 14px}.missive-body{padding:34px 18px 26px}.missive-kicker{padding:0 34px;letter-spacing:.16em}.missive-hint{margin-right:110px;font-size:1.05rem}.missive-privacy{margin-right:110px}.missive-pigeon{width:104px;height:104px;right:14px}}@media(max-width:660px){.missive-roll{left:-6px;right:-6px}.missive-roll:before{left:-8px}.missive-roll:after{right:-8px}}