@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=VT323&display=swap";:root{--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--term-bg: rgba(13, 12, 11, .92);--term-line: rgba(236, 228, 210, .16);--term-line-soft: rgba(236, 228, 210, .08);--term-ink: #E4DCCB;--term-ink-dim: #7E7A6E;--term-accent: #C9A24B}.ascii-panel{position:relative;background:var(--term-bg);border:1px solid var(--term-line);border-radius:2px;font-family:var(--mono);color:var(--term-ink);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 10px 44px #00000080,inset 0 0 0 1px #ece4d206;overflow:hidden}.ascii-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(236,228,210,.014) 0px,rgba(236,228,210,.014) 1px,transparent 1px,transparent 4px);opacity:.4;mix-blend-mode:screen;animation:ascii-scan 12s linear infinite}.ascii-panel__bar{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-bottom:1px solid var(--term-line-soft);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--term-accent)}.ascii-panel__title{display:flex;align-items:center;gap:6px}.ascii-panel__dot{color:var(--term-accent)}.ascii-panel__body{padding:12px;font-size:12px;line-height:1.7}.ascii-cursor:after{content:"▋";margin-left:2px;color:var(--term-accent);animation:ascii-blink 1.05s steps(1) infinite}.ascii-bar{display:grid;grid-template-columns:70px 1fr 46px;gap:8px;align-items:center;margin:6px 0}.ascii-bar__label{font-size:11px;color:var(--term-ink-dim);text-transform:lowercase;letter-spacing:.3px}.ascii-bar__track{position:relative;font-size:12px;letter-spacing:1px;color:var(--term-ink-dim);white-space:nowrap;overflow:hidden}.ascii-bar__fill{position:absolute;top:0;left:0;height:100%;color:var(--term-accent);white-space:nowrap;overflow:hidden;text-shadow:0 0 6px rgba(201,162,75,.22);transition:width .7s cubic-bezier(.22,1,.36,1)}.ascii-bar__val{font-size:11px;color:var(--term-ink);text-align:right;font-variant-numeric:tabular-nums}.ascii-bar__weight{font-size:9px;color:var(--term-ink-dim)}.ascii-readout{font-size:11px;color:var(--term-ink-dim);white-space:pre;letter-spacing:.3px}.ascii-readout b{color:var(--term-ink);font-weight:500}.ascii-spinner{font-family:var(--mono);color:var(--term-accent)}.ascii-spinner__label{color:var(--term-ink-dim);margin-left:8px;font-size:11px;letter-spacing:.5px}.ascii-cap{font-family:var(--mono);font-size:10px;letter-spacing:.5px;color:var(--term-ink);text-shadow:0 0 6px rgba(0,0,0,.8)}@keyframes ascii-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes ascii-scan{0%{background-position-y:0}to{background-position-y:100px}}@keyframes ascii-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ascii-anim-in{animation:ascii-in .22s cubic-bezier(.22,1,.36,1) both}@keyframes ascii-glitch{0%,92%,to{transform:translate(0);clip-path:none}93%{transform:translate(-1px)}95%{transform:translate(1px)}97%{transform:translate(-1px)}}.ascii-glitch:hover{animation:ascii-glitch .45s steps(2) 1}:root{--bg: #0B0A09;--accent: #C9A24B;--accent-dim: rgba(201, 162, 75, .12);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ui-bg: rgba(13, 12, 11, .92);--ui-bg-soft: rgba(20, 19, 16, .88);--ui-border: rgba(236, 228, 210, .13);--ui-border-2: rgba(236, 228, 210, .22);--ui-shadow: 0 10px 44px rgba(0, 0, 0, .5);--ui-text: #E4DCCB;--ui-text-muted: #9A9486;--ui-text-dim: #7E7A6E;--ui-hover: rgba(236, 228, 210, .06);--success: #7FB069;--warning: #C9A24B;--danger: #C26D5C;--text: var(--ui-text);--text-muted: var(--ui-text-muted);--text-dim: var(--ui-text-dim);--border: var(--ui-border);--border-2: var(--ui-border-2);--surface: var(--ui-bg);--surface-2: var(--ui-bg-soft)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ui-text);font-family:var(--mono);font-size:13px;-webkit-font-smoothing:antialiased}.landing{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg);overflow:hidden}.landing-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.09;animation:bgPulse 6s ease-in-out infinite}@keyframes bgPulse{0%,to{opacity:.08}50%{opacity:.13}}.landing-content{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0;animation:landingIn .9s ease both}@keyframes landingIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-title{font-family:VT323,monospace;font-size:116px;font-weight:400;line-height:1;letter-spacing:3px;color:#ece4d2f2;margin-bottom:16px;text-shadow:0 0 60px rgba(201,162,75,.18)}.landing-sub{font-family:var(--mono);color:var(--ui-text-dim);font-size:13px;font-weight:400;letter-spacing:2px;margin-bottom:36px}.landing-lyric{font-family:var(--mono);color:#ece4d242;font-size:11px;font-style:italic;margin-top:20px;letter-spacing:.2px}.btn-spotify{margin-top:8px;display:flex;align-items:center;gap:10px;padding:12px 24px;background:#1db954;color:#0b0a09;border:none;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--mono);letter-spacing:.4px;border-radius:2px}.btn-spotify:hover{background:#1ed760;transform:translateY(-1px);box-shadow:0 6px 24px #1db95459}.btn-spotify:active{transform:translateY(0)}.app{width:100%;height:100%;position:relative}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.hud-bottom{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:30}.lens-tabs{display:flex;align-items:center;gap:2px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:2px;padding:6px 10px;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:var(--ui-shadow);font-family:var(--mono)}.lens-bracket{color:var(--ui-text-dim);font-size:12px;-webkit-user-select:none;user-select:none}.lens-btn{padding:4px 10px;border:none;background:transparent;font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:lowercase;color:var(--ui-text-dim);cursor:pointer;transition:color .15s,background .15s;border-radius:1px}.lens-btn:hover{color:var(--ui-text);background:var(--ui-hover)}.lens-btn.active{color:var(--accent);background:var(--accent-dim)}.lens-btn.active:before{content:"▸ "}.kernel-badge{position:absolute;bottom:30px;right:16px;z-index:30;font-family:var(--mono);font-size:9px;letter-spacing:1.2px;color:var(--ui-text-dim);border:1px solid var(--ui-border);background:var(--ui-bg);padding:4px 8px;border-radius:2px;-webkit-user-select:none;user-select:none}.panel-toggle{position:absolute;top:50%;transform:translateY(-50%);z-index:11;width:44px;height:44px;border-radius:2px;background:var(--ui-bg);border:1px solid var(--ui-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ui-text);transition:border-color .2s ease,opacity .2s ease,background .2s ease;opacity:.82;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 18px #0006}.panel-toggle:hover{opacity:1;background:var(--ui-bg-soft);border-color:var(--ui-border-2)}.panel-toggle-left{left:16px}.panel-toggle-right{right:16px}.toggle-badge{position:absolute;top:3px;right:3px;min-width:14px;height:14px;background:var(--accent);color:#0b0a09;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:1px;font-family:var(--mono)}.panel{position:absolute;top:12px;bottom:12px;width:268px;background:var(--ui-bg);-webkit-backdrop-filter:blur(20px) saturate(1.1);backdrop-filter:blur(20px) saturate(1.1);border:1px solid var(--ui-border);box-shadow:var(--ui-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:10;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .28s;border-radius:2px}.panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(236,228,210,.014) 0px,rgba(236,228,210,.014) 1px,transparent 1px,transparent 4px);opacity:.4}.panel-left{left:16px}.panel-right{right:16px;width:280px}.panel.collapsed-left{transform:translate(calc(-100% - 32px));opacity:0;pointer-events:none}.panel.collapsed-right{transform:translate(calc(100% + 32px));opacity:0;pointer-events:none}.panel-header{padding:12px 14px 10px;border-bottom:1px solid var(--ui-border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.panel-title{font-size:10px;font-weight:500;color:var(--accent);text-transform:uppercase;letter-spacing:1.4px;font-family:var(--mono)}.panel-title:before{content:"◆ "}.panel-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 14px;display:flex;flex-direction:column;gap:18px}.panel-body::-webkit-scrollbar{width:3px}.panel-body::-webkit-scrollbar-track{background:transparent}.panel-body::-webkit-scrollbar-thumb{background:var(--ui-border-2);border-radius:0}.profile-avatar{width:40px;height:40px;background:var(--accent-dim);border:1px solid var(--ui-border-2);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ui-text);flex-shrink:0;font-family:var(--mono)}.profile-name{font-size:13px;font-weight:500;color:var(--ui-text);letter-spacing:.2px;font-family:var(--mono)}.profile-id{font-size:10px;color:var(--ui-text-dim);margin-top:2px;font-family:var(--mono)}.status-row{display:flex;align-items:center;gap:8px;font-size:11px;font-family:var(--mono)}.status-dot{width:6px;height:6px;border-radius:0;flex-shrink:0}.status-dot.ready{background:var(--success);box-shadow:0 0 6px var(--success)}.status-dot.pending{background:var(--warning);animation:pulse 1.5s infinite}.status-dot.failed{background:var(--danger)}.status-dot.none{background:var(--ui-text-dim)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.section-label{font-size:9px;font-weight:500;color:var(--ui-text-dim);text-transform:lowercase;letter-spacing:1.3px;margin-bottom:9px;font-family:var(--mono)}.section-label:before{content:"── ";opacity:.6}.genre-chips{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:3px 8px;background:transparent;border:1px solid var(--ui-border);border-radius:1px;font-size:10px;color:var(--ui-text-muted);white-space:nowrap;letter-spacing:.2px;font-family:var(--mono);text-transform:lowercase}.artist-list{display:flex;flex-direction:column;gap:0}.artist-item{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ui-text);padding:6px 0;border-bottom:1px solid var(--ui-border);font-family:var(--mono)}.artist-item:last-child{border-bottom:none}.artist-num{font-size:10px;color:var(--ui-text-dim);width:16px;text-align:right;flex-shrink:0;font-family:var(--mono)}.btn{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border:1px solid var(--ui-border-2);border-radius:2px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s;font-family:var(--mono);width:100%;letter-spacing:.8px;text-transform:lowercase}.btn-primary{background:var(--ui-text);border-color:var(--ui-text);color:#0b0a09}.btn-primary:hover{background:#fff;box-shadow:0 2px 10px #ece4d226}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--ui-text-muted);border:1px solid var(--ui-border-2)}.btn-ghost:hover{background:var(--ui-hover);color:var(--ui-text);border-color:#ece4d266}.btn-danger{background:#c26d5c14;color:var(--danger);border:1px solid rgba(194,109,92,.3)}.btn-danger:hover{background:#c26d5c29}.btn-sm{padding:5px 10px;font-size:10px;width:auto}.btn-link{background:none;border:none;color:var(--ui-text-dim);font-size:10px;cursor:pointer;font-family:var(--mono);padding:0;transition:color .15s;text-align:left;letter-spacing:.5px}.btn-link:hover{color:var(--ui-text-muted)}.input-row{display:flex;gap:7px}.input{flex:1;padding:7px 10px;background:#ece4d20a;border:1px solid var(--ui-border-2);border-radius:2px;color:var(--ui-text);font-size:11px;font-family:var(--mono);outline:none;transition:border-color .15s;caret-color:var(--accent)}.input::placeholder{color:var(--ui-text-dim)}.input:focus{border-color:var(--accent)}.friend-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--ui-border)}.friend-item:last-child{border-bottom:none}.friend-avatar{width:28px;height:28px;background:transparent;border:1px solid var(--ui-border-2);border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--ui-text-muted);flex-shrink:0;font-family:var(--mono)}.friend-info{flex:1;min-width:0}.friend-name{font-size:12px;font-weight:500;color:var(--ui-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--mono)}.friend-sub{font-size:10px;color:var(--ui-text-dim);margin-top:1px;font-family:var(--mono)}.lyric-dot{width:5px;height:5px;border-radius:0;flex-shrink:0}.request-item{padding:9px 11px;background:#ece4d206;border:1px solid var(--ui-border);border-radius:2px;display:flex;align-items:center;gap:10px}.request-info{flex:1;min-width:0}.request-name{font-size:12px;font-weight:500;color:var(--ui-text);font-family:var(--mono)}.request-sub{font-size:10px;color:var(--ui-text-dim);margin-top:2px;font-family:var(--mono)}.empty-state{text-align:center;padding:20px 0;color:var(--ui-text-dim);font-size:11px;line-height:1.7;font-family:var(--mono)}.divider{height:1px;background:var(--ui-border);margin:4px 0}.graph-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.graph-hint p{color:#ece4d240;font-size:12px;line-height:1.7;font-family:var(--mono)}.spin{display:inline-block;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{font-size:10px;color:var(--danger);padding:5px 0;font-family:var(--mono)}