html,body{margin:0;padding:0;height:100%;background:#040705;overflow:hidden;font-family:JetBrains Mono,ui-monospace,monospace;color:#8affa8}*{box-sizing:border-box}::selection{background:#00ff414d;color:#eafff0}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes scanmove{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes bootfade{0%{opacity:0}to{opacity:1}}input::placeholder{color:#8affa866}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#00ff4159;border-radius:3px}.app-root{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 40%,#0a140d,#040705 70%);overflow:hidden}.canvas-mount{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.canvas-mount canvas{touch-action:none;display:block}.scanlines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#00140838 3px,#00140838 3px);mix-blend-mode:multiply;opacity:.5}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;box-shadow:inset 0 0 220px 40px #000000d9}.hud-topleft{position:absolute;top:0;left:0;z-index:10;padding:20px 22px;pointer-events:none}.hud-name{font-family:Share Tech Mono,monospace;font-size:22px;letter-spacing:.06em;color:#eafff0;text-shadow:0 0 12px rgba(0,255,65,.6);line-height:1}.hud-name .accent{color:#00ff41}.hud-role{font-size:11px;color:#5fbf7d;margin-top:7px;letter-spacing:.04em}.hud-term{font-size:10.5px;color:#3f8f5a;margin-top:14px;line-height:1.7}.hud-term .cmd{color:#8affa8}.hud-term .ok{color:#00ff41}.hud-term .stat{color:#3f8f5a}.hud-term .accent2{color:#8affa8}.hud-term .cursor{animation:blink 1.1s step-end infinite}.hud-topleft.mobile{padding:10px 12px}.hud-topleft.mobile .hud-name{font-size:13px}.hud-topleft.mobile .hud-role{font-size:8px;margin-top:3px}.hud-topleft.mobile .hud-term{font-size:9.5px;margin-top:6px;line-height:1.5}.hud-topright{position:absolute;top:20px;right:22px;z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.search-box{pointer-events:auto;display:flex;align-items:center;gap:8px;background:#040c07c7;border:1px solid rgba(0,255,65,.35);border-radius:6px;padding:8px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 22px #00ff411f}.search-icon{color:#00ff41;font-size:13px}.search-box input{width:150px;background:transparent;border:none;outline:none;color:#eafff0;font-family:JetBrains Mono,monospace;font-size:12px}.reset-btn{pointer-events:auto;background:#040c07c7;border:1px solid rgba(0,255,65,.28);border-radius:6px;padding:7px 12px;color:#8affa8;font-family:JetBrains Mono,monospace;font-size:11px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);letter-spacing:.03em}.genre-chips{position:absolute;bottom:0;left:0;z-index:10;padding:18px 22px;display:flex;flex-wrap:wrap;gap:8px;max-width:70vw}.genre-chip{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;background:#040c07cc;border:1px solid;border-radius:20px;padding:7px 13px 7px 10px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11.5px;transition:opacity .15s,border-color .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.genre-chip .swatch{width:9px;height:9px;border-radius:2px;flex:none;display:inline-block}.genre-chip .count{color:#3f8f5a}.genre-chips.mobile{padding:10px 12px;gap:12px}.genre-chips.mobile .genre-chip{position:relative;padding:4px 8px 4px 6px;font-size:9px}.genre-chips.mobile .genre-chip:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.hint-bottomright{position:absolute;bottom:18px;right:22px;z-index:10;pointer-events:none;font-size:10px;color:#3f8f5a;text-align:right;line-height:1.7}.audio-toggles{position:absolute;bottom:44px;right:22px;z-index:10;pointer-events:none;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.audio-toggle{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;background:#040c07c7;border:1px solid rgba(0,255,65,.28);border-radius:6px;padding:7px 12px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.03em;color:#8affa8;box-shadow:0 0 22px #00ff411a;transition:color .15s,border-color .15s,opacity .15s}.audio-toggle .label{color:inherit;min-width:2.6em}.audio-toggle .state{color:#00ff41}.audio-toggle.off{color:#3f8f5a;border-color:#00ff4126}.audio-toggle.off .state{color:#3f8f5a}.audio-toggle .eq{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.audio-toggle .eq span{width:2px;height:100%;background:#00ff41;border-radius:1px;transform-origin:bottom;transform:scaleY(.35);box-shadow:0 0 6px #00ff4199}.audio-toggle:not(.off) .eq span{animation:eqbar .9s ease-in-out infinite}.audio-toggle:not(.off) .eq span:nth-child(2){animation-delay:.3s}.audio-toggle:not(.off) .eq span:nth-child(3){animation-delay:.6s}.audio-toggle.off .eq span{background:#3f8f5a;box-shadow:none;transform:scaleY(.3)}.audio-toggles.mobile{bottom:40px;gap:14px}.audio-toggle.mobile{position:relative;padding:6px 9px;font-size:9.5px}.audio-toggle.mobile:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}@keyframes eqbar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.audio-toggle .eq span{animation:none!important}}.detail-panel{position:absolute;top:0;right:0;bottom:0;z-index:20;width:360px;max-width:88vw;display:flex;flex-direction:column;background:#040a07e6;border-left:1px solid rgba(0,255,65,.35);box-shadow:-12px 0 50px #0009,-1px 0 30px #00ff411f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-panel.mobile{top:auto;left:0;right:0;bottom:0;width:auto;max-width:none;max-height:62vh;border-left:none;border-top:1px solid rgba(0,255,65,.4);box-shadow:0 -10px 50px #00ff4126;border-radius:14px 14px 0 0}.detail-panel.mobile .panel-img{max-height:30vh;object-fit:contain}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(0,255,65,.2)}.panel-genre{display:inline-flex;align-items:center;gap:8px;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase}.panel-genre .dot{width:8px;height:8px;border-radius:2px;display:inline-block}.panel-close{background:none;border:none;color:#5fbf7d;font-size:16px;cursor:pointer;line-height:1;padding:2px 4px}.panel-scroll{flex:1;min-height:0;overflow-y:auto}.panel-img{width:100%;display:block;border-bottom:1px solid rgba(0,255,65,.15)}.panel-body{padding:16px}.panel-title{font-family:Share Tech Mono,monospace;font-size:19px;color:#eafff0;line-height:1.25;text-shadow:0 0 10px rgba(0,255,65,.35)}.panel-sub{font-size:11px;color:#5fbf7d;margin-top:5px;letter-spacing:.03em}.panel-desc{font-size:12.5px;color:#a7d9b8;margin-top:14px;line-height:1.75}.panel-desc p{margin:0 0 1em}.panel-desc p:last-child{margin-bottom:0}.panel-desc strong{color:#eafff0}.panel-desc a{color:#00ff41;text-decoration:underline;text-underline-offset:2px}.panel-skill{margin-top:16px}.skill-row{display:flex;justify-content:space-between;font-size:10px;color:#5fbf7d;margin-bottom:6px}.skill-bar{height:6px;background:#00ff411f;border-radius:3px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:3px}.panel-link{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 16px 16px;padding:12px;background:#00ff411a;border:1px solid rgba(0,255,65,.45);border-radius:6px;color:#00ff41;font-size:12px;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#040705;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:bootfade .4s ease}.loading-title{font-family:Share Tech Mono,monospace;font-size:14px;color:#00ff41;text-shadow:0 0 12px rgba(0,255,65,.6)}.loading-bar{width:220px;height:4px;background:#00ff4126;border-radius:2px;overflow:hidden;position:relative}.loading-bar-fill{position:absolute;top:0;left:0;height:100%;width:40%;background:#00ff41;box-shadow:0 0 12px #00ff41;animation:scanmove 1s linear infinite}.loading-sub{font-size:10.5px;color:#3f8f5a}