:root{--paper: #f3f4f1;--card: #ffffff;--ink: #1c2740;--muted: #5b6478;--line: #dcdfe3;--pin: #c2410c;--talker: #fff3b0;--talker-ink: #3a3212;--shelf: #8a6a48;--tile-bd: #1c2740;--tile-polar: #3a2327;--tile-ink: #f5f3ee;--tile-muted: #c9cbd3;--ok: #23734c;--ok-bg: #e3f3ea;--out: #9a5b0b;--out-bg: #fbefd9;--late: #b42318;--late-bg: #fde7e4;--display: "Young Serif", Georgia, serif;--body: "Figtree", system-ui, -apple-system, sans-serif;--hand: "Kalam", "Comic Sans MS", cursive;color-scheme:light}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--paper: #15181f;--card: #1e222c;--ink: #e8eaf0;--muted: #a2a9b8;--line: #2f3542;--pin: #f08a5d;--talker: #3b3620;--talker-ink: #f5ecc4;--shelf: #6b533a;--tile-bd: #232c47;--tile-polar: #3f2529;--tile-ink: #f5f3ee;--tile-muted: #b9bcc6;--ok: #6fd3a0;--ok-bg: #183327;--out: #f0b660;--out-bg: #35291a;--late: #ff8f84;--late-bg: #3a1e1c}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font:16px/1.55 var(--body);padding-inline:16px;padding-block:calc(env(safe-area-inset-top,0px) + 24px) calc(env(safe-area-inset-bottom,0px) + 48px);-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}button{font:inherit}:focus-visible{outline:2px solid var(--pin);outline-offset:2px}.page{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:32px}.chargement{color:var(--muted);padding-top:30vh;text-align:center}.surtitre{margin:0;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.muet{color:var(--muted);margin:0}.ok{color:var(--ok);margin:0}.err{color:var(--late);margin:0}h1{font:400 clamp(34px,6vw,56px)/1.05 var(--display);margin:0;text-wrap:balance}.entete{display:flex;flex-direction:column;gap:10px;max-width:68ch}.lien{background:none;border:0;padding:0;color:var(--muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}.login{min-height:70vh;justify-content:center}.login-carte{max-width:460px;display:flex;flex-direction:column;gap:16px}.login h1{font-size:clamp(30px,6vw,42px)}.login form{display:flex;flex-direction:column;gap:10px;margin-top:8px}.login label{font-size:14px;font-weight:600}.login input,.login button{padding:12px 14px;border-radius:6px;border:1px solid var(--line);font-size:16px}.login input{background:var(--card);color:var(--ink)}.login button{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:600;cursor:pointer}.login button:disabled{opacity:.6}.tuiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:20px}.tuile{position:relative;display:grid;grid-template-rows:auto 1fr;gap:20px;padding:28px 24px 24px;border-radius:10px;text-decoration:none;color:var(--tile-ink);overflow:hidden;min-height:330px;transition:transform .2s ease}.tuile-bd{background:var(--tile-bd)}.tuile-polar{background:var(--tile-polar)}.tuile:hover{transform:translateY(-3px)}.tuile:after{content:"";position:absolute;left:0;right:0;top:178px;height:8px;background:var(--shelf);box-shadow:0 4px 10px #00000059}.eventail{position:relative;height:150px}.eventail img,.eventail .vide{position:absolute;bottom:0;left:calc(var(--i) * 17%);width:96px;aspect-ratio:2 / 2.8;object-fit:cover;border-radius:2px;box-shadow:0 2px 4px #0006,6px 8px 18px -8px #0009;transform:rotate(calc((var(--i) - 2) * 3deg));transform-origin:bottom center;transition:transform .25s ease}.eventail .vide{background:#ffffff14}.tuile:hover .eventail img{transform:rotate(calc((var(--i) - 2) * 4.5deg)) translateY(-4px)}.tuile-texte{display:flex;flex-direction:column;gap:6px;padding-top:10px}.tuile h2{font:400 30px/1.1 var(--display);margin:0}.tuile p{margin:0;color:var(--tile-muted);max-width:42ch}.tuile .compte{margin-top:6px;color:var(--tile-ink);font-size:14px}.tuile .compte b{font-size:18px}.fleche{position:absolute;right:22px;bottom:18px;font-size:26px;transition:transform .2s ease}.tuile:hover .fleche{transform:translate(4px)}.pied{font-size:13px}.fil a{color:var(--muted);text-decoration:none;font-weight:500}.fil a:hover{color:var(--ink)}.rayon h1{font-size:clamp(32px,5vw,48px)}.filtres{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.filtres button{font-weight:500;font-size:14px;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer}.filtres button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}section{display:flex;flex-direction:column;gap:18px}.etagere{border-bottom:4px solid var(--shelf);padding-bottom:8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}.etagere h2{font:400 24px/1.2 var(--display);margin:0;text-wrap:balance}.etagere p{margin:0;color:var(--muted);font-size:13.5px}.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:20px}.livre{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:18px;display:grid;grid-template-columns:128px 1fr;gap:16px 18px;align-content:start}.couv img,.sans-couv{display:block;width:128px;border-radius:2px;box-shadow:0 1px 2px #0000002e,4px 6px 14px -6px #00000059}.sans-couv{aspect-ratio:2 / 2.8;background:var(--ink);color:var(--paper);padding:12px;display:flex;flex-direction:column;justify-content:space-between;font:400 14px/1.2 var(--display)}.sans-couv small{font:12px var(--body);opacity:.75}.corps{display:flex;flex-direction:column;gap:4px;min-width:0}.corps h3{font:400 20px/1.2 var(--display);margin:0;text-wrap:balance}.sous{margin:0;font-size:13.5px;color:var(--muted);line-height:1.35}.meta{margin:2px 0 8px;font-size:13.5px;font-weight:500}.places{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.place{display:grid;gap:1px;font-size:13px;padding:6px 9px;border-radius:4px}.place .site{font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase}.place .st{display:flex;align-items:center;gap:6px}.place .st i{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}.place code{font:12px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.place.rayon{background:var(--ok-bg)}.place.rayon .st{color:var(--ok)}.place.sorti,.place.surplace{background:var(--out-bg)}.place.sorti .st,.place.surplace .st{color:var(--out)}.place.retard{background:var(--late-bg)}.place.retard .st{color:var(--late)}.place.absent{color:var(--muted);border:1px dashed var(--line)}.place.absent .st i{display:none}.mot{grid-column:1 / -1;background:var(--talker);color:var(--talker-ink);padding:14px 16px 12px;border-radius:2px;transform:rotate(-.6deg);font:17px/1.4 var(--hand);position:relative;box-shadow:0 2px 6px -3px #0000004d}.mot:before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;border-radius:50%;background:var(--pin);box-shadow:0 1px 2px #0000004d}.mot p{margin:0 0 8px}.mot p:last-child{margin:0}.notice{grid-column:1 / -1;justify-self:start;font-size:13.5px;font-weight:500;text-underline-offset:3px}@media (max-width: 480px){.livre{grid-template-columns:92px 1fr;padding:14px}.couv img,.sans-couv{width:92px}.mot{font-size:16px}.eventail img,.eventail .vide{width:78px}}@media (prefers-reduced-motion: reduce){.tuile,.eventail img,.fleche{transition:none}.mot{transform:none}}