:root{--bg:#08090d;--text:#ededf2;--muted:#777985;--quiet:#464852;--accent:#a855f7;--online:#74d9a1;--idle:#e3b341;--dnd:#f06c75;--offline:#60626d}*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 83% 75%,rgba(168,85,247,.025),transparent 30rem),var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif}.page{position:relative;min-height:100vh;padding:46px 48px 70px}.profile{width:min(420px,100%)}.brand{margin:0;font-size:clamp(40px,5vw,58px);font-weight:650;line-height:1;letter-spacing:.16em}.pronunciation{margin:14px 0 0;color:var(--muted);font-size:13px}.presence{display:inline-flex;align-items:center;gap:9px;margin-top:22px;color:#aaaab4;font-family:"IBM Plex Mono",Consolas,monospace;font-size:10px;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.presence-dot{width:7px;height:7px;border-radius:50%;background:var(--offline)}.presence-dot.online{background:var(--online);box-shadow:0 0 10px rgba(116,217,161,.48)}.presence-dot.idle{background:var(--idle)}.presence-dot.dnd{background:var(--dnd)}.section{margin-top:37px}.section-label{margin:0 0 14px;color:var(--accent);font-family:"IBM Plex Mono",Consolas,monospace;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.song-link{text-decoration:none}.song-link:hover .song{color:var(--accent)}.song,.activity-title{margin:0;font-size:27px;font-weight:540;letter-spacing:-.025em}.artist{margin:8px 0 0;color:var(--muted);font-size:15px}.progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:320px;max-width:100%;margin-top:19px;color:var(--quiet);font-family:"IBM Plex Mono",Consolas,monospace;font-size:9px}.progress[hidden]{display:none}.progress-track{height:2px;overflow:hidden;background:#22232b}.progress-fill{width:0;height:100%;background:var(--accent);transition:width .4s linear}.history{display:grid;gap:12px;min-height:72px}.history-loading,.history-empty{color:var(--muted);font-size:13px}.history-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:baseline;color:inherit;text-decoration:none}.history-row:hover .history-title{color:var(--accent)}.history-number{color:#444650;font-family:"IBM Plex Mono",Consolas,monospace;font-size:9px}.history-title{min-width:0;overflow:hidden;color:#d9d9df;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.history-artist{color:var(--muted);font-size:12px;text-align:right}.activity-details{display:flex;gap:8px;margin-top:8px;color:var(--muted);font-size:13px}.activity-details[hidden]{display:none}.activity-details span+span:not(:empty)::before{content:"\00B7";margin-right:8px;color:#4b355d}.links{display:flex;flex-wrap:wrap;gap:7px 12px;max-width:390px}.links a{color:#9a9ba5;font-size:13px;text-decoration:none}.links a:hover{color:var(--accent)}.slash{color:#30323a}.quote-stage{position:fixed;right:clamp(55px,9vw,170px);bottom:clamp(62px,10vh,125px);width:min(560px,40vw);cursor:pointer;user-select:none}.quote{margin:0;color:rgba(237,237,242,.105);font-family:Georgia,"Times New Roman",serif;font-size:clamp(31px,3.25vw,56px);line-height:1.23;letter-spacing:-.035em;transition:opacity .2s ease,color .3s ease,transform .3s ease}.quote-stage:hover .quote{color:rgba(237,237,242,.24);transform:translateY(-2px)}.quote-source{display:block;margin-top:16px;color:rgba(168,85,247,.18);font-family:"IBM Plex Mono",Consolas,monospace;font-size:11px;font-style:normal;letter-spacing:.15em;text-transform:uppercase;transition:opacity .2s ease,color .3s ease}.quote-source:empty{display:none}.quote-stage:hover .quote-source{color:rgba(168,85,247,.42)}.quote.is-changing,.quote-source.is-changing{opacity:0}.stats-page{width:min(620px,calc(100% - 44px));margin:0 auto;padding:54px 0 80px}.back-link{color:var(--muted);font-family:"IBM Plex Mono",Consolas,monospace;font-size:11px;text-decoration:none}.stats-brand{margin:42px 0 0;font-size:clamp(34px,7vw,56px);letter-spacing:.08em}.stats-subtitle{margin:13px 0 0;color:var(--muted);line-height:1.6}.stats-section{margin-top:54px}.stats-list{display:grid;gap:14px;margin:0}.stats-list div,.top-artists li{display:grid;grid-template-columns:1fr auto;gap:24px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.045)}.stats-list dt{color:var(--muted)}.stats-list dd{margin:0;font-family:"IBM Plex Mono",Consolas,monospace}.top-artists{display:grid;gap:14px;margin:0;padding:0;list-style:none}.top-artists a{text-decoration:none}.top-artists a:hover{color:var(--accent)}.top-artist-count{color:var(--muted);font-family:"IBM Plex Mono",Consolas,monospace;font-size:12px}.refresh-note{margin-top:18px;color:#4c4e58;font-family:"IBM Plex Mono",Consolas,monospace;font-size:9px}@media(max-width:950px){.page{padding:38px 28px 60px}.quote-stage{position:relative;right:auto;bottom:auto;width:min(620px,100%);margin-top:100px;margin-left:auto}}@media(max-width:560px){.page{padding:30px 20px 50px}.history-row{grid-template-columns:22px minmax(0,1fr)}.history-artist{grid-column:2;margin-top:-7px;text-align:left}.quote-stage{margin-top:80px}.quote{font-size:33px}.quote-source{font-size:11px}}