@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Playfair+Display:wght@400;600&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#f0f4f5;background-color:#0f1318;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-bg: radial-gradient(circle at top, rgba(209, 224, 217, .12), transparent 55%);--panel: rgba(17, 23, 32, .7);--outline: rgba(255, 255, 255, .08);--text-muted: rgba(240, 244, 245, .72);--accent-berry: #a6455f;--accent-pine: #2f5d50;--accent-sage: #65786a;--accent-cocoa: #6a4634;--accent-frost: #3a5d78;--accent-gold: #b08b50}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0c1115}#root{min-height:100vh}button{font:inherit}.page{position:relative;min-height:100vh;padding:clamp(2rem,4vw,4.5rem) clamp(1rem,5vw,5rem) 5rem;color:#f7fbfd;background:radial-gradient(circle at top,rgba(209,224,217,.14),transparent 60%),#0c1115;overflow:hidden}.page__glow{position:absolute;inset:6rem auto auto 50%;transform:translate(-50%);width:min(60rem,90vw);height:min(60rem,90vw);background:radial-gradient(circle,rgba(196,217,206,.24),transparent 70%);filter:blur(30px);z-index:0}.hero,.calendar,.door-modal{position:relative;z-index:1}.hero{max-width:60rem;margin:0 auto 3.5rem;text-align:center}.hero__eyebrow{text-transform:uppercase;letter-spacing:.4em;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem}.hero h1{margin:0 0 .75rem;font-family:Playfair Display,serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:500}.hero__lead{margin:0 auto;max-width:42rem;color:var(--text-muted)}.hero__note{margin-top:1.5rem;display:inline-flex;padding:.65rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#111720a6;font-size:.9rem;color:#d0e3d8}.audio-control{flex:0 0 240px;background:#080b10cc;border:1px solid rgba(255,255,255,.1);border-radius:1.4rem;padding:1rem;display:flex;gap:.75rem;align-items:center;justify-content:center;text-align:left}.audio-control__button{width:56px;height:56px;border-radius:50%;border:none;background:linear-gradient(180deg,#ffffff2e,#ffffff0a);color:#0b0f13;font-size:1.3rem;cursor:pointer;box-shadow:inset 0 1px #fff3}.audio-control__button:disabled{opacity:.5;cursor:not-allowed}.audio-control__details{flex:1;display:flex;flex-direction:column;gap:.35rem}.audio-control__title{margin:0;font-weight:600;font-size:.95rem}.audio-control__hint{font-size:.8rem;color:var(--text-muted)}.audio-control input[type=range]{accent-color:var(--accent-gold)}.calendar{display:grid;grid-template-columns:repeat(6,1fr);gap:1.2rem;perspective:1200px;align-items:stretch;max-width:1400px;margin:0 auto}.door{position:relative;padding:1.5rem .85rem;border:none;border-radius:1.2rem;background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:inherit;cursor:pointer;aspect-ratio:1 / 1.1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;box-shadow:0 20px 45px #05060899;transition:transform .6s cubic-bezier(.25,.8,.25,1),box-shadow .5s ease,filter .3s ease;transform-style:preserve-3d;overflow:hidden}.door:focus-visible{outline:2px solid rgba(255,255,255,.8);outline-offset:4px}.door--locked{cursor:not-allowed;filter:grayscale(.35) saturate(.6)}.door:not(:disabled):hover{transform:translateY(-6px) rotateX(6deg)}.door--active{transform:rotateY(180deg) scale(1.08);box-shadow:0 30px 60px #00000073}.door--today{box-shadow:0 25px 50px #b08b504d}.door__ribbon{position:absolute;top:0;left:50%;transform:translate(-50%);width:30px;height:100%;background:#ffffff14;mix-blend-mode:screen}.door__number{font-size:clamp(2rem,5vw,2.8rem);font-weight:600;display:block}.door__title{font-size:clamp(.85rem,2vw,1rem);color:var(--text-muted);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.door__lock{margin-top:1rem;font-size:.85rem;color:#ffffff80}.door--berry{border:1px solid rgba(166,69,95,.5);background:linear-gradient(135deg,#a6455f52,#0c1115b3)}.door--pine{border:1px solid rgba(47,93,80,.55);background:linear-gradient(135deg,#2f5d5059,#0c1115a6)}.door--sage{border:1px solid rgba(101,120,106,.45);background:linear-gradient(135deg,#65786a4d,#0c1115b3)}.door--cocoa{border:1px solid rgba(106,70,52,.5);background:linear-gradient(135deg,#6a463466,#0c1115b3)}.door--frost{border:1px solid rgba(58,93,120,.5);background:linear-gradient(135deg,#3a5d7852,#0c1115b3)}.door--gold{border:1px solid rgba(176,139,80,.6);background:linear-gradient(135deg,#b08b5059,#0c1115a6)}.door-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:10;overflow-y:auto}.door-modal__backdrop{position:absolute;inset:0;border:none;background:#05070abf;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer}.door-modal__card{position:relative;width:min(900px,90vw);max-height:calc(100vh - 4rem);border-radius:2rem;background:#0d1117e6;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.2fr);overflow:hidden;box-shadow:0 30px 80px #0000008c;transform-origin:center;animation:unfold .8s cubic-bezier(.2,.8,.2,1)}.door-modal__card:after{content:"";position:absolute;inset:20px;border-radius:1.6rem;border:1px solid rgba(255,255,255,.08);pointer-events:none}.door-modal__card img{width:100%;height:100%;object-fit:cover;display:block}.door-modal__media{position:relative}.door-modal__content{padding:2.5rem;display:flex;flex-direction:column;gap:1.2rem}.door-modal__day{letter-spacing:.4em;font-size:.85rem;text-transform:uppercase;color:var(--text-muted)}.door-modal__content h2{margin:0;font-family:Playfair Display,serif;font-size:clamp(2rem,3vw,2.6rem)}.door-modal__content p{margin:0;color:var(--text-muted);line-height:1.7;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word}.door-modal__close{position:absolute;top:1.25rem;right:1.25rem;border:none;background:#0c1115b3;color:#fff;padding:.4rem .9rem;border-radius:999px;cursor:pointer;font-size:.85rem;letter-spacing:.05em;z-index:1}.door-modal__close-icon{display:none;font-size:1.8rem;line-height:1}.door-modal__close-text{display:inline}.door-modal__card--berry{border:1px solid rgba(166,69,95,.55)}.door-modal__card--pine{border:1px solid rgba(47,93,80,.55)}.door-modal__card--sage{border:1px solid rgba(101,120,106,.45)}.door-modal__card--cocoa{border:1px solid rgba(106,70,52,.5)}.door-modal__card--frost{border:1px solid rgba(58,93,120,.5)}.door-modal__card--gold{border:1px solid rgba(176,139,80,.6)}@keyframes unfold{0%{transform:rotateX(-15deg) scale(.92);opacity:0}to{transform:rotateX(0) scale(1);opacity:1}}@media(max-width:1100px){.calendar{grid-template-columns:repeat(5,1fr)}}@media(max-width:900px){.calendar{grid-template-columns:repeat(4,1fr)}.door-modal__card{grid-template-columns:1fr;max-height:calc(100vh - 2.5rem)}.door-modal__media{height:220px;flex-shrink:0}.door-modal__content{overflow-y:auto;max-height:calc(100vh - 220px - 4rem)}}@media(max-width:700px){.calendar{grid-template-columns:repeat(3,1fr)}}@media(max-width:500px){.page{padding:2rem 1rem 3rem}.calendar{grid-template-columns:repeat(2,1fr);gap:.75rem}.door{padding:1rem .5rem}.door__number{font-size:clamp(1.8rem,8vw,2.4rem)}.door__title{font-size:clamp(.8rem,3.5vw,1rem)}.door-modal{padding:1rem}.door-modal__card{width:calc(100% - 1rem);max-height:calc(100vh - 2rem);border-radius:1.5rem}.door-modal__close{padding:.5rem;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.door-modal__close-text{display:none}.door-modal__close-icon{display:block}.door-modal__media{height:180px}.door-modal__content{padding:1.5rem 1.5rem 2rem;overflow-y:auto;max-height:calc(100vh - 180px - 4rem)}}