: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}}.avis{grid-column:1 / -1;display:flex;flex-direction:column;gap:6px}.avis-boutons{display:flex;flex-wrap:wrap;gap:6px}.avis-boutons button{font-size:13.5px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer}.avis-boutons button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.avis-boutons button:disabled{opacity:.6;cursor:default}.avis-merci{margin:0;font-size:13.5px;color:var(--ok)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.claude{display:flex;flex-direction:column;gap:14px;max-width:720px}.claude header{display:flex;flex-direction:column;gap:4px}.claude h2{font:400 26px/1.2 var(--display);margin:0}.claude form{display:flex;flex-direction:column;gap:10px}.claude textarea{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px 14px;resize:vertical;min-height:84px}.claude-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.claude-actions p{font-size:14px}.claude button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:6px;padding:9px 18px;font-weight:600;cursor:pointer}.claude button:disabled{opacity:.5;cursor:default}.fil-messages{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}.fil-messages li{display:flex;flex-direction:column;gap:6px}.fil-messages p{margin:0;padding:10px 14px;border-radius:10px;max-width:90%;white-space:pre-wrap}.fil-messages span{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.7;margin-bottom:2px}.fil-messages .vous{align-self:flex-end;background:var(--ink);color:var(--paper)}.fil-messages .lui{align-self:flex-start;background:var(--talker);color:var(--talker-ink);font:16px/1.45 var(--hand)}.fil-messages .lui span{font-family:var(--body)}.fil-messages .attente{align-self:flex-start;color:var(--muted);font-size:13.5px;padding:0 4px}.avis-note{margin:0;font-size:13px;color:var(--muted)}.delai{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13.5px}.delai span{color:var(--muted);margin-right:2px}.delai button{font-size:13px;color:var(--ink);background:var(--card);border:1px dashed var(--ink);border-radius:999px;padding:4px 11px;cursor:pointer}.autres{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.autres li{font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--paper);color:var(--muted);border:1px solid var(--line)}.autres li.envie{background:var(--talker);color:var(--talker-ink);border-color:transparent}.de-cote{display:flex;flex-direction:column;gap:10px;max-width:720px}.de-cote h2{font:400 24px/1.2 var(--display);margin:0}.de-cote ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.de-cote li{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:10px 0;border-bottom:1px solid var(--line)}.de-cote .titre{font-weight:600}.de-cote .muet{grid-column:1;font-size:13.5px}.de-cote .retour{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:13.5px;color:var(--ink);white-space:nowrap}.section-envies .etagere{position:relative}.ranger{margin-left:auto;font:600 13.5px var(--body);color:var(--ink);background:var(--card);border:1px solid var(--ink);border-radius:999px;padding:6px 14px;cursor:pointer}.ranger[aria-pressed=true]{background:var(--ink);color:var(--paper)}.envie-rangee{display:flex;flex-direction:column;gap:6px}.envie-rangee .livre{flex:1}.priorite{align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--pin)}.liste-ordre{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:640px}.ligne-ordre{display:grid;grid-template-columns:auto auto 40px 1fr auto;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:8px 10px;touch-action:pan-y}.ligne-ordre.en-main{box-shadow:0 8px 20px -8px #00000059;border-color:var(--ink);position:relative;z-index:2}.poignee{font-size:20px;line-height:1;color:var(--muted);background:none;border:0;padding:6px 4px;cursor:grab;touch-action:none}.poignee:active{cursor:grabbing}.ligne-ordre .rang{font:400 18px var(--display);color:var(--muted);min-width:1.4em;text-align:right}.ligne-ordre img,.vignette-vide{width:40px;aspect-ratio:2 / 2.8;object-fit:cover;border-radius:2px;background:var(--line)}.ligne-ordre .quoi{display:flex;flex-direction:column;min-width:0}.ligne-ordre .quoi b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ligne-ordre .quoi small{color:var(--muted);font-size:13px}.fleches{display:flex;gap:4px}.fleches button{width:34px;height:34px;border-radius:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:16px;cursor:pointer}.fleches button:disabled{opacity:.3;cursor:default}.retires{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px}.retires summary{cursor:pointer;font-weight:600;color:var(--muted)}.retires[open] summary{margin-bottom:8px}.retires ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-width:640px}.retires li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px}.retires img{width:40px;aspect-ratio:2 / 2.8;object-fit:cover;border-radius:2px}.retires .quoi{display:flex;flex-direction:column;min-width:0}.retires .quoi small{color:var(--muted);font-size:13px}.retires li button{font-size:13.5px;font-weight:500;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 12px;cursor:pointer}