:root{--bg-primary: #fff4dc;--bg-glass: rgba(255, 255, 255, .55);--bg-glass-hover: rgba(255, 255, 255, .78);--accent-primary: #ff5d8f;--accent-secondary: #ff8a3c;--accent-tertiary: #00bcd4;--accent-yellow: #ffc94a;--accent-green: #2ec27e;--text-primary: #2a1a3a;--text-secondary: rgba(42, 26, 58, .72);--border-thick: 4px;--shadow-brutal: 8px 8px 0px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--text-primary);background:linear-gradient(180deg,#ffd6a5,#ffe8c2,#fff4dc 70%,#c8efff);background-image:radial-gradient(circle at 85% 12%,rgba(255,200,100,.55) 0%,transparent 45%),radial-gradient(circle at 15% 80%,rgba(0,188,212,.25) 0%,transparent 55%),radial-gradient(circle at 50% 50%,rgba(255,138,60,.18) 0%,transparent 60%),linear-gradient(180deg,#ffd6a5,#ffe8c2,#fff4dc 70%,#c8efff);background-attachment:fixed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}html{scroll-behavior:smooth}::selection{background-color:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#fff4dc;border-left:3px solid var(--accent-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border:2px solid #fff4dc}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.header{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:3rem;animation:fadeInDown .8s cubic-bezier(.34,1.56,.64,1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.header-image-container{position:relative;width:auto;height:auto;display:flex;align-items:center;justify-content:center;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;box-shadow:none;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.header-image-container:hover{transform:rotate(5deg)}.header-image{width:140px;height:140px;object-fit:contain;filter:drop-shadow(4px 4px 0px rgba(255,138,60,.45));transition:all .3s cubic-bezier(.34,1.56,.64,1)}.header-image:hover{transform:scale(1.1)}.header-title{font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.1;font-weight:900;margin:0;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;text-shadow:6px 6px 0px rgba(255,255,255,.6);filter:drop-shadow(0 4px 16px rgba(255,138,60,.35))}@media(max-width:768px){.header-image-container{width:120px;height:120px}.header-title{font-size:2.5rem}}.countdown-button{position:relative;border-radius:4px;border:var(--border-thick) solid var(--accent-primary);padding:1.25rem 3rem;font-size:1.1rem;font-weight:800;font-family:inherit;background:var(--bg-glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);color:var(--text-primary);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);overflow:visible;letter-spacing:.05em;min-width:220px;text-transform:uppercase;box-shadow:var(--shadow-brutal) var(--accent-primary);animation:buttonEnter .5s cubic-bezier(.34,1.56,.64,1)}@keyframes buttonEnter{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.countdown-button.button-exit{animation:buttonExit .4s cubic-bezier(.55,.06,.68,.19) forwards}@keyframes buttonExit{0%{opacity:1;transform:scale(1) rotate(0)}to{opacity:0;transform:scale(.3) rotate(180deg)}}.countdown-button:hover{transform:translate(-4px,-4px);box-shadow:12px 12px 0 var(--accent-primary);background:var(--bg-glass-hover);border-color:var(--accent-primary)}.countdown-button:active{transform:translate(0);box-shadow:var(--shadow-brutal) var(--accent-primary)}.button-text{position:relative;z-index:1;text-shadow:2px 2px 0px rgba(255,255,255,.7)}.button-shine{display:none}.countdown-button:focus,.countdown-button:focus-visible{outline:none}.time-display{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.5rem;width:100%;animation:timerEnter .6s cubic-bezier(.34,1.56,.64,1) both}@keyframes timerEnter{0%{opacity:0;transform:scale(.5) translateY(30px) rotateX(90deg)}50%{transform:scale(1.1) translateY(-10px) rotateX(0)}to{opacity:1;transform:scale(1) translateY(0) rotateX(0)}}.time-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:var(--border-thick) solid var(--accent-primary);border-radius:4px;padding:2rem 1.5rem;text-align:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:var(--shadow-brutal) var(--accent-primary)}.time-card:nth-child(2){border-color:var(--accent-secondary);box-shadow:var(--shadow-brutal) var(--accent-secondary)}.time-card:nth-child(3){border-color:var(--accent-tertiary);box-shadow:var(--shadow-brutal) var(--accent-tertiary)}.time-card:nth-child(4){border-color:var(--accent-yellow);box-shadow:var(--shadow-brutal) var(--accent-yellow)}.time-card:hover{transform:translate(-4px,-4px);box-shadow:12px 12px;background:var(--bg-glass-hover)}.time-card:active{transform:translate(0);box-shadow:var(--shadow-brutal)}.time-value{display:block;font-size:3.5rem;font-weight:900;color:var(--text-primary);line-height:1;margin-bottom:.5rem;letter-spacing:-.05em;text-shadow:3px 3px 0px rgba(255,255,255,.85)}.time-label{display:block;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;font-weight:800;margin-top:.5rem}@media(max-width:768px){.time-display{grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%}.time-card{padding:.75rem .5rem;border-width:2px;box-shadow:4px 4px 0 var(--accent-primary);min-width:0}.time-card:nth-child(2){box-shadow:4px 4px 0 var(--accent-secondary)}.time-card:nth-child(3){box-shadow:4px 4px 0 var(--accent-tertiary)}.time-card:nth-child(4){box-shadow:4px 4px 0 var(--accent-yellow)}.time-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px}.time-value{font-size:1.5rem;text-shadow:2px 2px 0px rgba(255,255,255,.85);margin-bottom:.25rem}.time-label{font-size:.5rem;margin-top:.25rem;letter-spacing:.1em}}@media(max-width:480px){.time-display{grid-template-columns:repeat(4,1fr);gap:.4rem}.time-card{padding:.6rem .4rem;border-width:2px;box-shadow:3px 3px 0 var(--accent-primary)}.time-card:nth-child(2){box-shadow:3px 3px 0 var(--accent-secondary)}.time-card:nth-child(3){box-shadow:3px 3px 0 var(--accent-tertiary)}.time-card:nth-child(4){box-shadow:3px 3px 0 var(--accent-yellow)}.time-card:hover{box-shadow:5px 5px}.time-value{font-size:1.25rem;text-shadow:2px 2px 0px rgba(255,255,255,.85)}.time-label{font-size:.45rem}}.location-text{margin:0;padding:0;font-size:.9rem;color:var(--text-secondary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;letter-spacing:.1em;text-align:center;font-weight:400;background:none;border:none;border-radius:0;box-shadow:none;display:block}.beach-scene{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.sun{position:absolute;top:3vh;right:4vw;width:260px;height:260px;overflow:visible;filter:drop-shadow(0 0 50px rgba(255,184,77,.6));animation:sunFloat 7s ease-in-out infinite}.sun-rays-group{transform-origin:18px 18px;animation:sunSpin 60s linear infinite}@keyframes sunSpin{to{transform:rotate(360deg)}}@keyframes sunFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.clouds{position:absolute;inset:0}.cloud{position:absolute;background:#ffffffd9;border-radius:999px;filter:blur(.5px) drop-shadow(0 6px 20px rgba(120,160,220,.25))}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud-1{top:14vh;left:-180px;width:160px;height:38px;animation:drift 55s linear infinite}.cloud-1:before{width:70px;height:70px;top:-32px;left:22px}.cloud-1:after{width:50px;height:50px;top:-22px;left:80px}.cloud-2{top:30vh;left:-260px;width:220px;height:46px;opacity:.9;animation:drift 80s linear infinite;animation-delay:-20s}.cloud-2:before{width:90px;height:90px;top:-42px;left:30px}.cloud-2:after{width:64px;height:64px;top:-28px;left:110px}.cloud-3{top:8vh;left:-200px;width:130px;height:32px;opacity:.75;animation:drift 95s linear infinite;animation-delay:-55s}.cloud-3:before{width:56px;height:56px;top:-26px;left:18px}.cloud-3:after{width:42px;height:42px;top:-18px;left:64px}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 320px))}}.waves{position:absolute;bottom:0;left:0;width:100%;height:180px;overflow:hidden}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%;display:block}.wave-back{color:#40b9cf73;animation:waveSlide 14s linear infinite}.wave-mid{color:#239cc48c;animation:waveSlide 9s linear infinite reverse;bottom:-8px}.wave-front{color:#147ca8b3;animation:waveSlide 6s linear infinite;bottom:-16px}@keyframes waveSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.sun{width:170px;height:170px;top:2vh;right:3vw}.waves{height:110px}}@media(prefers-reduced-motion:reduce){.sun,.sun-rays-group,.cloud,.wave{animation:none!important}}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;position:relative;z-index:2}.main-content{display:flex;flex-direction:column;align-items:center;gap:2.5rem;width:100%;max-width:800px;animation:fadeInUp .8s cubic-bezier(.34,1.56,.64,1)}.button-timer-container{position:relative;width:100%;display:flex;justify-content:center;min-height:80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app{padding:2rem 1.5rem}.main-content{gap:2rem}}