body{margin:0;overflow:hidden;font-family:JetBrains Mono,monospace}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,transparent 0,rgba(0,255,255,.05) 50%,transparent 100%);pointer-events:none;z-index:1}#canvas{display:block;background:radial-gradient(ellipse at center,#000011 0,#000000 100%)}#text-overlay{position:fixed;top:20px;left:20px;right:20px;text-align:left;color:#00ffff;z-index:2;pointer-events:auto;max-width:calc(100vw - 40px);overflow-wrap:break-word;word-wrap:break-word}#text-overlay a{color:#00ffff;text-decoration:underline;text-shadow:1px 1px 0 #007a7a,2px 2px 10px rgba(0,255,255,.4);transition:all .3s ease}#text-overlay a:hover{color:#ffffff;text-shadow:1px 1px 0 #007a7a,2px 2px 15px rgba(0,255,255,.6)}.main-text{font-size:36px;font-weight:700;letter-spacing:3px;margin-bottom:5px;animation:textGlow 4s ease-in-out infinite;text-shadow:1px 1px 0 #007a7a,2px 2px 0 #007a7a,3px 3px 0 #007a7a,4px 4px 15px rgba(0,255,255,.5),4px 4px 30px rgba(0,255,255,.3)}.sub-text{font-size:12px;font-weight:300;letter-spacing:2.5px;opacity:.9;text-shadow:1px 1px 0 #007a7a,2px 2px 10px rgba(0,255,255,.4)}.clickable-token{cursor:pointer;transition:all .3s ease;border-radius:2px;text-decoration:underline;text-decoration-color:transparent}.clickable-token:hover{background:rgba(0,255,255,.1);text-decoration-color:#00ffff;text-shadow:1px 1px 0 #007a7a,2px 2px 15px rgba(0,255,255,.6)}@keyframes textGlow{0%,to{opacity:.9;text-shadow:1px 1px 0 #007a7a,2px 2px 0 #007a7a,3px 3px 0 #007a7a,4px 4px 15px rgba(0,255,255,.5),4px 4px 30px rgba(0,255,255,.3)}50%{opacity:1;text-shadow:1px 1px 0 #006a8a,2px 2px 0 #006a8a,3px 3px 0 #006a8a,4px 4px 20px rgba(0,180,255,.6),4px 4px 40px rgba(0,180,255,.4)}}@media (max-width:430px){#text-overlay{top:10px;left:10px;right:10px;max-width:calc(100vw - 20px)}.main-text{font-size:28px;letter-spacing:1px;line-height:1.1}.sub-text{font-size:10px;letter-spacing:1px;line-height:1.3;margin-bottom:2px;word-break:break-all}#countdown-container{bottom:10px;right:10px;max-width:calc(100vw - 20px)}.cd-section{font-size:10px;padding:3px 8px}.cd-section-active{font-size:11px}}@media (min-width:431px) and (max-width:768px){#text-overlay{top:15px;left:15px;right:15px;max-width:calc(100vw - 30px)}.main-text{font-size:32px;letter-spacing:1.5px;line-height:1.1}.sub-text{font-size:11px;letter-spacing:1.5px;line-height:1.3;word-break:break-all}#countdown-container{bottom:15px;right:15px;max-width:calc(100vw - 30px)}}@media (min-width:769px) and (max-width:1024px){.main-text{font-size:42px;letter-spacing:2.5px}.sub-text{font-size:14px;letter-spacing:2.2px}}@media (max-width:320px){#text-overlay{top:8px;left:8px;right:8px;max-width:calc(100vw - 16px)}.main-text{font-size:24px;letter-spacing:.5px}.sub-text{font-size:9px;letter-spacing:.5px}#countdown-container{bottom:8px;right:8px;max-width:calc(100vw - 16px)}.cd-section{font-size:9px;padding:2px 6px}.cd-section-active{font-size:10px}}@media (max-height:500px) and (orientation:landscape){#text-overlay{top:5px;left:10px;right:10px}.main-text{font-size:20px;letter-spacing:1px;margin-bottom:2px}.sub-text{font-size:8px;letter-spacing:.5px;line-height:1.2;margin-bottom:1px}#countdown-container{bottom:5px;right:5px}.cd-section{font-size:8px;padding:2px 4px;margin-top:2px}.cd-section-active{font-size:9px}}#countdown-container{position:fixed;bottom:24px;right:24px;z-index:3;font-family:JetBrains Mono,monospace;text-align:center;color:#00ffff;user-select:none;max-width:calc(100vw - 48px)}.cd-section{border:1px solid;border-radius:4px;padding:4px 12px;margin-top:4px;letter-spacing:1px;font-size:12px;text-transform:uppercase;transition:opacity .4s ease,filter .4s ease;background:rgba(0,255,255,.05);text-shadow:0 0 6px rgba(0,255,255,.4)}.cd-section-active{font-weight:700;font-size:14px}.locked{opacity:.25;filter:grayscale(1)}.unlock-icon{display:inline-block;vertical-align:middle;margin-right:4px}.reveal-link,.unlock-icon{color:#00ff00;animation:fadeIn 1s ease-in-out}.reveal-link{text-decoration:none;text-shadow:0 0 8px rgba(0,255,0,.6);transition:all .3s ease;display:inline}.reveal-link:hover{color:#ffffff;text-shadow:0 0 12px rgba(0,255,0,.8)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.audio-visualizer-container{position:fixed;top:20px;right:20px;z-index:4;border:1px solid rgba(0,255,255,.3);background:rgba(0,0,0,.1);border-radius:4px;overflow:hidden}.music-thumbnail-container{position:relative}.music-thumbnail-link{display:block;pointer-events:auto}.music-thumbnail{display:block;width:80px;height:auto}.audio-visualizer{position:absolute;bottom:0;left:0;right:0;pointer-events:auto;cursor:pointer;opacity:.95;transition:opacity .2s ease;background:rgba(0,0,0,.4);backdrop-filter:blur(1px)}.audio-visualizer:hover{opacity:1;background:rgba(0,0,0,.5)}.visualizer-canvas{display:block}.snapshot-status{opacity:.7;font-size:.9em}.phase-separator{height:1px;background:currentColor;opacity:.2;margin:2px 0}.toast{position:fixed;bottom:50px;left:50%;transform:translateX(-50%);background:rgba(0,255,255,.1);border:1px solid #00ffff;border-radius:4px;padding:8px 16px;color:#00ffff;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:300;letter-spacing:1px;text-shadow:0 0 8px rgba(0,255,255,.6);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease;pointer-events:none}.toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-10px)}@media (max-width:430px){.toast{bottom:30px;font-size:10px;padding:6px 12px;letter-spacing:.5px}}@media (max-width:320px){.toast{bottom:20px;font-size:9px;padding:4px 10px}}#simple-menu{position:fixed;bottom:24px;right:24px;z-index:3;font-family:JetBrains Mono,monospace;text-align:center;color:#00ffff;user-select:none;max-width:calc(100vw - 48px)}.menu-item{border:1px solid;border-radius:4px;padding:8px 16px;margin-top:8px;letter-spacing:1px;font-size:12px;text-transform:uppercase;transition:all .3s ease;background:rgba(0,255,255,.05);text-shadow:0 0 6px rgba(0,255,255,.4)}.menu-item:hover{background:rgba(0,255,255,.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,255,255,.2)}.menu-link{color:#00ffff;text-decoration:none;display:block;transition:all .3s ease}.menu-link:hover{color:#ffffff;text-shadow:0 0 8px rgba(0,255,255,.6)}@media (max-width:430px){#simple-menu{bottom:10px;right:10px;max-width:calc(100vw - 20px)}.menu-item{font-size:10px;padding:6px 12px;margin-top:6px}}@media (min-width:431px) and (max-width:768px){#simple-menu{bottom:15px;right:15px;max-width:calc(100vw - 30px)}}@media (max-width:320px){#simple-menu{bottom:8px;right:8px;max-width:calc(100vw - 16px)}.menu-item{font-size:9px;padding:4px 8px;margin-top:4px}}@media (max-height:500px) and (orientation:landscape){#simple-menu{bottom:5px;right:5px}.menu-item{font-size:8px;padding:3px 6px;margin-top:3px}}