:root{--police: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--encre: #0d2b45;--papier: #fff;--brume: #f2f7fb;--ocean: #0170bf;--horizon: #bee4f9;--filet: #d6e3ec;--ardoise: #5a7286;--glisse: .2s}*{box-sizing:border-box}body{margin:0;font-family:var(--police);color:var(--encre);background:var(--brume);-webkit-text-size-adjust:100%;overflow-x:hidden}#app{max-width:34rem;margin:0 auto;min-height:100dvh;padding:1.5rem;display:grid;grid-template:1fr / 1fr}body:has(.fil) #app{padding-top:2.75rem}.ecran{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:center;gap:1.25rem;min-width:0}@keyframes entre-avant{0%{opacity:0;transform:translate3d(1.25rem,0,0)}}@keyframes sort-avant{to{opacity:0;transform:translate3d(-1.25rem,0,0)}}@keyframes entre-arriere{0%{opacity:0;transform:translate3d(-1.25rem,0,0)}}@keyframes sort-arriere{to{opacity:0;transform:translate3d(1.25rem,0,0)}}::view-transition-old(root){animation:sort-avant var(--glisse) cubic-bezier(.4,0,.8,.4) both}::view-transition-new(root){animation:entre-avant var(--glisse) cubic-bezier(.2,.7,.3,1) both}[data-sens=arriere]::view-transition-old(root){animation-name:sort-arriere}[data-sens=arriere]::view-transition-new(root){animation-name:entre-arriere}.fil{view-transition-name:fil;position:fixed;top:0;left:0;right:0;height:.25rem;background:var(--filet);z-index:2}.fil .avance{display:block;height:100%;width:0;background:var(--ocean);transition:width var(--glisse) ease-out}.fil .rangs{position:absolute;top:.55rem;right:.9rem;font-size:.75rem;color:var(--ardoise);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.fil .avance{transition:none}}h1{font-size:1.25rem;line-height:1.3;margin:0;font-weight:600}.question{font-size:1.05rem;margin:0;color:var(--ardoise)}.choix{display:flex;gap:.5rem;justify-content:space-between}.choix button{flex:1;min-height:4.5rem;font-size:2rem;font-family:inherit;background:var(--papier);color:var(--encre);border:1px solid var(--filet);border-radius:.75rem;cursor:pointer}.choix button:active{background:var(--horizon)}.blocs{display:flex;flex-direction:column;gap:.5rem}.bloc{display:flex;flex-direction:column;gap:.15rem;min-height:3.5rem;padding:.85rem 1rem;text-align:left;font-family:inherit;font-size:1rem;background:var(--papier);color:var(--encre);border:1px solid var(--filet);border-left:4px solid var(--ocean);border-radius:.6rem;cursor:pointer}.bloc:active{background:var(--horizon)}.bloc .nom{font-weight:500}.bloc .lieu{font-size:.85rem;color:var(--ardoise)}.faits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.faits li{font-size:.9rem;color:var(--ardoise)}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tags button{font-family:inherit;font-size:.95rem;padding:.65rem .9rem;background:var(--papier);color:var(--encre);border:1px solid var(--filet);border-radius:.6rem;cursor:pointer}.tags button[aria-pressed=true]{background:var(--horizon);border:2px solid var(--ocean)}textarea{width:100%;min-height:5rem;font-family:inherit;font-size:1rem;padding:.75rem;border:1px solid var(--filet);border-radius:.6rem;background:var(--papier);color:var(--encre);resize:vertical}.principal{min-height:3.25rem;font-family:inherit;font-size:1rem;font-weight:500;background:var(--ocean);color:var(--papier);border:0;border-radius:.7rem;cursor:pointer}.principal:disabled{background:var(--filet);color:var(--ardoise);cursor:not-allowed}.discret{align-self:center;font-family:inherit;font-size:.9rem;padding:.75rem 1rem;background:none;border:0;color:var(--ardoise);text-decoration:underline;cursor:pointer}.secondaire{color:var(--ardoise);font-size:.9rem;margin:0}button:focus-visible,textarea:focus-visible{outline:3px solid var(--ocean);outline-offset:2px}