.app-shell{flex-direction:column;width:100%;max-width:100%;min-height:100svh;display:flex;position:relative;overflow:hidden clip}.app-shell:before,.app-shell:after{content:"";z-index:0;border-radius:var(--radius-pill);pointer-events:none;filter:blur(18px);position:absolute}.app-shell:before{background:var(--ambient-gold);width:min(360px,32vw);height:min(360px,32vw);top:0;right:0}.app-shell:after{background:var(--ambient-green);width:min(320px,30vw);height:min(320px,30vw);bottom:120px;left:0}.site-header,.main-view-banniere,.main-view-contenu,.site-footer{z-index:1;max-width:100%;position:relative}.site-header{z-index:20;border-bottom:1px solid var(--border);background:var(--nav-bg);position:sticky;top:0;box-shadow:0 8px 24px #1f231c1a}.header-inner{padding:9px clamp(14px,6vw,96px)}.brand{align-items:center;padding:0;display:inline-flex}.brand img{width:clamp(142px,13vw,174px);max-width:100%;height:auto;display:block}.header-actions{justify-content:flex-end;align-items:center;gap:.45rem;margin-left:auto}.brand-logo-compact{display:none!important}.header-titre-mobile,.menu-informations-mobile-bouton{display:none}.header-actions-connecte{display:contents}.header-button{color:#24261e;min-width:auto;min-height:2.35rem;font-family:var(--accent);letter-spacing:.01em;box-shadow:none;border:1px solid #0000;justify-content:center;padding-inline:.9rem;font-size:.92rem;font-weight:700;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s}.site-header .header-button:hover,.site-header .header-button:focus-visible{transform:translateY(-1px)}.site-header .header-button-secondaire{box-shadow:none;background:#ffffff57;border-color:#27203114}.site-header .header-button-secondaire .mantine-Button-label{color:var(--ink)}.site-header .header-button-primaire{background:var(--green-action);color:#fff;box-shadow:none;border-color:#4e6a303d}:root[data-mantine-color-scheme=dark] .site-header{--nav-bg:#0d1c14f0;border-bottom-color:#cfcf5a2e;box-shadow:0 8px 24px #00000042}:root[data-mantine-color-scheme=dark] .brand{background:0 0;padding:0}:root[data-mantine-color-scheme=dark] .site-header .header-button-secondaire{background:#394637e6;border-color:#c9d2c133}:root[data-mantine-color-scheme=dark] .site-header .header-button-primaire{color:#152015;background:#7ea05a;border-color:#7ea05a73}.site-header .header-button-compte{background:#fff8e8b8;border-color:#27203114;box-shadow:0 8px 18px #27203114}.header-avatar-bouton{color:#2f4b28;box-shadow:none;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s;display:inline-flex}.header-avatar-bouton:hover,.header-avatar-bouton:focus-visible{transform:translateY(-1px)}.header-avatar{color:#2f4b28;background:#fffdf4;border:1px solid #27203114;overflow:hidden;box-shadow:0 8px 18px #27203114}.site-header .header-avatar :where(.mantine-Avatar-placeholder){color:#2f4b28;background:#fffdf4}.header-avatar img{object-fit:cover;width:100%;height:100%;display:block}.header-avatar-icone{color:#2f4b28;justify-content:center;align-items:center;display:inline-flex}.header-avatar-icone svg{stroke:currentColor}:root[data-mantine-color-scheme=dark] .site-header .header-avatar-bouton{color:#2f4b28}:root[data-mantine-color-scheme=dark] .site-header .header-avatar,:root[data-mantine-color-scheme=dark] .site-header .header-avatar :where(.mantine-Avatar-placeholder){color:#2f4b28;background:#fffdf4}:root[data-mantine-color-scheme=dark] .site-header .header-avatar-icone{color:#2f4b28}.site-header .header-button-primaire .mantine-Button-label{color:inherit}.header-menu-dropdown{border:1px solid var(--border);background:var(--surface-strong);opacity:1;border-radius:1rem;padding:.35rem;box-shadow:0 16px 34px #0003}.header-menu-item{color:var(--ink);font-family:var(--accent);border-radius:.8rem;font-size:.96rem;font-weight:600}.header-menu-item .mantine-Menu-itemSection{color:color-mix(in srgb, var(--green) 78%, var(--ink))}.language-picker{min-width:120px}.language-picker-label{color:var(--ink);letter-spacing:.1em;text-transform:uppercase;font-size:.76rem;font-weight:800}.language-control{min-width:120px}.language-picker-compacte,.language-picker-compacte .language-control{min-width:auto}.main-view-banniere{padding-top:clamp(28px,4vw,48px)}.main-view-contenu{flex:1 0 auto;width:100%;min-width:0;padding-bottom:64px}.site-footer{margin-top:auto;padding:0 18px clamp(32px,5vw,48px)}.site-footer-inner{border-top:1px solid color-mix(in srgb, var(--border) 72%, var(--green));grid-template-columns:minmax(12rem,.72fr) minmax(0,1.46fr) minmax(8rem,.72fr);align-items:center;gap:clamp(1rem,2.2vw,2rem);padding:clamp(30px,4vw,48px) 0 0;display:grid}.site-footer-identite{min-width:0}.site-footer-copyright{color:var(--ink);font-family:var(--accent);font-size:.94rem;font-weight:800}.site-footer-note{color:color-mix(in srgb, var(--muted) 74%, transparent);flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.2rem;font-size:.88rem;display:flex}.site-footer-lien{color:var(--green);text-underline-offset:.18em;font-weight:700;transition:color .16s,background-color .16s,text-decoration-color .16s,transform .16s}.site-footer-lien:hover,.site-footer-lien:focus-visible{text-decoration:underline}.site-footer-navigation{justify-items:center;gap:.28rem;min-width:0;display:grid}.site-footer-liens{justify-content:center;row-gap:.18rem}.site-footer-liens .site-footer-lien{border-radius:var(--radius-pill);color:color-mix(in srgb, var(--muted) 92%, var(--green));padding:.16rem .32rem;font-size:.88rem;font-weight:700}.site-footer-liens-editoriaux .site-footer-lien{color:color-mix(in srgb, var(--green) 76%, var(--muted));font-weight:800}.site-footer-liens-legaux .site-footer-lien{color:color-mix(in srgb, var(--muted) 86%, transparent)}.site-footer-liens .site-footer-lien:hover,.site-footer-liens .site-footer-lien:focus-visible{color:var(--green);background:var(--accent-soft);text-decoration:none;transform:translateY(-1px)}.site-footer-utilitaires{justify-content:flex-end;align-items:center}.site-footer .language-picker-label{display:none}.site-footer .language-picker{width:auto}.site-footer .language-control{border:1px solid color-mix(in srgb, var(--green) 18%, transparent);background:color-mix(in srgb, var(--accent-soft) 82%, var(--surface-soft));padding:.22rem;transition:border-color .16s,background-color .16s}.site-footer .language-control .mantine-SegmentedControl-indicator{background:var(--surface-elevated);transition:transform .18s,background-color .16s,box-shadow .16s;box-shadow:0 5px 12px #1f231c1a}.site-footer .language-control .mantine-SegmentedControl-label{color:color-mix(in srgb, var(--muted) 86%, transparent);cursor:pointer;font-weight:800;transition:color .16s}.site-footer .language-control .mantine-SegmentedControl-label[data-active]{color:var(--green-deep)}.site-footer-theme-button{width:2.85rem;min-width:2.85rem;height:2.85rem;transition:transform .16s,background-color .16s,color .16s,box-shadow .16s}.site-footer-theme-button:hover,.site-footer-theme-button:focus-visible{transform:translateY(-1px)}.header-avatar-mobile{display:none}@media (width<=768px){.transition-vue-mobile{width:100%;min-height:100svh;overflow-x:hidden}.transition-vue-mobile-avant{animation:.24s cubic-bezier(.22,.72,.25,1) both transition-vue-mobile-avant}.transition-vue-mobile-arriere{animation:.24s cubic-bezier(.22,.72,.25,1) both transition-vue-mobile-arriere}}@keyframes transition-vue-mobile-avant{0%{opacity:.72;transform:translate(100%)}to{opacity:1;transform:translate(0,0)}}@keyframes transition-vue-mobile-arriere{0%{opacity:.72;transform:translate(-100%)}to{opacity:1;transform:translate(0,0)}}@media (width<=768px){.site-footer{display:none}.menu-informations-mobile-bouton{display:inline-flex}.header-inner{min-height:calc(3rem + env(safe-area-inset-top))}.brand-logo-complet{display:none!important}.brand-logo-compact{height:1.7rem;width:1.7rem!important;display:block!important}.header-titre-mobile{min-width:0;color:var(--ink);font-family:var(--accent);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:.98rem;font-weight:800;display:block;overflow:hidden}.site-header-formulaire .header-button{display:none}.header-inner{padding-top:max(8px, env(safe-area-inset-top));padding-bottom:8px}.brand img{width:min(132px,42vw)}.header-actions{flex-wrap:wrap;justify-content:flex-end;width:auto;margin-left:auto}.header-button{min-width:0}.header-avatar-bouton{min-width:40px;min-height:40px;margin-left:auto}.header-actions-connecte{display:none}}:root[data-mode-affichage=pwa-mobile] .main-view-contenu{padding-bottom:calc(6.75rem + env(safe-area-inset-bottom))}:root[data-mantine-color-scheme=dark] .app-shell :where(h1,h2,h3,h4,h5,h6,.mantine-Title-root,.hero-title,.section-title,.feature-title,.page-publique-titre,.page-information-titre-section,.page-editoriale-titre,.inscription-titre,.espace-utilisateur-titre,.collection-carte-titre,.ajout-livre-titre-carte,.collection-detail-tableau-titre,.collection-detail-carte-titre,.menu-profil-titre,.installation-pwa-titre){color:#c5e39a}@media (width<=576px){.main-view-banniere{padding-top:20px}.main-view-contenu{padding-left:12px;padding-right:12px}.header-button{width:auto}}.site-header{border-bottom-color:color-mix(in srgb, var(--ink) 14%, transparent);box-shadow:none}.brand{min-height:2.5rem}.site-header .header-button-secondaire{border:1px solid color-mix(in srgb, var(--green-deep) 54%, transparent);color:var(--ink);background:0 0}.site-header .header-button-primaire{border:1px solid color-mix(in srgb, var(--green-action) 82%, var(--ink));background:var(--green-action);color:#fff}:root[data-mantine-color-scheme=dark] .site-header .header-button-primaire{border-color:color-mix(in srgb, var(--gold) 78%, var(--ink));background:var(--gold);color:#17332d}:root[data-mantine-color-scheme=dark] .site-header .header-button-secondaire{border-color:color-mix(in srgb, var(--green) 62%, transparent)}:root[data-mantine-color-scheme=dark] .brand{background:0 0}:root[data-mantine-color-scheme=dark] .app-shell :where(h1,h2,h3,h4,h5,h6,.mantine-Title-root){color:#c5e39a}@media (width<=768px){.app-shell{background:var(--page-bg)}.connexion-shell .site-header{display:none}.menu-profil-dropdown{box-sizing:border-box;padding:.9rem 1rem max(1.25rem, env(safe-area-inset-bottom));border:0;border-top:1px solid var(--border);background:var(--surface-strong);border-radius:0;overflow-y:auto;box-shadow:0 18px 34px #163b4529;top:calc(3rem + env(safe-area-inset-top))!important;width:100dvw!important;max-width:none!important;max-height:none!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.menu-profil-entete{z-index:1;background:var(--surface-strong);padding:.25rem 0 .75rem;display:flex;position:sticky;top:-.75rem}.menu-profil-titre{color:var(--ink);font-family:var(--accent);font-size:1.15rem;font-weight:800}.menu-profil-identifiant{color:var(--muted);text-transform:none;margin:.1rem 0 .45rem;font-size:.9rem}.menu-profil-actions-principales{gap:.25rem;display:grid}.menu-profil-dropdown .header-menu-item{border-radius:.8rem;min-height:2.85rem;padding:.65rem .7rem;font-size:1rem}.menu-profil-dropdown .mantine-Menu-divider{margin:.9rem 0}.menu-profil-informations .header-menu-item{min-height:2.5rem;padding-block:.45rem;font-size:.94rem}.menu-profil-informations .mantine-Menu-label{padding-inline:.7rem}}