:root{--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-couverture: 6px;--espace-grille: .7rem;--rond: 46px}:root,:root[data-theme=nuit]{color-scheme:dark;--fond: #141821;--fond-carte: #1e2331;--fond-elev: #262c3b;--texte: #e6e9f2;--texte-doux: #9099b0;--accent: #c8a97e;--accent-doux: #8a7454;--bord: #2b2f3a;--ok: #7ec97f;--ko: #ec6d6d;--ombre: 0 4px 18px rgba(0,0,0,.35)}:root[data-theme=cinema]{color-scheme:dark;--fond: #1a0f0f;--fond-carte: #2a1717;--fond-elev: #341c1c;--texte: #f2e4e0;--texte-doux: #b0928d;--accent: #c94a3f;--accent-doux: #8a2f27;--bord: #3a1e1e;--ok: #7ec97f;--ko: #ff8f8f;--ombre: 0 4px 18px rgba(0,0,0,.4)}:root[data-theme=azur]{color-scheme:dark;--fond: #0f1e2b;--fond-carte: #172a3c;--fond-elev: #1e3448;--texte: #e4edf5;--texte-doux: #8ba4b6;--accent: #5aa5c9;--accent-doux: #3a7fa0;--bord: #1e3448;--ok: #7ec97f;--ko: #ec6d6d;--ombre: 0 4px 18px rgba(0,0,0,.35)}:root[data-theme=sepia]{color-scheme:light;--fond: #f7f1e5;--fond-carte: #fdf9ee;--fond-elev: #f0e8d5;--texte: #2a2118;--texte-doux: #7a6b52;--accent: #8a5533;--accent-doux: #6e4023;--bord: #e6dcc8;--ok: #4a7a3a;--ko: #b3382d;--ombre: 0 2px 10px rgba(90,70,40,.15)}*,*:before,*:after{box-sizing:border-box}*{min-width:0}html,body{margin:0;padding:0;background:var(--fond);color:var(--texte);font-family:-apple-system,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}body{min-height:100dvh}h1,h2,h3{margin:0 0 .5rem;font-weight:700;letter-spacing:-.02em}h1{font-size:1.95rem;line-height:1.1}h2{font-size:1.05rem;margin-top:1.5rem}h3{font-size:1rem}p{margin:0 0 .75rem;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.muted{color:var(--texte-doux)}.small{font-size:.85rem}.ok{color:var(--ok)}.ko{color:var(--ko)}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;background:var(--fond-elev);padding:0 .3em;border-radius:4px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.app{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;padding:calc(1rem + env(safe-area-inset-top)) calc(1rem + env(safe-area-inset-right)) calc(6rem + env(safe-area-inset-bottom)) calc(1rem + env(safe-area-inset-left));max-width:720px;margin:0 auto;width:100%}.app-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:color-mix(in srgb,var(--fond-carte) 92%,transparent);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-top:1px solid var(--bord);padding-bottom:env(safe-area-inset-bottom);z-index:10}.nav-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;color:var(--texte-doux);font-size:.68rem;font-weight:500;padding:.55rem .25rem .5rem;text-decoration:none;transition:color .15s ease;touch-action:manipulation}.nav-link svg{width:25px;height:25px}.nav-link.actif{color:var(--accent)}.nav-link.actif svg{stroke-width:2}.nav-link:hover{text-decoration:none}.splash{display:grid;place-items:center;min-height:100dvh;color:var(--texte-doux)}.entete-page{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem}.entete-page h1{flex:1;margin:0}.entete-actions{display:flex;gap:.55rem;flex:0 0 auto}button,.bouton{width:100%;font:inherit;font-weight:600;background:var(--accent);color:var(--fond);border:1px solid transparent;border-radius:var(--r-md);padding:.85rem 1rem;cursor:pointer;touch-action:manipulation;transition:transform .08s ease,opacity .15s ease}button:hover:not(:disabled){opacity:.92}button:active:not(:disabled){transform:scale(.975)}button:disabled{opacity:.45;cursor:not-allowed}button.secondaire{background:transparent;color:var(--texte);border-color:var(--bord)}button.secondaire:hover:not(:disabled){background:var(--fond-elev)}button.danger,.secondaire.danger{color:var(--ko);border-color:color-mix(in srgb,var(--ko) 40%,var(--bord))}.secondaire.danger{background:transparent}.rond{width:var(--rond);height:var(--rond);padding:0;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:var(--fond-carte);color:var(--texte);border:1px solid var(--bord);box-shadow:var(--ombre)}.rond svg{width:21px;height:21px}.rond.primaire{background:var(--accent);color:var(--fond);border-color:var(--accent)}input,select,textarea{font:inherit;width:100%;padding:.65rem .8rem;margin-bottom:.85rem;background:var(--fond-elev);color:var(--texte);border:1px solid transparent;border-radius:var(--r-md);-webkit-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:var(--texte-doux);opacity:.75}.feuille-fond{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;background:#00000073;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:apparition .15s ease-out}.feuille{width:100%;max-width:32rem;margin:0 auto;background:var(--fond);border-radius:26px 26px 0 0;padding:.6rem 1.1rem 1.1rem;padding-bottom:calc(1.1rem + env(safe-area-inset-bottom));animation:montee .22s cubic-bezier(.32,.72,0,1)}@keyframes apparition{0%{opacity:0}}@keyframes montee{0%{transform:translateY(100%)}}.feuille-poignee{width:38px;height:4px;border-radius:2px;background:var(--bord);margin:0 auto .9rem}.feuille-titre{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--texte-doux);text-align:center;margin-bottom:.8rem}.feuille-choix{display:grid;gap:.5rem;margin-bottom:.8rem}.choix{display:flex;align-items:center;gap:.8rem;text-align:left;padding:.95rem 1rem;background:var(--fond-carte);color:var(--texte);border:1px solid var(--bord);border-radius:var(--r-md);font-weight:600}.choix.actif{border-color:var(--accent);color:var(--accent)}.choix-icone{display:grid;place-items:center;color:var(--accent)}.choix-icone svg{width:21px;height:21px}.candidats{display:grid;gap:.45rem;max-height:45dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.candidats .choix{font-weight:400;padding:.6rem .7rem}.vignette{width:34px;height:50px;flex:0 0 auto;object-fit:cover;border-radius:var(--r-couverture);background:var(--fond-elev)}.vignette.vide{background:linear-gradient(150deg,var(--fond-elev),var(--bord))}.choix.danger{color:var(--ko);border-color:color-mix(in srgb,var(--ko) 40%,var(--bord))}input:focus,select:focus,textarea:focus{outline:none;background:var(--fond-carte);border-color:var(--accent)}label{display:block;font-size:.8rem;font-weight:600;color:var(--texte-doux);margin-bottom:.35rem}.recherche{position:relative;margin:0 0 1rem}.recherche-icone{position:absolute;left:.8rem;top:50%;transform:translateY(-50%);color:var(--texte-doux);pointer-events:none}.recherche input{padding-left:2.6rem}.chips{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;margin:0 -1rem 1rem;padding:.5rem 1rem;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips.lecture-seule{flex-wrap:wrap}.chip{background:var(--fond-carte);color:var(--texte-doux);border:1px solid var(--bord);border-radius:999px;padding:.5rem .95rem;font-size:.85rem;font-weight:600;box-shadow:var(--ombre);white-space:nowrap;cursor:pointer}.chip.actif{background:var(--accent);color:var(--fond);border-color:var(--accent)}.chips-separateur{flex:0 0 auto;align-self:stretch;width:1px;margin:.35rem .25rem;background:var(--bord)}.tri{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:var(--texte-doux);font-size:.9rem}.tri select{width:auto;flex:0 1 auto;min-height:36px;padding:.3rem .6rem;margin-bottom:0}.titre-annee{display:flex;align-items:center;gap:.55rem}.chip.annee{width:auto;padding:.3rem .7rem;font-size:.95rem;font-weight:700;background:var(--accent-doux);color:var(--accent);border-color:transparent;box-shadow:none}.chevron-bas{width:14px;height:14px;transform:rotate(90deg)}.carte{background:var(--fond-carte);border:1px solid var(--bord);border-radius:var(--r-lg);padding:1.15rem;margin:0 0 1rem}.carte h2{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--texte-doux);margin:0 0 .7rem}.carte h2:not(:first-child){margin-top:1.3rem}.grille-titres{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--espace-grille);margin:0 0 1.5rem}.carte-titre{display:flex;flex-direction:column;gap:.5rem;color:inherit;text-decoration:none}.carte-titre:hover{text-decoration:none}.affiche{aspect-ratio:2 / 3;border-radius:var(--r-md);overflow:hidden;background:var(--fond-elev);box-shadow:var(--ombre);position:relative}.affiche img{width:100%;height:100%;object-fit:cover;display:block}.affiche-vide{width:100%;height:100%;display:grid;place-items:center;font-size:2.5rem;color:var(--texte-doux)}.carte-titre-info{display:flex;flex-direction:column;gap:.1rem}.carte-titre-nom{font-size:.95rem;font-weight:500;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carte-titre-sous,.carte-titre-legende{font-size:.8rem;margin:0}.semaine{display:grid;grid-template-columns:repeat(7,1fr);gap:.3rem;padding:.8rem;margin:0 0 1.5rem}button.jour-semaine{width:auto;padding:0;background:none;border:none;color:inherit;font:inherit;display:flex;flex-direction:column;align-items:center;gap:.3rem;cursor:pointer;touch-action:manipulation}button.jour-semaine:disabled{opacity:1;cursor:default}button.jour-semaine:not(:disabled):active{transform:scale(.93)}.pastille{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:var(--fond-elev);color:var(--accent)}.pastille svg{width:19px;height:19px}.jour-semaine.vu .pastille{background:var(--accent);color:var(--fond)}.jour-semaine.aujourdhui .pastille{box-shadow:0 0 0 2px var(--accent)}.jour-semaine.aujourdhui .initiale{color:var(--accent);font-weight:700}.initiale{font-size:.75rem;color:var(--texte-doux)}.connexion{max-width:380px;margin:8vh auto 0;padding:2rem}.connexion h1{text-align:center;margin-bottom:.5rem}.connexion .intro{text-align:center;margin-bottom:1.5rem}.connexion button{width:100%;margin-top:1rem}.resultats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.resultat{display:grid;grid-template-columns:60px 1fr auto;gap:.8rem;align-items:center;background:var(--fond-carte);border:1px solid var(--bord);border-radius:var(--r-md);padding:.6rem}.resultat img,.resultat .affiche-vide{width:60px;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--r-couverture)}.resultat .affiche-vide{font-size:1.5rem;background:var(--fond-elev);display:grid;place-items:center}.resultat-info h3{margin:0 0 .1rem;font-size:.95rem}.resultat-info p{margin:0;font-size:.85rem}.resultat-synopsis{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--texte-doux)}.resultat button{width:auto;min-height:40px;padding:.4rem .8rem;font-size:.9rem}.fiche-titre{position:relative}.fiche-fond{position:relative;height:220px;margin:-1rem -1rem 0;overflow:hidden;border-radius:0 0 var(--r-md) var(--r-md)}.fiche-fond:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--fond) 20%,transparent),var(--fond) 90%)}.fiche-fond img{width:100%;height:100%;object-fit:cover;filter:blur(3px) saturate(1.1);transform:scale(1.05)}.fiche-entete{display:flex;gap:1rem;align-items:flex-end;margin:-80px 0 1rem;position:relative}.fiche-affiche{width:120px;aspect-ratio:2 / 3;object-fit:cover;border-radius:var(--r-md);box-shadow:var(--ombre);flex-shrink:0}.fiche-entete h1{font-size:1.4rem;margin-top:.2rem}.fiche-accroche{font-style:italic;color:var(--texte-doux);margin:.2rem 0}.fiche-actions{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0 0 1.5rem}.fiche-actions label{margin:0 0 .35rem}.fiche-actions select{margin-bottom:0}.fiche-bas{display:flex;gap:.8rem;flex-wrap:wrap;margin:2rem 0 0}.fiche-bas>*{flex:1}.fiche-titre .rond{position:absolute;top:.5rem;left:.5rem;z-index:2;background:color-mix(in srgb,var(--fond) 60%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:transparent}.nom-profil{margin:-.9rem 0 1.5rem;font-size:1.05rem}.vitrine{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--espace-grille);align-items:end;margin:0 0 1rem}.emplacement{position:relative;width:100%;aspect-ratio:2 / 3;padding:0;display:grid;place-items:center;gap:.25rem;background:var(--fond-elev);color:var(--texte-doux);border:2px dashed var(--bord);border-radius:var(--r-md);font-size:.72rem;font-weight:600;text-decoration:none;overflow:hidden}.emplacement svg{width:22px;height:22px;margin:0 auto}.emplacement.rempli{border:none;box-shadow:var(--ombre)}.emplacement img{width:100%;height:100%;object-fit:cover;display:block}.emplacement img.cachee{display:none}.sans-couverture{padding:.5rem;font-size:.72rem;line-height:1.25;color:var(--texte);text-align:center}.tuiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--espace-grille);text-align:center}.tuiles.deux{grid-template-columns:repeat(2,1fr)}.tuile{display:grid;justify-items:center;gap:.15rem;padding:.9rem .3rem;background:var(--fond-elev);border-radius:var(--r-md)}.tuile svg{width:20px;height:20px;color:var(--texte-doux)}.tuile .flamme{color:var(--accent)}.tuile strong{font-size:1.6rem;font-weight:700;line-height:1.1}.tuile span{line-height:1.25}.roue{display:flex;flex-direction:column;align-items:center;gap:1rem;overflow:hidden}.roue-dessin{width:148px;height:148px;flex:0 0 auto}.roue-total{text-anchor:middle;font-size:26px;font-weight:700;letter-spacing:-.02em;fill:var(--texte)}.roue-unite{text-anchor:middle;font-size:12px;fill:var(--texte-doux)}.roue-legende{width:100%;list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.roue-legende li{display:flex;align-items:center;gap:.5rem;font-size:.86rem}.roue-pastille{width:11px;height:11px;border-radius:3px;flex:0 0 auto}.roue-nom{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roue-part{color:var(--texte-doux);font-variant-numeric:tabular-nums;flex:0 0 auto;text-align:right}.roue-unique{margin:0;text-align:center;font-size:.9rem;line-height:1.5}.roue-unique strong{color:var(--texte)}.liste-profils{list-style:none;margin:0;padding:0}.liste-profils li{padding:.8rem 0;border-bottom:1px solid var(--bord)}.suggestions{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.suggestions .suggestion{display:flex;flex-direction:column;gap:.4rem}.suggestions button{min-height:36px;padding:.35rem .5rem;font-size:.85rem}.themes{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.6rem;margin:.5rem 0}.theme-choix{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.6rem;background:var(--fond-elev);color:var(--texte);border:2px solid transparent;min-height:90px}.theme-choix.actif{border-color:var(--accent);background:var(--fond-carte)}.theme-echantillons{display:flex;gap:3px}.theme-echantillons span{width:16px;height:24px;border-radius:3px;border:1px solid rgba(255,255,255,.1)}.garde-fou{text-align:center;padding:2rem}.garde-fou-actions{display:flex;gap:.5rem;justify-content:center;margin:1rem 0}.garde-fou-detail{text-align:left;margin-top:1.5rem;font-size:.85rem}.garde-fou-detail pre{background:var(--fond-elev);padding:.8rem;border-radius:.4rem;overflow-x:auto;font-size:.75rem}@media(min-width:720px){.grille-titres{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.fiche-fond{height:300px}.fiche-affiche{width:160px}.fiche-entete{margin-top:-120px}}