:root{--calendar-size:min(450px,90vw);--header-color:#F78E19;--page-white:#ffffff;--text-dark:#1a1a1a;--border-dark:#e0e0e0;}.calendar-container{width:100%;height:100%;}.calendar-scroll-container{height:600vh;position:relative;width:100%;}.calendar-viewport{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:visible;}.calendar{width:var(--calendar-size);height:var(--calendar-size);position:relative;filter:drop-shadow(0 25px 50px rgba(0,0,0,.5));isolation:isolate;}.calendar-base{position:absolute;inset:0;background:var(--border-dark);border-radius:12px;z-index:1;}.calendar-back{position:absolute;top:0;left:0;right:4px;bottom:4px;background:var(--page-white);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;z-index:2;}.back-header{background:var(--header-color);padding:15px 20px;text-align:center;}.back-header .month{color:white;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700;letter-spacing:.02em;}.back-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:5px;}.back-content .year,.page-content .year{display:none;}.back-content .day{font-size:clamp(7rem,35vw,14rem);font-weight:900;color:var(--text-dark);line-height:.85;}.back-content .year{font-size:clamp(2rem,10vw,4rem);font-weight:900;color:var(--text-dark);}.page-wrapper{position:absolute;top:0;left:0;right:4px;bottom:4px;border-radius:10px;overflow:hidden;z-index:3}.calendar-page{position:absolute;inset:0;background:var(--page-white);display:flex;flex-direction:column;}.page-header{background:var(--header-color);padding:15px 20px;text-align:center;}.page-header .month{color:white;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:700;letter-spacing:.02em;}.page-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:5px;}.page-content .day{font-size:clamp(7rem,35vw,14rem);font-weight:900;color:var(--text-dark);line-height:.85;}.page-content .year{font-size:clamp(2rem,10vw,4rem);font-weight:900;color:var(--text-dark);}.curl-container{position:absolute;top:0;left:0;right:4px;bottom:4px;pointer-events:none;overflow:hidden;z-index:100;}.curl-shape{position:absolute;bottom:0;right:0;width:0;height:0;background:linear-gradient(315deg,#f8f8f8 0%,#e8e8e8 50%,#d5d5d5 100%);clip-path:polygon(100% 0%,0% 0%,0% 100%);box-shadow:-4px -4px 8px rgba(0,0,0,.15);}.curl-shadow{position:absolute;bottom:4px;right:4px;width:0;height:0;opacity:0;filter:blur(12px);background:radial-gradient(ellipse at 100% 100%,rgba(0,0,0,.5) 0%,rgba(0,0,0,.2) 40%,transparent 70%);pointer-events:none;transform-origin:100% 100%;z-index:5;-webkit-backface-visibility:hidden;backface-visibility:hidden;}.progress-indicator{position:fixed;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:200;}.progress-dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);transition:background .3s,transform .3s;}.progress-dot.active{background:white;transform:scale(1.2);}.scroll-hint{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(255,255,255,.8);font-family:Arial,sans-serif;font-size:.95rem;font-weight:500;opacity:1;transition:opacity .5s;}.scroll-hint.hidden{opacity:0;pointer-events:none;}.scroll-arrow{width:20px;height:20px;border-right:2px solid rgba(255,255,255,.8);border-bottom:2px solid rgba(255,255,255,.8);transform:rotate(45deg);animation:bounce 1.5s infinite;}@keyframes bounce{0%,100%{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(6px)}}.title-label{display:none;}.decoration{position:absolute;pointer-events:none;}.turkey{width:28%;left:50%;top:0;transform:translate(-50%,50%) translateZ(0);z-index:-1;transition:transform .35s ease-out,z-index 0s 0s;will-change:transform;}.turkey.risen{transform:translate(-50%,-100%) translateZ(0);z-index:10;transition:transform .5s cubic-bezier(.175,.885,.32,1.75),z-index 0s 0s;}.haunted-house{width:35%;left:55%;bottom:0;transform:translateY(100%) translateZ(0);z-index:5;transition:transform .6s cubic-bezier(.175,.885,.32,1.75),visibility 0s .6s;will-change:transform;visibility:hidden;}.haunted-house.risen{transform:translateY(10%) translateZ(0);visibility:visible;transition:transform .6s cubic-bezier(.175,.885,.32,1.75),visibility 0s 0s}.moon{position:absolute;width:125%;aspect-ratio:1;border-radius:50%;background:#E3B81E;left:50%;bottom:30%;transform:scale(0) translateZ(0);z-index:-1;transition:transform .5s cubic-bezier(.175,.885,.32,1.75);will-change:transform;}.moon.risen{transform:scale(1) translateZ(0);}.cloud{width:70%;top:3%;z-index:15;transition:transform .6s ease-out;will-change:transform;}.cloud-left{left:0;transform:translateX(-100%) translateZ(0);transition-delay:.3s}.cloud-left.risen{transform:translateX(-10%) translateZ(0);}.cloud-right{right:0;left:auto;top:18%;width:55%;transform:translateX(100%) scaleX(-1) translateZ(0);transition-delay:.6s}.cloud-right.risen{transform:translateX(10%) scaleX(-1) translateZ(0);}.winter-tree{width:30%;left:15%;bottom:0;transform:translateY(100%) translateZ(0);z-index:10;transition:transform .6s cubic-bezier(.175,.885,.32,1.75);transition-delay:.3s;will-change:transform;}.winter-tree.risen{transform:translateY(0%) translateZ(0);}.pumpkin{bottom:0;z-index:10;transition:transform .8s cubic-bezier(.25,.1,.25,1);will-change:transform;}.pumpkin.from-left{transform:translateX(calc(-100% - 100vw)) translateY(10%) translateZ(0);}.pumpkin.from-right{transform:translateX(calc(100% + 100vw)) translateY(10%) translateZ(0);}.pumpkin.risen{transform:translateX(0%) translateY(10%) translateZ(0);}.pumpkin.pop-out{transition:transform .5s ease-in;}.pumpkin.pop-out.from-left{transform:translateX(calc(-100% - 100vw)) translateY(10%) translateZ(0);}.pumpkin.pop-out.from-right{transform:translateX(calc(100% + 100vw)) translateY(10%) translateZ(0);}