*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh;overflow:hidden;background-color:#000;display:flex;justify-content:center;align-items:center;position:relative}#main-image{width:100vw;height:100vh;object-fit:contain;user-select:none;-webkit-user-select:none;-moz-user-select:none;animation:fadeInZoom 1.5s ease-out forwards}#countdown{position:fixed;top:30px;left:30px;background:#000000d9;color:#fff;padding:20px;border-radius:15px;font-family:Arial,sans-serif;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;min-width:200px}#blog-link{position:fixed;top:30px;right:30px;background:#000000d9;color:#fff;padding:20px;border-radius:15px;font-family:Arial,sans-serif;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;min-width:200px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}#blog-link:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0006}#blog-link h3{font-size:1.1em;margin-bottom:10px;color:gold}#blog-link a{display:inline-block;color:#4ecdc4;text-decoration:none;font-size:.95em;padding:8px 15px;background:#4ecdc41a;border-radius:8px;transition:all .3s ease}#blog-link a:hover{background:#4ecdc433;color:#45b7d1}#timers-container{display:flex;flex-direction:column;gap:15px}.timer-box{text-align:center;padding:15px;border-radius:10px;background:#ffffff0d}.timer-box h3{font-size:1em;margin-bottom:8px;color:gold}.timer-box .shift-time{font-size:.85em;color:#aaa;margin-bottom:5px}.timer-box .timer{font-size:1.8em;font-weight:700;letter-spacing:1px;color:#0f0}.timer-box .timer.finished{color:#ff69b4;animation:pulse 1s infinite}@media (max-width: 768px){#countdown,#blog-link{min-width:auto;width:auto;max-width:90%;padding:15px}.timer-box{padding:12px}.timer-box .timer{font-size:1.5em}}#quote{position:fixed;bottom:40px;left:50%;transform:translate(-50%);padding:15px 30px;border-radius:10px;font-family:Arial,sans-serif;font-size:1.1em;max-width:80%;text-align:center;z-index:100;box-shadow:0 4px 20px #0003;animation:slideUp .5s ease-out;display:none}#quote.show{display:block}#quote.offwork{background:#fffffff2;color:#333}#quote.working{background:#646464e6;color:#fff}.confetti{position:fixed;width:10px;height:10px;z-index:50;animation:confettiFall 3s linear forwards}.balloon{position:fixed;width:50px;height:60px;border-radius:50%/60% 60% 40% 40%;z-index:50;animation:balloonFloat 5s ease-in forwards}.balloon:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:2px;height:20px;background:#ffffff80}.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;justify-content:center;align-items:center}.popup-overlay.show{display:flex}.popup-box{background:#fff;color:#333;padding:30px;border-radius:20px;z-index:1000;text-align:center;box-shadow:0 10px 50px #00000080;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);max-width:90%;width:400px}.popup-box h2{font-size:2em;margin-bottom:15px}.popup-box p{font-size:1.2em;margin-bottom:20px;line-height:1.5}.popup-close-btn{margin-top:20px;padding:10px 25px;font-size:1em;cursor:pointer;color:#fff;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a}@keyframes fadeInZoom{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes balloonFloat{0%{transform:translateY(0) translate(0);opacity:1}to{transform:translateY(-100vh) translate(var(--float-x));opacity:0}}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.daily-motivation{position:fixed;bottom:20px;right:20px;background:#ffffffe6;color:#333;padding:15px;border-radius:15px 15px 0;box-shadow:0 4px 15px #0003;z-index:100;max-width:250px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.daily-motivation:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #0000004d}.motivation-icon{font-size:1.5em}.motivation-text{font-size:.9em;font-weight:700;line-height:1.4}@media (max-width: 768px){.daily-motivation{bottom:10px;right:10px;padding:10px;max-width:200px;font-size:.9em}}