.soul{pointer-events:none;justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative}.soul__canvas{z-index:2;width:100%;height:100%;position:absolute;inset:0}.soul__corona{background:radial-gradient(circle at center, rgba(var(--soul-accent-rgb,255, 220, 130), .22) 0%, rgba(var(--soul-base-rgb,255, 110, 30), .1) 40%, transparent 70%);filter:blur(28px);z-index:1;width:520px;height:520px;transform:translate(-50%, -50%) scale(calc(1 + var(--soul-pulse,0) * .18));opacity:calc(.6 + var(--soul-pulse,0) * .22);border-radius:50%;transition:background .8s ease-out;position:absolute;top:50%;left:50%}@media (prefers-reduced-motion:reduce){.soul__corona{opacity:.7;transform:translate(-50%,-50%)scale(1)}}
.now{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:var(--radius-md);text-align:left;min-width:0;transition:transform .15s var(--ease-out), border-color .2s var(--ease-out);border:1px solid #ececf80f;flex:1;padding:10px 12px;display:block}.now:active{transform:scale(.99)}.now--expanded{border-color:#6e6fff4d;box-shadow:0 0 22px #6e6fff2e}.now__row{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.now__row--sub{margin-top:2px}.now__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.now__time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11px}.now__artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.now__progress{background:#ececf814;border-radius:1px;height:2px;margin-top:8px;overflow:hidden}.now__progress-fill{background:linear-gradient(90deg, var(--accent), var(--wonder));height:100%;box-shadow:0 0 12px var(--accent-glow);transition:width .4s var(--ease-out)}
.queue{flex-direction:column;gap:8px;display:flex}.queue__label{letter-spacing:.12em;color:var(--text-dim);padding:0 4px;font-size:10px;font-weight:600}.queue__strip{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:0 4px 4px;display:flex;overflow-x:auto}.queue__strip::-webkit-scrollbar{display:none}.queue__chip{border-radius:var(--radius-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);text-align:left;min-width:156px;transition:transform .15s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out);border:1px solid #ececf80f;flex:none;align-items:center;gap:10px;padding:10px 12px;display:flex}.queue__chip:active{transform:scale(.97)}.queue__chip--selected{background:#6e6fff1a;border-color:#6e6fff73;box-shadow:0 0 18px #6e6fff2e}.queue__dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 10px}.queue__chip[data-emotion=energize] .queue__dot{background:var(--energize);color:var(--energize)}.queue__chip[data-emotion=powerful] .queue__dot{background:var(--powerful);color:var(--powerful)}.queue__chip[data-emotion=wonder] .queue__dot{background:var(--wonder);color:var(--wonder)}.queue__chip[data-emotion=tender] .queue__dot{background:var(--tender);color:var(--tender)}.queue__chip[data-emotion=calm] .queue__dot{background:var(--calm);color:var(--calm)}.queue__chip[data-emotion=melancholy] .queue__dot{background:var(--melancholy);color:var(--melancholy)}.queue__meta{flex-direction:column;min-width:0;display:flex}.queue__title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.queue__artist{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}
.transport{justify-content:center;align-items:center;gap:24px;display:flex}.transport__btn{width:48px;height:48px;color:var(--text-muted);transition:color .2s var(--ease-out), transform .15s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.transport__btn:active{color:var(--text);transform:scale(.92)}.transport__btn--primary{background:linear-gradient(135deg, var(--accent), var(--wonder));width:64px;height:64px;color:var(--bg-deep);box-shadow:0 0 24px var(--accent-glow), inset 0 1px 1px #ffffff2e}.transport__btn--primary:active{box-shadow:0 0 12px var(--accent-glow)}.transport__btn:disabled{opacity:.4;cursor:not-allowed}
.ttt{border-radius:var(--radius-md);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(140%);text-align:right;min-width:96px;transition:transform .15s var(--ease-out);border:1px solid #ececf80f;flex-direction:column;align-items:flex-end;gap:2px;padding:10px 12px;display:flex}.ttt:active{transform:scale(.97)}.ttt__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:10px}.ttt__mood{color:var(--text);text-shadow:0 0 12px var(--accent-glow);font-size:16px;font-weight:600}
.controls{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(140%);border-radius:var(--radius-md);border:1px solid #ececf80f;flex-direction:column;gap:10px;padding:10px 12px;display:flex}.controls__row{flex-direction:column;gap:6px;display:flex}.controls__label{letter-spacing:.12em;color:var(--text-dim);justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.controls__value{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:0;text-transform:none;font-size:12px}.controls__slider{appearance:none;background:#ececf81f;border-radius:2px;outline:none;width:100%;height:4px}.controls__slider::-webkit-slider-thumb{appearance:none;background:var(--accent);width:18px;height:18px;box-shadow:0 0 12px var(--accent-glow);cursor:pointer;border:none;border-radius:50%}.controls__slider::-moz-range-thumb{background:var(--accent);width:18px;height:18px;box-shadow:0 0 12px var(--accent-glow);cursor:pointer;border:none;border-radius:50%}.controls__chips{gap:6px;display:flex}.controls__chip{border-radius:var(--radius-sm);color:var(--text-muted);font-variant-numeric:tabular-nums;transition:background .2s var(--ease-out), color .2s var(--ease-out), border-color .2s var(--ease-out);background:#ececf80d;border:1px solid #ececf80f;flex:1;padding:6px 8px;font-size:11px;font-weight:600}.controls__chip--active{color:var(--text);background:#6e6fff2e;border-color:#6e6fff66;box-shadow:0 0 10px #6e6fff4d}.controls__chip:active:not(.controls__chip--active){transform:scale(.96)}.controls__status{letter-spacing:.1em;color:var(--accent);text-align:center;text-transform:uppercase;animation:pulse-text 1.2s var(--ease-in-out) infinite;font-size:10px}@keyframes pulse-text{0%,to{opacity:.4}50%{opacity:1}}
.settings__trigger{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(140%);width:40px;height:40px;color:var(--text-muted);transition:color .2s var(--ease-out), transform .15s var(--ease-out), border-color .2s var(--ease-out);border:1px solid #ececf80f;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.settings__trigger:active{color:var(--text);border-color:#6e6fff66;transform:scale(.92)}.settings__overlay{-webkit-backdrop-filter:blur(6px);z-index:100;animation:settings-fade-in .2s var(--ease-out);background:#0606148c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.settings__sheet{background:var(--bg-mid);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:480px;padding:8px 16px calc(var(--safe-bottom) + 24px);animation:settings-slide-up .28s var(--ease-out);border-top:1px solid #ececf81a;flex-direction:column;gap:16px;max-height:80vh;display:flex;overflow-y:auto}.settings__handle{background:#ececf82e;border-radius:2px;width:40px;height:4px;margin:4px auto 8px}.settings__content{flex-direction:column;gap:16px;display:flex}@keyframes settings-fade-in{0%{opacity:0}to{opacity:1}}@keyframes settings-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.settings__overlay,.settings__sheet{animation:none}}
.emap{flex-shrink:0;width:180px;height:180px}.emap__svg{width:100%;height:100%;display:block}.emap__label{font-family:var(--font-sans,system-ui);letter-spacing:.02em;fill:#ffffffc7;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:8px;font-weight:500}.emap__slice{fill:#ffffff05;cursor:pointer;transition:fill .15s var(--ease-out);outline:none}.emap__slice:hover,.emap__slice:focus-visible{fill:color-mix(in oklab, var(--slice-color) 22%, transparent)}.emap__slice--active{fill:color-mix(in oklab, var(--slice-color) 14%, transparent)}.emap__slice--active:hover,.emap__slice--active:focus-visible{fill:color-mix(in oklab, var(--slice-color) 28%, transparent)}.emap__current{transition:cx .15s ease-out,cy .15s ease-out}@media (prefers-reduced-motion:reduce){.emap__current{transition:none}}
.floating-panel{bottom:calc(var(--safe-bottom) + 96px);z-index:60;pointer-events:none;max-width:calc(100vw - 24px);position:fixed;left:50%;transform:translate(-50%)}.floating-panel__sheet{pointer-events:auto;background:var(--bg-glass);-webkit-backdrop-filter:blur(24px)saturate(140%);border-radius:var(--radius-md);box-shadow:0 12px 32px #0606148c, 0 0 24px var(--accent-glow);animation:fp-pop .22s var(--ease-out);border:1px solid #ececf81a;flex-direction:column;align-items:center;gap:12px;padding:14px;display:inline-flex}@keyframes fp-pop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.floating-panel__sheet{animation:none}}
.emap-toggle{line-height:0;display:inline-block;position:relative}.emap-toggle__trigger{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px)saturate(140%);width:40px;height:40px;color:var(--text-muted);cursor:pointer;transition:color .2s var(--ease-out), transform .15s var(--ease-out), border-color .2s var(--ease-out), box-shadow .2s var(--ease-out);border:1px solid #ececf80f;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.emap-toggle__trigger:active{transform:scale(.92)}.emap-toggle--open .emap-toggle__trigger{color:var(--text);box-shadow:0 0 16px var(--accent-glow);border-color:#6e6fff66}
.app{background:var(--bg-deep);position:fixed;inset:0;overflow:hidden}.app__shell{z-index:2;width:100%;max-width:480px;height:100%;padding:calc(var(--safe-top) + 12px) 16px calc(var(--safe-bottom) + 16px);flex-direction:column;margin:0 auto;display:flex;position:relative}.app__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.app__center{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:visible}.app__bottom{flex-direction:column;gap:16px;display:flex}.app__bottom-row{justify-content:center;align-items:center;display:flex;position:relative}.app__bottom-row .settings__trigger{position:absolute;top:50%;right:calc(50% + 56px);transform:translateY(-50%)}.app__bottom-row .emap-toggle{position:absolute;top:50%;left:calc(50% + 56px);transform:translateY(-50%)}.app__shell--center{justify-content:center;align-items:center}.app__error{text-align:center;color:var(--text-muted);border-radius:var(--radius-md);background:#ff4d7a14;border:1px solid #ff4d7a66;max-width:320px;padding:24px}.app__error-small{color:var(--text-dim);margin-top:8px;font-size:12px}.app__error code{font-family:var(--font-mono);color:var(--accent);background:#0000004d;border-radius:4px;padding:2px 6px}