*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}:root{--calendar-green:#0d4d42;--calendar-green-dark:#073e34;--calendar-ink:#173b35;--calendar-text:#4d5b66;--calendar-text-soft:#66727a;--calendar-white:#fff;--calendar-cream:#f8f5ee;--calendar-peach:#f4b6a7;--calendar-peach-soft:#fbe1d9;--calendar-sage:#dce7d8;--calendar-sage-light:#e9f0e5;--calendar-border:#d8dad7;--calendar-warm:#f7f1e6;--calendar-blue:#0d4d42;--calendar-yellow:#d8a744;--calendar-red:#994039;--calendar-shadow:0 10px 28px #173b3512;--calendar-shadow-hover:0 14px 34px #173b351c}.calendrier-container{background:var(--calendar-cream);width:100%;height:100dvh;min-height:100vh;color:var(--calendar-ink);flex-direction:column;padding:24px 22px 0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.calendrier-header{flex:none;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-bottom:16px;padding:0 4px;display:flex}.calendrier-header h1{color:var(--calendar-green);letter-spacing:-.5px;margin:0;font-size:30px;font-weight:800;line-height:1.15}.bouton-aujourd-hui{border:1px solid var(--calendar-border);background:var(--calendar-white);min-height:42px;color:var(--calendar-green);cursor:pointer;white-space:nowrap;border-radius:13px;padding:8px 16px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 4px 12px #173b350a}.bouton-aujourd-hui:hover{background:var(--calendar-sage-light);transform:translateY(-1px);box-shadow:0 8px 18px #173b3514}.segment-vue{background:#0d4d4212;border:1px solid #0d4d4214;border-radius:15px;flex:none;width:fit-content;max-width:100%;margin:0 auto 14px;padding:4px;display:flex}.segment-vue button{min-height:36px;color:var(--calendar-text-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:11px;padding:7px 18px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.segment-vue button:hover{color:var(--calendar-green);background:#ffffffb3}.segment-vue button.segment-actif{background:var(--calendar-green);color:var(--calendar-white);box-shadow:0 5px 12px #0d4d422e}.navigation-calendrier{flex:none;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;width:100%;margin-bottom:12px;display:grid}.navigation-calendrier button{border:1px solid var(--calendar-border);background:var(--calendar-white);width:42px;height:42px;color:var(--calendar-green);cursor:pointer;border-radius:12px;font-size:28px;font-weight:400;line-height:1;transition:background .15s,transform .15s,box-shadow .15s}.navigation-calendrier button:hover{background:var(--calendar-sage-light);transform:translateY(-1px);box-shadow:0 6px 14px #173b3512}.navigation-calendrier strong{text-align:center;min-width:0;color:var(--calendar-ink);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;font-size:18px;font-weight:800;line-height:1.3;overflow:hidden}.calendrier-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:thin;touch-action:pan-y;flex:1 1 0;width:100%;min-height:0;padding:0 2px 4px;overflow:hidden auto}.calendrier-scroll::-webkit-scrollbar{width:8px}.calendrier-scroll::-webkit-scrollbar-track{background:0 0}.calendrier-scroll::-webkit-scrollbar-thumb{background:#c7d1ca;border-radius:10px}.calendrier-contenu{width:100%;min-width:0;max-width:none;margin:0;padding:0}.calendrier-bottom-space{flex:0 0 130px;width:100%;height:130px}.jour-page{width:100%;min-height:420px;padding-bottom:24px}.entete-jour{background:var(--calendar-white);border:1px solid var(--calendar-border);width:100%;box-shadow:var(--calendar-shadow);border-radius:22px;align-items:center;margin-bottom:20px;padding:22px 24px;display:flex}.numero-jour{width:72px;height:72px;color:var(--calendar-green);background:var(--calendar-sage-light);border-radius:20px;flex:0 0 72px;place-items:center;margin-right:16px;font-size:48px;font-weight:800;line-height:1;display:grid}.numero-fete{background:var(--calendar-peach-soft);border:2px solid var(--calendar-peach);color:var(--calendar-green);font-size:37px;font-weight:900}.nom-jour{color:var(--calendar-ink);text-transform:capitalize;font-size:22px;font-weight:800}.mois-jour{color:var(--calendar-text-soft);margin-top:4px;font-size:14px;font-weight:500}.fete-jour{background:var(--calendar-peach-soft);border:1px solid #ebc8bf;border-left:5px solid var(--calendar-peach);border-radius:16px;align-items:center;gap:14px;width:100%;margin-bottom:14px;padding:15px 17px;display:flex;box-shadow:0 7px 20px #173b350d}.fete-badge{background:var(--calendar-white);border:1px solid var(--calendar-peach);width:44px;height:44px;color:var(--calendar-green);border-radius:14px;flex:0 0 44px;place-items:center;font-size:21px;display:grid}.fete-label{color:var(--calendar-green);text-transform:uppercase;letter-spacing:.7px;margin-bottom:3px;font-size:11px;font-weight:900}.fete-nom{color:var(--calendar-ink);font-size:18px;font-weight:900}.fete-sous-titre{color:var(--calendar-text);margin-top:3px;font-size:13px}.liste-evenements-jour{width:100%}.carte-evenement{background:var(--calendar-white);border:1px solid var(--calendar-border);border-left:5px solid var(--calendar-green);width:100%;box-shadow:var(--calendar-shadow);cursor:pointer;border-radius:16px;margin-bottom:12px;padding:17px 18px;transition:transform .15s,box-shadow .15s,border-color .15s}.carte-evenement:hover{box-shadow:var(--calendar-shadow-hover);border-color:#c9d3ce;transform:translateY(-2px)}.titre-evenement{color:var(--calendar-ink);overflow-wrap:anywhere;font-size:17px;font-weight:800}.type-evenement{color:var(--calendar-text-soft);margin-top:5px;font-size:13px}.aucun-evenement{text-align:center;width:100%;color:var(--calendar-text-soft);background:var(--calendar-white);border:1px dashed var(--calendar-border);border-radius:16px;padding:58px 20px;font-size:15px}.saint-card{background:var(--calendar-white);border:1px solid var(--calendar-border);width:100%;box-shadow:var(--calendar-shadow);border-radius:18px;margin-top:20px;margin-bottom:20px;padding:18px}.saint-card h3{color:var(--calendar-ink);margin:0 0 11px;font-size:18px;font-weight:800}.saint-item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef0ec;flex-direction:column;align-items:flex-start;width:100%;padding:11px 0;display:flex}.saint-item:last-child{border-bottom:0}.saint-item strong{color:var(--calendar-green);font-size:15px;font-weight:800}.saint-item span{color:var(--calendar-text-soft);margin-top:3px;font-size:13px}.jour-bas{justify-content:center;width:100%;padding:10px 0 20px;display:flex}.bouton-ajouter-jour{background:var(--calendar-green);color:var(--calendar-white);cursor:pointer;border:0;border-radius:12px;padding:11px 18px;font-size:13px;font-weight:800;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #0d4d4229}.bouton-ajouter-jour:hover{transform:translateY(-1px);box-shadow:0 11px 22px #0d4d4233}.mois-page{width:100%;padding-bottom:24px}.mois-calendrier-wrapper{background:var(--calendar-white);border:1px solid var(--calendar-border);width:100%;min-width:0;box-shadow:var(--calendar-shadow);border-radius:20px;overflow:hidden}.mois-recap-wrapper{width:100%;min-width:0}.calendrier--android{background:var(--calendar-white);border-radius:18px;width:100%;overflow:hidden}.entete-semaine{background:var(--calendar-sage-light);border-bottom:1px solid var(--calendar-border);grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;width:100%;height:38px;display:grid}.entete-semaine>div{text-align:center;min-width:0;color:var(--calendar-green);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:800}.grille-calendrier{background:var(--calendar-white);grid-template-columns:repeat(7,minmax(0,1fr));width:100%;display:grid}.case-vide{background:#fcfcfa;border-bottom:1px solid #eef0ec;border-right:1px solid #eef0ec;width:100%;min-height:100px}.case-jour{box-sizing:border-box;background:var(--calendar-white);width:100%;min-width:0;height:100px;min-height:100px;color:var(--calendar-ink);text-align:left;font:inherit;cursor:pointer;border:1px solid #eef0ec;border-top:0;border-left:0;border-radius:0;padding:5px 0;transition:background .12s;position:relative;overflow:hidden}.case-jour:hover{background:#fafcf9}.case-jour:nth-child(7n){border-right:0}.case-aujourdhui{background:#f3f8f4}.case-fete{box-shadow:inset 0 0 0 1px var(--calendar-peach);background:#fff9f5}.numero-jour-cellule{width:27px;height:27px;color:var(--calendar-text);border-radius:50%;justify-content:center;align-items:center;margin-left:3px;font-size:12px;font-weight:700;display:flex}.numero-aujourdhui{background:var(--calendar-green);color:var(--calendar-white);font-weight:900;box-shadow:0 3px 7px #0d4d422e}.numero-fete-cellule{background:var(--calendar-peach-soft);border:1.5px solid var(--calendar-peach);color:var(--calendar-green);font-weight:900}.indicateur-fete{align-items:center;min-width:0;margin-top:2px;padding:0 4px;display:flex;overflow:hidden}.indicateur-fete>span{background:var(--calendar-peach);border-radius:50%;flex:0 0 5px;width:5px;height:5px;margin-right:3px}.indicateur-fete strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--calendar-green);font-size:7px;font-weight:900;line-height:1.1;overflow:hidden}.event-mini{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:18px;color:var(--calendar-white);background:var(--calendar-green);border-radius:5px;margin-top:2px;padding:2px 4px;font-size:8.5px;font-weight:700;line-height:14px;display:block;overflow:hidden}.event-attente{color:var(--calendar-ink);border-radius:5px;background:var(--calendar-peach)!important}.plus{color:var(--calendar-text-soft);margin-top:2px;padding-left:4px;font-size:9px;font-weight:700;display:block}.recap{background:var(--calendar-white);border:1px solid var(--calendar-border);width:100%;box-shadow:var(--calendar-shadow);border-radius:18px;margin-top:16px;margin-bottom:30px;padding:18px}.recap h3{color:var(--calendar-ink);margin:0 0 13px;font-size:18px;font-weight:800}.ligne-recap{color:var(--calendar-text);align-items:center;gap:12px;margin:8px 0;font-size:13px;display:flex}.rond-recap{border-radius:50%;flex:0 0 13px;width:13px;height:13px}.recap-vide{color:var(--calendar-text-soft);padding:8px 0;font-size:13px}.recap-annuel{margin-top:18px}.annee-page{width:100%;padding-bottom:24px}.annee-grid,.annee-google{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:100%;padding-bottom:20px;display:grid}.mini-calendrier{aspect-ratio:1;box-sizing:border-box;border:1px solid var(--calendar-border);background:var(--calendar-white);width:100%;min-width:0;min-height:0;box-shadow:var(--calendar-shadow);text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;padding:11px;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.mini-calendrier:hover{box-shadow:var(--calendar-shadow-hover);transform:translateY(-2px)}.mini-calendrier h4{color:var(--calendar-green);flex:none;margin:0 0 7px;font-size:13px;font-weight:900;line-height:1.2}.mini-grid{flex:auto;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(0,1fr);width:100%;min-height:0;display:grid}.mini-jour{min-width:0;min-height:0;color:var(--calendar-text-soft);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(7px,.8vw,10px);line-height:1;display:flex}.mini-aujourdhui{background:var(--calendar-green);color:var(--calendar-white);font-weight:900}.mini-fete{background:var(--calendar-peach-soft);border:1px solid var(--calendar-peach);color:var(--calendar-green);font-weight:900}.mini-jour i{background:#668f72;border-radius:50%;width:3px;height:3px;margin-top:2px;display:block}.mini-fete i{background:var(--calendar-peach);width:4px;height:4px}.actions-evenement{align-items:center;gap:10px;margin-top:10px;padding:0 4px;display:flex}.action-bouton{border:1px solid var(--calendar-border);background:var(--calendar-white);cursor:pointer;border-radius:10px;padding:8px;box-shadow:0 4px 12px #173b350f}.fab{background:var(--calendar-green);width:58px;height:58px;color:var(--calendar-white);cursor:pointer;z-index:50;border:0;border-radius:18px;place-items:center;font-size:30px;font-weight:300;line-height:1;transition:transform .15s,box-shadow .15s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 25px #0d4d423d}.fab:hover{transform:translateY(-2px);box-shadow:0 16px 30px #0d4d424a}.calendrier-loading{background:var(--calendar-cream);place-items:center;width:100%;height:100dvh;min-height:100vh;display:grid}.spinner{border:4px solid var(--calendar-sage);border-top-color:var(--calendar-green);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite calendrier-spin}@keyframes calendrier-spin{to{transform:rotate(360deg)}}@media (width>=1200px){.calendrier-container{padding-left:30px;padding-right:30px}.annee-grid,.annee-google{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.case-jour{height:112px;min-height:112px}.case-vide{min-height:112px}}@media (width<=900px){.calendrier-container{padding-left:14px;padding-right:14px}.annee-grid,.annee-google{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (width<=700px){.calendrier-header h1{font-size:27px}.annee-grid,.annee-google{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mini-calendrier{padding:8px}.case-jour{height:90px;min-height:90px}.case-vide{min-height:90px}}@media (width<=520px){.calendrier-container{width:100%;height:100dvh;min-height:100vh;padding:15px 8px 0}.calendrier-header{margin-bottom:10px;padding:0 3px}.calendrier-header h1{font-size:25px}.bouton-aujourd-hui{border-radius:11px;min-height:40px;padding:7px 12px;font-size:12px}.segment-vue{margin-bottom:10px;padding:3px}.segment-vue button{min-height:34px;padding:6px 13px;font-size:12px}.navigation-calendrier{grid-template-columns:40px minmax(0,1fr) 40px;margin-bottom:8px}.navigation-calendrier button{border-radius:11px;width:38px;height:38px;font-size:27px}.navigation-calendrier strong{font-size:16px}.entete-jour{border-radius:18px;padding:18px}.numero-jour{border-radius:16px;flex-basis:58px;width:58px;height:58px;margin-right:12px;font-size:40px}.numero-fete{font-size:31px}.nom-jour{font-size:19px}.mois-jour{font-size:13px}.mois-calendrier-wrapper{border-radius:16px}.entete-semaine{height:32px}.entete-semaine>div{font-size:9px}.case-jour{height:82px;min-height:82px;padding-top:3px}.case-vide{min-height:82px}.numero-jour-cellule{width:24px;height:24px;font-size:11px}.event-mini{border-radius:4px;min-height:15px;margin-top:1px;padding:1px 2px;font-size:6.5px;line-height:11px}.indicateur-fete{margin-top:1px;padding:0 2px}.indicateur-fete>span{flex-basis:4px;width:4px;height:4px;margin-right:2px}.indicateur-fete strong{font-size:5.5px}.plus{padding-left:2px;font-size:7px}.annee-grid,.annee-google{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;padding-bottom:15px}.mini-calendrier{aspect-ratio:1;border-radius:12px;padding:7px}.mini-calendrier h4{margin-bottom:5px;font-size:10px}.mini-jour{font-size:6.5px}.recap{border-radius:16px;margin-top:12px;margin-bottom:20px;padding:15px}.recap h3{font-size:16px}.ligne-recap{gap:9px;font-size:12px}.calendrier-bottom-space{flex-basis:110px;height:110px}.fab{border-radius:16px;width:54px;height:54px;font-size:29px;bottom:18px;right:16px}}@media (width<=380px){.calendrier-container{padding:12px 6px 0}.calendrier-header h1{font-size:23px}.bouton-aujourd-hui,.segment-vue button{padding-inline:10px}.navigation-calendrier{grid-template-columns:36px minmax(0,1fr) 36px}.navigation-calendrier button{width:34px;height:34px;font-size:25px}.numero-jour{flex-basis:53px;width:53px;height:53px;font-size:38px}.case-jour{height:76px;min-height:76px}.case-vide{min-height:76px}.event-mini{font-size:6px;line-height:10px}.annee-grid,.annee-google{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mini-calendrier{border-radius:10px;padding:5px}.mini-calendrier h4{margin-bottom:3px;font-size:9px}.mini-jour{font-size:5.8px}.calendrier-bottom-space{flex-basis:100px;height:100px}}@media (height<=650px){.calendrier-container{padding-top:10px}.calendrier-header,.segment-vue{margin-bottom:7px}.navigation-calendrier{margin-bottom:5px}.navigation-calendrier button{width:36px;height:36px}.case-jour{height:75px;min-height:75px}.case-vide{min-height:75px}.calendrier-bottom-space{flex-basis:95px;height:95px}}