.mois-wrap{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.slideshow{flex:1;position:relative;overflow:hidden}.slide{display:none;width:100%;height:100%;position:absolute;inset:0;flex-direction:row;align-items:stretch}.slide.active{display:flex}.slideshow.go-next .slide.active{animation:mois-enter-right .45s cubic-bezier(.22,1,.36,1) both}.slideshow.go-prev .slide.active{animation:mois-enter-left .45s cubic-bezier(.22,1,.36,1) both}@keyframes mois-enter-right{0%{opacity:0;transform:translate(56px)}to{opacity:1;transform:translate(0)}}@keyframes mois-enter-left{0%{opacity:0;transform:translate(-56px)}to{opacity:1;transform:translate(0)}}.panel-left{width:38%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3vw;position:relative}.month-num{font-family:var(--font-ui);font-size:clamp(.9rem,1.8vw,1.5rem);font-weight:700;letter-spacing:5px;text-transform:uppercase;opacity:.5;margin-bottom:.25em}.month-name{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,9rem);font-weight:600;font-style:italic;line-height:1;text-align:center;letter-spacing:-.01em;text-shadow:0 4px 32px rgba(0,0,0,.18)}.season-badge{margin-top:1.2em;display:inline-flex;align-items:center;gap:.5em;padding:.35em 1.4em;border-radius:100px;font-family:var(--font-ui);font-size:clamp(.8rem,1.6vw,1.3rem);font-weight:700;letter-spacing:1px;text-transform:uppercase;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.panel-divider{width:3px;height:50%;border-radius:4px;opacity:.38;align-self:center;flex-shrink:0}.panel-right{width:62%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3vw 4vw;gap:2.5vw;position:relative}.main-emoji{font-size:clamp(5rem,18vw,18rem);line-height:1;filter:drop-shadow(0 8px 24px rgba(0,0,0,.2));animation:mois-float 3.5s cubic-bezier(.45,0,.55,1) infinite}@keyframes mois-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.month-desc{font-family:var(--font-display);font-size:clamp(1.2rem,3vw,2.8rem);font-weight:500;font-style:italic;text-align:center;line-height:1.4;max-width:80%;opacity:.88}.deco-wrap{position:absolute;inset:0;pointer-events:none;overflow:hidden}.deco{position:absolute;font-size:clamp(2rem,5vw,5rem);opacity:.16;user-select:none}.frise-bar{height:80px;flex-shrink:0;background:#0009;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:stretch;padding:0 8px}.nav-btn{background:transparent;border:none;color:#ffffff73;width:44px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .15s,transform .1s;border-radius:var(--r-sm, 6px);margin:12px 0}.nav-btn:hover{color:#ffffffe6}.nav-btn:active{color:#fff;transform:scale(.88)}.fs-btn{background:transparent;border:1px solid transparent;color:#ffffff59;width:34px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s,background .15s,transform .1s;border-radius:var(--r-sm, 6px);margin:14px 4px}.fs-btn:hover{color:#fff;border-color:#ffffff40;background:#ffffff14}.fs-btn:active{transform:scale(.9)}.fs-btn .icon-compress,.fs-btn.is-fullscreen .icon-expand{display:none}.fs-btn.is-fullscreen .icon-compress{display:block}.frise-track{flex:1;position:relative;display:flex;align-items:center;padding:0 4px}.frise-line{position:absolute;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);border-radius:2px;background:#ffffff1a;pointer-events:none}.frise-progress{position:absolute;left:0;top:50%;height:2px;transform:translateY(-50%);border-radius:2px;background:var(--m-accent, rgba(255, 255, 255, .5));opacity:.65;pointer-events:none;transition:width .4s cubic-bezier(.22,1,.36,1)}.frise-months{display:flex;width:100%;justify-content:space-between;align-items:center;position:relative;z-index:2}.frise-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;flex:1;padding:6px 0;transition:transform .2s;border-radius:4px;min-height:44px}.frise-item:hover{transform:translateY(-3px)}.frise-item:focus-visible{outline:2px solid rgba(255,255,255,.65);outline-offset:2px}.frise-dot{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#ffffff14;transition:all .35s cubic-bezier(.22,1,.36,1);flex-shrink:0}.frise-item.active .frise-dot{width:20px;height:20px;border-color:var(--m-accent, white);background:var(--m-accent, white);box-shadow:0 0 0 5px color-mix(in oklch,var(--m-accent, white) 22%,transparent)}.frise-emoji{font-size:17px;line-height:1;opacity:.5;transition:opacity .3s,transform .3s}.frise-item.active .frise-emoji,.frise-item:hover .frise-emoji{opacity:1;transform:scale(1.3)}.frise-label{font-family:var(--font-ui);font-size:11px;font-weight:700;letter-spacing:.4px;color:#fff6;text-transform:uppercase;line-height:1;transition:color .3s;white-space:nowrap}.frise-item.active .frise-label{color:#fff}.frise-item:hover .frise-label{color:#ffffffd9}.frise-cursor{position:absolute;top:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;border:2.5px solid var(--m-accent, white);background:color-mix(in oklch,var(--m-accent, white) 12%,transparent);pointer-events:none;transition:left .4s cubic-bezier(.22,1,.36,1),border-color .4s cubic-bezier(.22,1,.36,1),background .4s cubic-bezier(.22,1,.36,1);z-index:5}@media(prefers-reduced-motion:reduce){.slideshow.go-next .slide.active,.slideshow.go-prev .slide.active,.main-emoji{animation:none}.frise-cursor,.frise-progress{transition:none}}
