@import "https://fonts.googleapis.com/css2?family=Rampart+One&display=swap";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
*{box-sizing:border-box;margin:0;padding:0}html,body{color:#fff;width:100%;height:100%;font-family:Arial,sans-serif}body{background-image:url(/images/background.jpg);background-position:50%;background-size:cover;background-attachment:fixed}.page-container{flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.glow-dot{opacity:.85;pointer-events:none;z-index:5;background:#fd5;border-radius:50%;width:12px;height:12px;animation:6s ease-in-out infinite float;position:fixed;box-shadow:0 0 12px #fd5,0 0 24px #fd5}.glow-dot-1{top:8%;left:10%}.glow-dot-2{top:18%;right:12%}.glow-dot-3{top:32%;left:22%}.glow-dot-4{top:45%;right:20%}.glow-dot-5{top:60%;left:15%}.glow-dot-6{top:72%;right:18%}.glow-dot-7{top:50%;left:50%}.glow-dot-8{top:25%;left:60%}.glow-dot-9{top:70%;left:40%}.glow-dot-10{top:15%;right:35%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}.top-section{z-index:10;justify-content:center;align-items:center;gap:120px;margin-top:40px;display:flex}.pfp-column{position:relative}.main-pfp{object-fit:cover;border-radius:50%;width:380px;height:380px}.main-title{text-shadow:0 0 20px #fff6;font-family:Rampart One,sans-serif;font-size:150px}.live-badge{z-index:50;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;transition:background-color .25s,color .25s,box-shadow .25s,opacity .25s;position:absolute;top:-10px;right:-10px}.live-badge.live{color:#000;background:#00ff4c;animation:1.2s infinite live-pulse;box-shadow:0 0 16px #00ff4ccc}.live-badge.offline{color:#e4e4e7;opacity:.85;box-shadow:none;background:#3f3f46;animation:none}.middle-section{z-index:10;justify-content:center;gap:80px;margin-top:60px;display:flex}.music-card{background:#191414;border-radius:12px;width:340px;height:200px;padding:16px;position:relative}.music-card .top{align-items:center;gap:14px;display:flex}.pfp{border-radius:6px;width:72px;height:72px;overflow:hidden}.track-pfp{object-fit:cover;width:100%;height:100%}.meta{flex-direction:column;gap:6px;display:flex}.title-1{font-size:20px;font-weight:700}.title-2{color:#cfcfcf;font-size:14px}.time{background:#5e5e5e;border-radius:4px;width:90%;height:8px;position:absolute;bottom:80px;left:5%}.elapsed{background:#1db954;border-radius:4px;height:100%}.controls{justify-content:center;gap:18px;width:100%;display:flex;position:absolute;bottom:28px}.control-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:24px}.time_now,.time_full{font-size:12px;position:absolute;bottom:60px}.time_now{left:16px}.time_full{right:16px}.live-badge-container{z-index:50;position:absolute;top:-10px;right:-10px}.live-pill{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:700}.live-pill-on{color:#000;background:#00ff4c;animation:1.2s infinite live-pulse;box-shadow:0 0 16px #00ff4ccc}.live-pill-off{color:#e4e4e7;opacity:.85;background:#3f3f46}@keyframes live-pulse{0%{transform:scale(1);box-shadow:0 0 8px #00ff4c99}50%{transform:scale(1.08);box-shadow:0 0 18px #00ff4ce6}to{transform:scale(1);box-shadow:0 0 8px #00ff4c99}}.brutalist-card{color:#000;background:#fff;border:4px solid #000;width:320px;padding:1.5rem;box-shadow:10px 10px #000}.brutalist-card__header{border-bottom:2px solid #000;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.brutalist-card__icon{background:#000;padding:.5rem}.brutalist-card__icon svg{fill:#fff;width:1.5rem;height:1.5rem}.brutalist-card__alert{font-size:1.5rem;font-weight:900}.brutalist-card__message{border-bottom:2px solid #000;margin-top:1rem;padding-bottom:1rem;font-weight:600}.brutalist-card__actions{margin-top:1rem}.brutalist-card__button{text-align:center;color:#000;background:#fff;border:3px solid #000;width:100%;margin-top:1rem;padding:.75rem;font-weight:700;text-decoration:none;display:block;box-shadow:5px 5px #000}.brutalist-card__button--read{color:#fff;background:#000}.brutalist-card__button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #000}.brutalist-card__button--read:hover{color:#fff;background:red;border-color:red;box-shadow:7px 7px maroon}.social-row{z-index:10;flex-wrap:nowrap;justify-content:space-between;width:100%;margin-top:120px;margin-bottom:60px;padding:0 120px;display:flex}.Btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;border-radius:14px;justify-content:center;align-items:center;width:70px;height:70px;transition:all .25s;display:flex}.Btn:hover{background:#000000bf;transform:scale(1.12)}.svgContainer img{width:36px;height:36px}@media (max-width:900px){.page-container{padding:20px}.top-section{flex-direction:column;gap:24px;margin-top:20px}.main-pfp{width:260px;height:260px}.main-title{font-size:72px}.middle-section{flex-direction:column;align-items:center;gap:32px;margin-top:40px}.music-card,.brutalist-card{width:100%;max-width:360px}.social-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:60px;padding:0 20px}.Btn{width:60px;height:60px}.svgContainer img{width:30px;height:30px}}