:root{font-family:Inter,sans-serif;line-height:1.5;font-weight:400;--crimson-primary: #8a1c1c;--crimson-secondary: #ff4d4d;--dark-bg: #0a0a0a;--text-main: #ffffff;--glass-bg: rgba(20, 20, 20, .65);--glass-border: rgba(255, 255, 255, .1);--modal-shadow: 0 8px 32px 0 rgba(0, 0, 0, .5);--overlay-gradient: linear-gradient(135deg, rgba(10, 10, 10, .9) 0%, rgba(50, 10, 10, .8) 100%)}body.light-mode{--crimson-primary: #a32222;--crimson-secondary: #d63030;--dark-bg: #f0f0f0;--text-main: #1a1a1a;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .1);--modal-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);--overlay-gradient: linear-gradient(135deg, rgba(240, 240, 240, .8) 0%, rgba(255, 200, 200, .7) 100%)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dark-bg);background-image:url(https://images.unsplash.com/photo-1542256840-3b99676c5b6b?q=80&w=2070&auto=format&fit=crop);background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:background-color .3s ease}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-gradient);z-index:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .5s ease}.character-overlay{position:absolute;top:0;right:0;width:50%;height:100%;background-image:url(/assets/character.png);background-size:cover;background-position:center right;z-index:0;opacity:.6;mask-image:linear-gradient(to right,transparent,black 40%);-webkit-mask-image:linear-gradient(to right,transparent,black 40%);transition:opacity .5s ease;pointer-events:none}#app{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}.countdown-modal{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--modal-shadow);border-radius:20px;padding:3rem 4rem;text-align:center;max-width:800px;width:90%;animation:fadeInDown 1s ease-out;position:relative;overflow:hidden}.countdown-modal:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 60%);transform:rotate(30deg);pointer-events:none}header h1{font-family:Cinzel,serif;font-size:3rem;letter-spacing:4px;margin-bottom:.5rem;text-transform:uppercase;color:var(--text-main);text-shadow:0 2px 10px rgba(0,0,0,.3)}.subtitle{font-size:1rem;opacity:.8;letter-spacing:2px;margin-bottom:3rem;text-transform:uppercase}.timer-container{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:3rem;flex-wrap:wrap}.time-unit{display:flex;flex-direction:column;align-items:center;min-width:80px}.time-unit span{font-size:4rem;font-weight:700;line-height:1;background:linear-gradient(180deg,var(--text-main) 0%,rgba(255,255,255,.6) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}body.light-mode .time-unit span{background:linear-gradient(180deg,var(--text-main) 0%,rgba(0,0,0,.6) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.time-unit label{font-size:.85rem;letter-spacing:1px;margin-top:.5rem;opacity:.7}.separator{font-size:3rem;font-weight:300;margin-top:-1.5rem;opacity:.5}.target-date{font-size:.9rem;opacity:.6;margin-bottom:2rem;font-family:Cinzel,serif}.actions-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:2rem;width:100%}.control-group{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.glass-pill-btn,.glass-pill-select{height:48px;border-radius:24px;padding:0 1.5rem;background:#14141499;border:1px solid var(--glass-border);color:var(--text-main);font-family:Inter,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;align-items:center;justify-content:center;gap:.6rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;box-shadow:0 4px 6px #0000001a}.glass-pill-btn:hover,.glass-pill-select:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 15px #0003}.glass-pill-btn:active,.glass-pill-select:active{transform:translateY(0)}.glass-pill-select:focus{outline:none;border-color:var(--crimson-secondary)}.glass-pill-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2.5rem;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;min-width:250px}.glass-pill-btn img,.glass-pill-btn svg{width:24px;height:24px;object-fit:contain}.glass-pill-btn.icon-only{width:48px;padding:0;border-radius:50%}body.light-mode .glass-pill-btn,body.light-mode .glass-pill-select{background:#fff9;color:#1a1a1a;border-color:#0000001a}body.light-mode .glass-pill-btn:hover,body.light-mode .glass-pill-select:hover{background:#ffffffe6;border-color:#0003}body.light-mode .glass-pill-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem}.glass-pill-select option{background-color:var(--dark-bg);color:var(--text-main)}body.light-mode .glass-pill-select option{background-color:#f0f0f0;color:#1a1a1a}footer{position:absolute;bottom:1rem;font-size:.75rem;opacity:.4;color:var(--text-main);text-align:center;width:100%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.countdown-modal{padding:2rem 1.5rem;width:95%}header h1{font-size:2rem}.time-unit span{font-size:2.5rem}.separator{font-size:2rem;margin-top:-1rem}.time-unit{min-width:50px}.glass-pill-select{min-width:100%}}.glitch-text,.tooltip-btn{position:relative}.tooltip-btn:after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translate(-50%) translateY(10px);background:#000c;color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--glass-border);box-shadow:0 4px 10px #0000004d}.tooltip-btn:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}body.light-mode .tooltip-btn:after{background:#ffffffe6;color:#1a1a1a;border-color:#0000001a}.theme-toggle-fixed{position:absolute;bottom:2rem;right:2rem;z-index:20}@media(max-width:768px){.theme-toggle-fixed{position:absolute;bottom:1rem;right:1rem}}