.header[data-v-c27f98a5]{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--surface);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);grid-area:header;z-index:10}.header__left[data-v-c27f98a5]{display:flex;align-items:center}.header__name[data-v-c27f98a5]{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-neutral)}.header__dot[data-v-c27f98a5]{width:6px;height:6px;border-radius:50%;background:var(--accent-neutral);margin-left:8px;display:inline-block;vertical-align:middle;opacity:.3;transform:scale(.8)}.header__dot--playing[data-v-c27f98a5]{animation:dot-breathe-c27f98a5 2s ease-in-out infinite}.header__status[data-v-c27f98a5]{font-family:var(--font-body);font-size:11px;color:var(--text-dim)}@keyframes dot-breathe-c27f98a5{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.sphere[data-v-eaa4e196]{width:160px;height:160px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(200,180,255,.25) 0%,rgba(170,136,255,.15) 30%,rgba(170,136,255,.05) 60%,transparent 80%);box-shadow:0 0 40px var(--accent-neutral-glow),inset 0 0 30px #aa88ff1a;border:1px solid rgba(170,136,255,.15);cursor:pointer;position:relative;transition:box-shadow .6s ease,transform .6s ease;padding:0;outline:none;font:inherit;color:inherit;flex-shrink:0;z-index:2}.sphere--paused[data-v-eaa4e196]{animation:breathe-eaa4e196 4s ease-in-out infinite}@keyframes breathe-eaa4e196{0%,to{transform:scale(1);box-shadow:0 0 40px var(--accent-neutral-glow)}50%{transform:scale(1.04);box-shadow:0 0 60px var(--accent-neutral-glow)}}.sphere--playing[data-v-eaa4e196]{transform:scale(1.02);box-shadow:0 0 60px var(--accent-neutral-glow),0 0 120px #aa88ff26}.sphere__ring[data-v-eaa4e196]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--accent-neutral);pointer-events:none;animation:ring-expand-eaa4e196 3s ease-out infinite}.sphere__ring[data-v-eaa4e196]:nth-child(1){animation-delay:0s}.sphere__ring[data-v-eaa4e196]:nth-child(2){animation-delay:1s}.sphere__ring[data-v-eaa4e196]:nth-child(3){animation-delay:2s}@keyframes ring-expand-eaa4e196{0%{transform:scale(1);opacity:.4;border-width:2px}to{transform:scale(2.5);opacity:0;border-width:.5px}}.sphere--buffering[data-v-eaa4e196]{animation:breathe-eaa4e196 1.5s ease-in-out infinite}.sphere__loading-ring[data-v-eaa4e196]{position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid transparent;border-top-color:var(--warning);animation:orbit-ring-eaa4e196 1.2s linear infinite;pointer-events:none}@keyframes orbit-ring-eaa4e196{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sphere--error[data-v-eaa4e196]{box-shadow:0 0 40px #ff66554d;opacity:.7}.sphere__play[data-v-eaa4e196]{position:absolute;top:50%;left:50%;transform:translate(-40%,-50%);width:0;height:0;border-style:solid;border-width:18px 0 18px 30px;border-color:transparent transparent transparent rgba(200,180,255,.35);transition:border-color .3s ease}.sphere:hover .sphere__play[data-v-eaa4e196]{border-color:transparent transparent transparent rgba(200,180,255,.7)}.sphere__pause[data-v-eaa4e196]{position:absolute;top:50%;left:50%;transform:translate(calc(-50% - 8px),-50%);width:8px;height:28px;background:#c8b4ff33;border-radius:2px;box-shadow:16px 0 #c8b4ff33;transition:background .3s ease,box-shadow .3s ease}.sphere:hover .sphere__pause[data-v-eaa4e196]{background:#c8b4ff80;box-shadow:16px 0 #c8b4ff80}.sphere[data-v-eaa4e196]:hover{box-shadow:0 0 60px var(--accent-neutral-glow),0 0 100px #a8f3}@media(max-width:1023px){.sphere[data-v-eaa4e196]{width:140px;height:140px}.sphere__play[data-v-eaa4e196]{border-width:15px 0 15px 25px}.sphere__pause[data-v-eaa4e196]{width:7px;height:24px;transform:translate(calc(-50% - 7px),-50%);box-shadow:14px 0 #c8b4ff33}}@media(max-width:767px){.sphere[data-v-eaa4e196]{width:120px;height:120px}.sphere__play[data-v-eaa4e196]{border-width:12px 0 12px 20px}.sphere__pause[data-v-eaa4e196]{width:6px;height:20px;transform:translate(calc(-50% - 6px),-50%);box-shadow:12px 0 #c8b4ff33}}@media(max-width:479px){.sphere[data-v-eaa4e196]{width:100px;height:100px}.sphere__play[data-v-eaa4e196]{border-width:10px 0 10px 17px}.sphere__pause[data-v-eaa4e196]{width:5px;height:18px;transform:translate(calc(-50% - 5px),-50%);box-shadow:10px 0 #c8b4ff33}}@media(prefers-reduced-motion:reduce){.sphere[data-v-eaa4e196],.sphere--paused[data-v-eaa4e196],.sphere--buffering[data-v-eaa4e196]{animation:none}.sphere__ring[data-v-eaa4e196],.sphere__loading-ring[data-v-eaa4e196]{animation:none;display:none}}.panel[data-v-d89792a3]{background:var(--surface);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:16px;padding:24px;width:320px;max-height:60vh;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease,transform .4s ease-out;z-index:2}.panel[data-v-d89792a3]:hover,.panel[data-v-d89792a3]:focus-within{background:var(--surface-active);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:var(--glass-border-active)}.panel--left[data-v-d89792a3]{transform:perspective(800px) rotateY(2deg)}.panel--right[data-v-d89792a3]{transform:perspective(800px) rotateY(-2deg)}@media(max-width:1023px){.panel[data-v-d89792a3]{max-width:280px}.panel--left[data-v-d89792a3]{transform:perspective(800px) rotateY(1deg)}.panel--right[data-v-d89792a3]{transform:perspective(800px) rotateY(-1deg)}}@media(max-width:767px){.panel[data-v-d89792a3]{width:100%;max-width:none;max-height:none;transform:none!important;border-radius:0;padding:16px}}.data-list__label{font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);display:block;margin-bottom:12px}.data-list__search{width:100%;font-family:var(--font-body);font-size:13px;color:var(--text-primary);background:#ffffff0a;border:1px solid var(--glass-border);border-radius:8px;padding:0 12px;height:36px;outline:none;transition:border-color .2s ease}.data-list__search::placeholder{color:var(--text-muted)}.data-list__search:focus{border-color:var(--accent)}.data-list__items{max-height:300px;overflow-y:auto;margin:12px 0}.data-list__items::-webkit-scrollbar{width:4px}.data-list__items::-webkit-scrollbar-track{background:transparent}.data-list__items::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.data-list__row{display:flex;align-items:center;gap:8px;padding:0 12px;height:44px;cursor:pointer;color:var(--text-dim);transition:color .2s ease,background .2s ease,box-shadow .2s ease;border-left:2px solid transparent}.data-list__row:hover{color:var(--text-primary);background:#ffffff08}.data-list__row--active{color:var(--accent);border-left-color:var(--accent);box-shadow:inset 4px 0 8px var(--accent-glow)}.data-list__indicator{width:12px;text-align:center;flex-shrink:0;color:var(--accent)}.data-list__primary{flex:1;font-family:var(--font-body);font-size:14px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-list__secondary{font-family:var(--font-body);font-size:12px;color:var(--text-dim);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0}.data-list__volume{display:flex;align-items:center;gap:8px;margin-top:12px}.data-list__vol-label,.data-list__vol-value{font-family:var(--font-body);font-size:11px;color:var(--text-dim);flex-shrink:0}.data-list__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:4px;background:#ffffff14;border-radius:2px;outline:none}.data-list__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 0 8px var(--accent-glow)}.data-list__slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 0 8px var(--accent-glow)}@media(pointer:coarse){.data-list__search{height:44px}.data-list__row{min-height:44px}.data-list__slider{padding:20px 0}}.starfield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.drawer{position:fixed;bottom:0;left:0;right:0;max-height:50vh;border-radius:16px 16px 0 0;background:var(--surface-active);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border-active);transition:transform .3s cubic-bezier(.25,.46,.45,.94);z-index:20;display:flex;flex-direction:column}.drawer--collapsed{transform:translateY(calc(100% - 48px))}.drawer__handle{display:flex;justify-content:center;align-items:center;padding:8px 0;cursor:grab}.drawer__handle-bar{width:40px;height:4px;border-radius:2px;background:var(--text-muted)}.drawer__tabs{display:flex;height:48px}.drawer__tab{flex:1;background:none;border:none;color:var(--text-dim);font-family:var(--font-body);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.drawer__tab--active{color:var(--text-primary);border-bottom-color:var(--accent-neutral)}.drawer__content{flex:1;overflow-y:auto;padding:0 16px 16px}.main-area{grid-area:main;display:flex;align-items:center;justify-content:center;gap:32px;padding:24px;position:relative}@media(max-width:1023px){.main-area{gap:24px;padding:16px}}@media(max-width:767px){.main-area{flex-direction:column;padding-bottom:60px}}.sphere-zone{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sphere-zone__ghost{position:absolute;font-family:var(--font-display);font-size:64px;font-weight:700;letter-spacing:.05em;color:#e8e8ec12;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;text-transform:uppercase;z-index:1;overflow:hidden;max-width:240px}.sphere-zone__ghost--left{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.sphere-zone__ghost--right{top:100%;left:50%;transform:translate(-50%);margin-top:8px}@media(max-width:1023px){.sphere-zone__ghost{font-size:48px}}.footer{grid-area:footer;display:flex;align-items:center;flex-wrap:wrap;gap:0;height:36px;padding:0 24px;background:var(--surface);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid var(--glass-border);font-family:var(--font-body);font-size:11px;font-weight:300;color:var(--text-dim);overflow-x:auto;white-space:nowrap}.footer a{color:var(--text-primary);text-decoration:none}.footer a:hover{color:#fff;text-decoration:underline}.footer__sep{margin:0 8px;color:var(--text-muted)}@media(max-width:767px){.footer{display:none}}:root{--bg: #080812;--bg-gradient-from: #0D0B1A;--bg-gradient-to: #0A1A1A;--surface: rgba(255, 255, 255, .04);--surface-active: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .08);--glass-border-active: rgba(255, 255, 255, .18);--text-primary: #E8E8EC;--text-dim: rgba(232, 232, 236, .5);--text-muted: rgba(232, 232, 236, .25);--accent-warm: #FFCC66;--accent-warm-glow: rgba(255, 204, 102, .25);--accent-cool: #44FFBB;--accent-cool-glow: rgba(68, 255, 187, .25);--accent-neutral: #AA88FF;--accent-neutral-glow: rgba(170, 136, 255, .3);--error: #FF6655;--warning: #FFB844;--star-color: rgba(255, 255, 255, .6);--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg)}#app{font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);height:100%}a{color:var(--text-primary);text-decoration:none}a:hover{color:#fff}.layout{min-height:100%;overflow:hidden;position:relative;background-color:var(--bg);background-image:radial-gradient(ellipse at 20% 50%,rgba(13,11,26,.8) 0%,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(10,26,26,.8) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(68,255,187,.03) 0%,transparent 40%),radial-gradient(ellipse at 50% 0%,rgba(170,136,255,.04) 0%,transparent 40%);background-size:200% 200%;animation:aurora 20s ease-in-out infinite alternate;display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer"}@keyframes aurora{0%,to{background-position:40% 50%}50%{background-position:60% 50%}}@media(prefers-reduced-motion:reduce){.layout{animation:none}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 20px;border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:13px;z-index:1000;background:var(--surface-active);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border-active);box-shadow:0 8px 32px #0000004d}.toast--error{border-color:var(--error);color:var(--error)}.fade-enter-active,.fade-leave-active{transition:opacity .3s,transform .3s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translate(-50%) translateY(-20px)}.fade-enter-to,.fade-leave-from{opacity:1;transform:translate(-50%) translateY(0)}*:focus-visible{outline:none;box-shadow:0 0 0 2px var(--accent-neutral),0 0 12px var(--accent-neutral-glow)}@supports not (backdrop-filter: blur(1px)){.panel,.header,.footer,.toast,.drawer{background:#0f0f19d9!important}}