html,body,#root{background:#000;height:100%;overflow:hidden}.app{height:100vh;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.grid{z-index:1;cursor:none;gap:0;display:grid;position:relative}.cell{text-align:center;white-space:nowrap;font-family:monospace;transition:color .1s;overflow:hidden}.cell-current{animation:1s ease-in-out infinite pulse}.cell-clickable{cursor:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.clock-container{z-index:10;text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:10px;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-container:visited,.clock-container:hover,.clock-container:active{text-decoration:none}.clock{color:#f0f8ff;letter-spacing:4px;font-size:clamp(60px,15vw,120px);font-weight:400;animation:4s infinite flicker}.soon{color:#f0f8ff;letter-spacing:8px;text-transform:lowercase;font-size:clamp(20px,5vw,40px);font-weight:400;animation:4s infinite flicker}.cursor-ball{pointer-events:none;z-index:100;background:#f0f8ffcc;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #c8dcffcc,0 0 20px #c8dcff80,0 0 30px #c8dcff4d}.popup-overlay{width:100vw;height:100vh;z-index:50;opacity:1;cursor:default;background:#000;justify-content:center;align-items:center;height:100dvh;transition:opacity 2s ease-in-out;display:flex;position:fixed;top:0;left:0}.popup-overlay.popup-fading{opacity:0}.popup-glow{pointer-events:none;background:radial-gradient(circle,#c8dcff26 0%,#0000 70%);border-radius:50%;width:650px;height:650px;animation:2s ease-in-out infinite glowPulse;position:absolute}.popup-content{justify-content:center;align-items:center;width:600px;height:600px;display:flex;position:relative}.popup-grid{gap:0;width:100%;height:100%;display:grid;position:absolute}.popup-cell{text-align:center;justify-content:center;align-items:center;font-family:monospace;font-size:12px;display:flex;overflow:hidden}.popup-cta{z-index:2;color:#f0f8ff;letter-spacing:4px;text-shadow:0 0 10px #c8dcffe6,0 0 20px #c8dcffb3,0 0 40px #c8dcff80,0 0 60px #c8dcff4d,0 0 80px #c8dcff33;flex-direction:column;align-items:center;gap:5px;font-size:clamp(28px,7vw,44px);text-decoration:none;transition:text-shadow .3s;animation:4s infinite flicker;display:flex;position:relative}.popup-cta:hover{text-shadow:0 0 15px #c8dcff,0 0 30px #c8dcffe6,0 0 50px #c8dcffb3,0 0 80px #c8dcff80,0 0 100px #c8dcff4d}.popup-cta span{display:block}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.85}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}*{box-sizing:border-box;margin:0;padding:0}.clock-app{height:100vh;background:#000;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.clock-grid{z-index:1;gap:0;display:grid;position:relative}.clock-cell{text-align:center;white-space:nowrap;font-family:monospace;transition:color .1s;overflow:hidden}.clock-cell-current{animation:1s ease-in-out infinite pulse}.clock-center{z-index:10;text-align:center;cursor:default;flex-direction:column;align-items:center;gap:12px;text-decoration:none;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-center:visited,.clock-center:hover,.clock-center:active{text-decoration:none}.status-label{color:#f0f8ff;letter-spacing:4px;text-transform:uppercase;font-size:clamp(10px,2.5vw,16px);transition:opacity .5s}.precision-clock{color:#f0f8ff;letter-spacing:2px;font-size:clamp(40px,12vw,90px);font-weight:400;animation:4s infinite flicker}.next-special-row{justify-content:center;align-items:center;gap:12px;display:flex}.next-special-time{color:#f0f8ff;letter-spacing:4px;font-size:clamp(24px,6vw,44px);font-weight:400;animation:4s infinite flicker}.alarm-icon{color:#f0f8ff;opacity:.3;cursor:pointer;width:clamp(24px,5vw,36px);height:clamp(24px,5vw,36px);transition:opacity .3s,filter .3s}.alarm-icon:hover{opacity:.6}.alarm-icon.alarm-active{opacity:1;filter:drop-shadow(0 0 8px #c8dcffcc)drop-shadow(0 0 16px #c8dcff80)drop-shadow(0 0 24px #c8dcff4d);animation:2s ease-in-out infinite alarmGlow}@keyframes alarmGlow{0%,to{filter:drop-shadow(0 0 8px #c8dcffcc)drop-shadow(0 0 16px #c8dcff80)drop-shadow(0 0 24px #c8dcff4d)}50%{filter:drop-shadow(0 0 12px #c8dcff)drop-shadow(0 0 24px #c8dcffb3)drop-shadow(0 0 36px #c8dcff66)}}.modal-overlay{width:100vw;height:100vh;z-index:100;background:#000000f2;justify-content:center;align-items:center;height:100dvh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal{text-align:center;background:#000;border:1px solid #c8dcff40;border-radius:4px;width:90%;max-width:360px;padding:32px;box-shadow:0 0 30px #c8dcff14,inset 0 0 30px #c8dcff05}.modal-title{color:#f0f8ff;letter-spacing:4px;text-shadow:0 0 10px #c8dcff99,0 0 20px #c8dcff66;margin-bottom:20px;font-size:clamp(14px,4vw,18px)}.modal-text{color:#f0f8ffb3;letter-spacing:1px;margin-bottom:20px;font-family:monospace;font-size:14px}.modal-accordion{cursor:pointer;border-top:1px solid #c8dcff1a;border-bottom:1px solid #c8dcff1a;justify-content:center;align-items:center;gap:8px;margin:0 -12px 16px;padding:12px;transition:background .2s;display:flex}.modal-accordion:hover{background:#c8dcff0d}.modal-accordion-text{color:#f0f8ffb3;letter-spacing:3px;font-size:clamp(10px,2.5vw,12px)}.chevron-icon{color:#f0f8ff80;width:16px;height:16px;transition:transform .2s}.chevron-icon.chevron-expanded{transform:rotate(90deg)}.modal-chips{background:#c8dcff05;border-radius:4px;flex-wrap:wrap;justify-content:center;gap:8px;max-height:200px;margin-bottom:20px;padding:16px;display:flex;overflow-y:auto}.modal-chip{color:#f0f8ff4d;letter-spacing:2px;cursor:pointer;border:1px solid #c8dcff26;border-radius:4px;padding:8px 12px;font-size:clamp(11px,2.5vw,13px);transition:all .2s}.modal-chip:hover{color:#f0f8ff99;border-color:#c8dcff66}.modal-chip.modal-chip-active{color:#f0f8ff;text-shadow:0 0 8px #c8dcffcc,0 0 16px #c8dcff66;border-color:#c8dcff80;box-shadow:0 0 10px #c8dcff26,inset 0 0 10px #c8dcff0d}.modal-subtext{color:#f0f8ff59;letter-spacing:2px;margin-bottom:24px;font-family:monospace;font-size:10px}.modal-buttons{justify-content:center;gap:12px;display:flex}.modal-btn{letter-spacing:3px;cursor:pointer;color:#f0f8ff99;background:0 0;border:1px solid #c8dcff40;border-radius:4px;padding:14px 20px;font-size:clamp(10px,2.5vw,12px);transition:all .2s}.modal-btn:hover{color:#f0f8ff;text-shadow:0 0 10px #c8dcff80;border-color:#c8dcff80}.modal-btn-confirm{color:#f0f8ff;border-color:#c8dcff66}.modal-btn-confirm:hover{text-shadow:0 0 10px #c8dcffcc,0 0 20px #c8dcff66;box-shadow:0 0 20px #c8dcff33,inset 0 0 20px #c8dcff0d}.modal-btn:disabled{opacity:.3;cursor:not-allowed}.modal-btn:disabled:hover{color:#f0f8ff99;text-shadow:none;box-shadow:none;border-color:#c8dcff40}.modal-chips::-webkit-scrollbar{width:4px}.modal-chips::-webkit-scrollbar-track{background:#c8dcff0d}.modal-chips::-webkit-scrollbar-thumb{background:#c8dcff33;border-radius:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}