:root{--bg: #000000;--wire: rgba(255, 255, 255, .1);--font-mono: "Space Mono", monospace;--text-primary: #e0e0e0;--text-secondary: #d0d0d0;--text-muted: #999;--text-dim: #888;--text-faint: #666;--text-ghost: #444;--accent-green: #00ff00;--accent-orange: #f97316}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.5;display:flex;justify-content:center;align-items:center;padding:40px 2.5%;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MDAiIGhlaWdodD0iNTAwIj48ZmlsdGVyIGlkPSJub2lzZSIgeD0iMCIgeT0iMCI+PGZlVHVyYnVsZW5jZSB0eXBlPSJmcmFjdGFsTm9pc2UiIGJhc2VGcmVxdWVuY3k9IjAuNjUiIG51bU9jdGF2ZXM9IjMiIHN0aXRjaFRpbGVzPSJzdGl0Y2giLz48ZmVCbGVuZCBtb2RlPSJzY3JlZW4iLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjUwMCIgZmlsdGVyPSJ1cmwoI25vaXNlKSIgb3BhY2l0eT0iMC41Ii8+PC9zdmc+);opacity:.04;pointer-events:none;z-index:100}.wireframe-container{display:grid;grid-template-columns:1fr 320px;gap:40px;width:100%;max-width:100%;overflow:hidden;transition:all .3s ease}.left-col{display:flex;flex-direction:column;gap:30px;overflow:hidden}.profile-row{display:flex;gap:30px;align-items:flex-start}.avatar-sq{width:160px;height:160px;border:1px solid var(--wire);flex-shrink:0;background-image:linear-gradient(rgba(255,255,255,.05) .5px,transparent .5px),linear-gradient(90deg,rgba(255,255,255,.05) .5px,transparent .5px);background-size:10px 10px;transition:all .3s ease}.avatar-sq:hover{border-color:#ffffff4d;box-shadow:0 0 20px #ffffff0d;transform:scale(1.02)}.bio-lines{flex:1;display:flex;flex-direction:column;gap:12px;padding-top:0;line-height:1.6;font-size:14px}.bio-quote{color:var(--text-muted);font-size:13px;margin-bottom:0}.bio-heading{color:var(--text-primary);font-weight:700;font-size:15px;margin-top:8px}.bio-text{color:var(--text-secondary);font-size:14px;margin-top:8px}.content-block{height:300px;border:1px solid var(--wire);overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.05) .5px,transparent .5px),linear-gradient(90deg,rgba(255,255,255,.05) .5px,transparent .5px);background-size:10px 10px;transition:all .3s ease}.content-block:hover{border-color:#fff3;box-shadow:0 0 30px #ffffff08}.content-block:hover .dash-line{color:var(--text-dim)}.dash-wrapper{padding:15px;display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden}.dash-line{color:var(--text-ghost);font-size:14px;line-height:1;overflow:hidden;white-space:nowrap;transition:color .3s ease}.right-col{display:flex;flex-direction:column;gap:20px;border-left:1px solid var(--wire);padding-left:30px}.widget-box{border:1px solid var(--wire);padding:15px;background-image:linear-gradient(rgba(255,255,255,.05) .5px,transparent .5px),linear-gradient(90deg,rgba(255,255,255,.05) .5px,transparent .5px);background-size:10px 10px;transition:all .3s ease;overflow:hidden;min-width:0}.widget-box:hover{border-color:#fff3;box-shadow:0 0 25px #ffffff08}.widget-box.sm{height:70px}.widget-box.md{height:auto;min-height:120px;display:flex;flex-direction:column;gap:6px}.status-row{font-size:13px;color:var(--text-muted);margin-bottom:6px}.status-online{color:var(--accent-green);text-shadow:0 0 5px rgba(0,255,0,.2);font-weight:700}.status-sleeping{color:var(--accent-orange);text-shadow:0 0 5px rgba(249,115,22,.2);font-weight:700}.uptime-value{color:var(--text-secondary)}.track-container{display:flex;gap:10px;align-items:center;height:100%}.track-art,.track-art-placeholder{width:40px;height:40px;background:#0a0a0a;border:1px solid #333;display:flex;align-items:center;justify-content:center;flex-shrink:0}.track-art img{width:100%;height:100%;opacity:.8}.track-disc{width:12px;height:12px;border:1px solid var(--text-ghost);border-radius:50%;opacity:.5}.track-info{display:flex;flex-direction:column;gap:3px}.track-info--playing{flex:1;overflow:hidden;gap:4px;min-width:0;width:100%}.track-label{font-size:12px;color:var(--text-faint);letter-spacing:.5px;font-weight:700;white-space:nowrap;min-width:0}.track-label--error{color:#fff}.track-status{font-size:12px;color:var(--text-ghost);white-space:nowrap;min-width:0}.marquee-container{-webkit-mask-image:linear-gradient(to right,black 0%,black 95%,transparent 100%);mask-image:linear-gradient(to right,black 0%,black 95%,transparent 100%)}.track-status--error{color:#bbb}.track-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:silver}.track-artist{font-size:12px;color:#777}.nav-item{font-size:13px;white-space:nowrap;overflow:hidden;color:var(--text-dim);line-height:1.4;transition:all .2s ease;cursor:pointer;padding:4px 0}.nav-item:hover{color:var(--text-primary);padding-left:8px}.btn-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-link{text-decoration:none}.btn-sq{width:100%;height:40px;border:1px solid var(--wire);display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;color:#bbb;font-family:var(--font-mono);transition:all .2s ease;cursor:pointer;background:transparent}.btn-sq:hover{border-color:#fff;color:#fff;background-color:#ffffff0d;box-shadow:0 0 15px #ffffff1a;transform:translateY(-2px)}.btn-sq svg{fill:currentColor;width:18px;height:18px}.bottom-filler{flex:1;min-height:400px}.footer{font-size:14px;color:var(--text-ghost);margin-top:20px}@media(max-width:900px){body{padding:30px 25px}.wireframe-container{display:flex;flex-direction:column;width:100%;max-width:340px;margin:0 auto;gap:12px}.left-col,.right-col{display:contents}.profile-row{order:1;width:100%;flex-direction:column;align-items:center;text-align:center;gap:12px}.status-widget{order:2;width:100%}.frequency-widget{order:3;width:100%}.spotify-widget{order:4;width:100%}.social-widget{order:5;width:100%}.nav-widget{order:6;width:100%}.content-block{order:7;width:100%;height:150px;overflow:hidden}.bottom-filler{order:8;width:100%;min-height:150px}.footer{order:99;width:100%;text-align:center;margin-top:10px}.right-col{border-left:none;padding-left:0}.avatar-sq{width:90px;height:90px}.bio-lines{text-align:center}.bio-quote,.bio-heading,.bio-text{font-size:12px}.widget-box.sm{height:60px}.widget-box.md{min-height:100px}.widget-box{padding:12px}.status-row,.spotify-label,.spotify-status,.spotify-artist{font-size:11px}.spotify-title{font-size:12px}.nav-item{font-size:12px;padding:3px 0}.btn-sq{height:36px;font-size:11px}.btn-grid{gap:8px}.dash-wrapper{padding:10px}.dash-line{font-size:12px;width:100%}}