*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#F5F2ED;--text:#1A1A1A;--text-secondary:#6B6B6B;--orange:#ff5500;--orange-light:#ff6a1a;--orange-dark:#e64d00}body{font-family:DM Sans,system-ui,sans-serif;min-height:100vh;transition:background-color .6s ease,color .6s ease}body,body.snoozed{background-color:var(--bg);color:var(--text)}body.snoozed{--bg:#0a0a0a;--text:#ffffff;--text-secondary:#888888}.snooze-button{position:relative;z-index:10;background:var(--orange);border-radius:100px;padding:28px 72px;border:none;cursor:pointer;box-shadow:0 0 60px rgba(255,85,0,.35),0 0 120px rgba(255,85,0,.15),0 8px 32px rgba(0,0,0,.08);animation:pulse 3s ease-in-out infinite;transition:transform .3s ease,box-shadow .3s ease}.snooze-button:hover{transform:scale(1.05);box-shadow:0 0 80px rgba(255,85,0,.45),0 0 140px rgba(255,85,0,.2),0 8px 32px rgba(0,0,0,.1)}.snooze-button:active{transform:scale(.98)}.snooze-button.snoozed{animation:none;box-shadow:0 0 30px rgba(255,85,0,.3),0 0 60px rgba(255,85,0,.15);cursor:default}.snooze-button span{color:white;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;letter-spacing:.3em;text-shadow:0 0 8px rgba(255,255,255,1),0 0 20px rgba(255,255,255,.9),0 0 40px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.3);text-transform:lowercase}@keyframes pulse{0%,to{box-shadow:0 0 60px rgba(255,85,0,.35),0 0 120px rgba(255,85,0,.15),0 8px 32px rgba(0,0,0,.08)}50%{box-shadow:0 0 80px rgba(255,85,0,.45),0 0 140px rgba(255,85,0,.2),0 8px 32px rgba(0,0,0,.08)}}.timer{position:absolute;top:calc(50% + 80px);left:0;right:0;text-align:center;opacity:0;animation:fadeIn .5s ease forwards}.timer span{font-size:clamp(1rem,2vw,1.25rem);font-weight:400;color:var(--text-secondary);letter-spacing:.1em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}