.zh-root{--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--player-height:88px;--sidebar-width:250px;--header-height:48px;--titlebar-height:34px;--status-height:26px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-base:all .25s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px #00000026;--shadow-md:0 4px 16px #00000040;--shadow-lg:0 12px 32px #0006;width:100%;max-width:1400px;height:100%;max-height:900px;font-family:var(--font-sans);-webkit-user-select:none;user-select:none;background-color:var(--bg-base);color:var(--text-primary);font-size:14px;position:relative;overflow:hidden}.zh-root[data-theme=onyx-gold],.zh-root:not([data-theme]),.zh-root [data-theme=onyx-gold]{--primary:gold;--primary-foreground:#000;--primary-hover:#ffea70;--primary-subtle:#ffd7001f;--primary-glow:#ffd70059;--bg-base:#000;--bg-surface:#0a0a0a;--bg-subtle:#121212;--bg-hover:#1e1e1e;--bg-active:#332b00;--bg-overlay:#000000e6;--bg-stripe:color-mix(in srgb, var(--bg-surface), #fff 1.5%);--text-primary:#f8f8f8;--text-secondary:silver;--text-tertiary:#707070;--border:#222;--border-subtle:#141414;--border-focus:gold;--destructive:#f33;--success:#22c55e}.zh-root[data-theme=dynamic-wallpaper],.zh-root [data-theme=dynamic-wallpaper]{--primary:gold;--primary-foreground:#000;--primary-hover:#ffea70;--primary-subtle:#ffd7001f;--primary-glow:#ffd70059;--bg-base:#000;--bg-surface:#0a0a0a;--bg-subtle:#121212;--bg-hover:#1c1c1c;--bg-active:#2a2400;--bg-overlay:#000000e0;--bg-stripe:color-mix(in srgb, var(--bg-surface), #fff 1.5%);--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#888;--border:#222;--border-subtle:#161616;--border-focus:gold;--destructive:#f43f5e;--success:#22c55e}.zh-root[data-theme=midnight],.zh-root [data-theme=midnight]{--primary:#ff8a00;--primary-foreground:#1a1a1a;--primary-hover:#ffac4d;--primary-subtle:#ff8a001f;--primary-glow:#ff8a0059;--bg-base:#101010;--bg-surface:#181818;--bg-subtle:#202020;--bg-hover:#282828;--bg-active:#3a2512;--bg-overlay:#101010e0;--bg-stripe:color-mix(in srgb, var(--bg-surface), #fff 1.5%);--text-primary:#e5e5e5;--text-secondary:#a3a3a3;--text-tertiary:#606060;--border:#282828;--border-subtle:#1f1f1f;--border-focus:#ff8a0066;--destructive:#f43f5e;--success:#22c55e}.zh-root[data-theme=obsidian-rose],.zh-root [data-theme=obsidian-rose]{--primary:#dc143c;--primary-foreground:#fff;--primary-hover:#ff2a55;--primary-subtle:#dc143c26;--primary-glow:#dc143c59;--bg-base:#141414;--bg-surface:#1e1e1e;--bg-subtle:#282828;--bg-hover:#333;--bg-active:#3f1a1a;--bg-overlay:#141414e6;--bg-stripe:color-mix(in srgb, var(--bg-surface), #fff 0.5%);--text-primary:#f0f0f0;--text-secondary:#bfbfbf;--text-tertiary:#757575;--border:#333;--border-subtle:#252525;--border-focus:#dc143c80;--destructive:#ef4444;--success:#22c55e}.zh-root[data-theme=azure-midnight],.zh-root [data-theme=azure-midnight]{--primary:#00e5ff;--primary-foreground:#000;--primary-hover:#52efff;--primary-subtle:#00e5ff26;--primary-glow:#00e5ff59;--bg-base:#05080f;--bg-surface:#0a101f;--bg-subtle:#111b33;--bg-hover:#1c2b4d;--bg-active:#036;--bg-overlay:#05080fe6;--bg-stripe:color-mix(in srgb, var(--bg-surface), #fff 1.5%);--text-primary:#e0f7fa;--text-secondary:#80deea;--text-tertiary:#4dd0e1;--border:#1c2b4d;--border-subtle:#0f1624;--border-focus:#00e5ff66;--destructive:#ff5252;--success:#22c55e}.zh-root[data-theme=neon-cyberpunk],.zh-root [data-theme=neon-cyberpunk]{--primary:#0ff0fc;--primary-foreground:#000;--primary-hover:#58f5ff;--primary-subtle:#0ff0fc26;--primary-glow:#0ff0fc66;--bg-base:#090014;--bg-surface:#150024;--bg-subtle:#220038;--bg-hover:#2d004d;--bg-active:#3d0066;--bg-overlay:#090014e6;--bg-stripe:color-mix(in srgb, var(--bg-surface), #fff 2%);--text-primary:#fff;--text-secondary:#d1b3ff;--text-tertiary:#9d7bb0;--border:#3d0066;--border-subtle:#2d004d;--border-focus:#0ff0fc66;--destructive:#f05;--success:#0f8}.zh-root[data-theme=graphite],.zh-root [data-theme=graphite]{--primary:#f1f5f9;--primary-foreground:#1e2738;--primary-hover:#e2e8f0;--primary-subtle:#b7d5f31a;--primary-glow:#cfe4ee40;--bg-base:#1e2738;--bg-surface:#2a3647;--bg-subtle:#1e2738;--bg-hover:#3c4a5f;--bg-active:#305c79;--bg-overlay:#1e2738cc;--bg-stripe:color-mix(in srgb, var(--bg-surface), #fff 1.5%);--text-primary:#f1f5f9;--text-secondary:#a0aec0;--text-tertiary:#4d5f76;--border:#3c4a5f;--border-subtle:#2a3647;--border-focus:#f1f5f966;--destructive:#e53e3e;--success:#22c55e}.zh-root[data-theme=sakura],.zh-root [data-theme=sakura]{--primary:#c2417a;--primary-foreground:#fff;--primary-hover:#a8305f;--primary-subtle:#c2417a1f;--primary-glow:#c2417a40;--bg-base:#f3e4ec;--bg-surface:#f8eef3;--bg-subtle:#ecd5e0;--bg-hover:#e0bdd0;--bg-active:#d4a0be;--bg-overlay:#f3e4ece6;--bg-stripe:color-mix(in srgb, var(--bg-surface), #000 2%);--text-primary:#3d0f28;--text-secondary:#6b2a4a;--text-tertiary:#966080;--border:#dbb8cb;--border-subtle:#e8ced9;--border-focus:#c2417a66;--destructive:#b91c3e;--success:#16a34a}.zh-root *,.zh-root :before,.zh-root :after{box-sizing:border-box;margin:0;padding:0}.zh-root button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.zh-root input{font:inherit;color:inherit}.zh-root ::-webkit-scrollbar{width:6px;height:6px}.zh-root ::-webkit-scrollbar-track{background:0 0}.zh-root ::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.zh-root ::-webkit-scrollbar-thumb:hover{background-color:var(--text-tertiary)}.zh-root .app-container{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--titlebar-height) 1fr var(--player-height);grid-template-areas:"titlebar titlebar""sidebar main""player player";width:100%;height:100%;display:grid;position:relative}.zh-root .titlebar{background-color:var(--bg-base);border-bottom:1px solid var(--border-subtle);color:var(--text-tertiary);z-index:30;grid-area:titlebar;justify-content:space-between;align-items:center;gap:1rem;padding-left:.75rem;font-size:.72rem;display:flex}.zh-root .titlebar__left{align-items:center;gap:.5rem;min-width:0;display:flex}.zh-root .titlebar__icon{object-fit:contain;border-radius:3px;width:16px;height:16px}.zh-root .titlebar__app{color:var(--text-primary);letter-spacing:-.01em;font-weight:700}.zh-root .titlebar__sep{opacity:.5}.zh-root .titlebar__doc{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.zh-root .titlebar__center{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);flex:1;overflow:hidden}.zh-root .window-controls{flex-shrink:0;align-items:stretch;height:100%;display:flex}.zh-root .window-controls__btn{width:42px;color:var(--text-secondary);transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.zh-root .window-controls__btn svg{width:13px;height:13px}.zh-root .window-controls__btn:hover{background-color:var(--bg-hover);color:var(--text-primary)}.zh-root .window-controls__btn--close:hover{background-color:var(--destructive);color:#fff}.zh-root .demo-bar{top:calc(var(--titlebar-height) + 8px);z-index:500;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);background:#141416e0;border:1px solid #ffffff26;align-items:center;gap:10px;padding:5px 14px;font-size:.8rem;display:flex;position:absolute;right:16px}.zh-root .demo-bar__badge{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;padding:3px 10px;font-size:.7rem;font-weight:700;display:flex}.zh-root .demo-bar__badge img{object-fit:contain;width:14px;height:14px}.zh-root .demo-bar__status{color:var(--text-primary);font-size:.78rem;font-weight:600}.zh-root .demo-bar__btn{border-radius:var(--radius-sm);transition:var(--transition-fast);background:#ffffff1a;padding:4px 10px;font-size:.75rem;font-weight:500}.zh-root .demo-bar__btn:hover{background:var(--primary);color:var(--primary-foreground)}.zh-root .sidebar{background-color:var(--bg-subtle);border-right:1px solid var(--border);z-index:10;flex-direction:column;grid-area:sidebar;gap:.75rem;padding:.75rem;display:flex;overflow:hidden}.zh-root .sidebar__controls{flex-shrink:0}.zh-root .sidebar-search{align-items:center;width:100%;display:flex;position:relative}.zh-root .sidebar-search__icon{width:14px;height:14px;color:var(--text-tertiary);pointer-events:none;transition:color .15s ease-out;position:absolute;left:10px}.zh-root .sidebar-search__input{border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;height:34px;color:var(--text-primary);padding:.4375rem 2rem;font-size:.85rem;line-height:1.2;transition:border-color .15s ease-out,background-color .15s ease-out,box-shadow .15s ease-out}.zh-root .sidebar-search__input::placeholder{color:var(--text-tertiary);opacity:.7}.zh-root .sidebar-search__input:hover{border-color:var(--border)}.zh-root .sidebar-search__input:focus{border-color:var(--primary);background-color:var(--bg-subtle);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 18%, transparent);outline:none}.zh-root .sidebar-search--active .sidebar-search__icon{color:var(--primary)}.zh-root .sidebar-search__clear{color:var(--text-secondary);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:22px;height:22px;transition:background-color .12s ease-out,color .12s ease-out;display:flex;position:absolute;right:4px}.zh-root .sidebar-search__clear svg{width:13px;height:13px}.zh-root .sidebar-search__clear:hover{background-color:var(--bg-hover);color:var(--text-primary)}.zh-root .sidebar__scroll{flex-direction:column;flex:1;gap:.5rem;min-height:0;display:flex;overflow-y:auto}.zh-root .sidebar__nav,.zh-root .sidebar__nav-children{flex-direction:column;gap:2px;display:flex}.zh-root .sidebar__nav-deep{border-left:1px solid var(--border);flex-direction:column;margin:1px 0 3px 2.4rem;padding-left:.5rem;display:flex}.zh-root .sidebar__nav-leaf{text-align:left;border-radius:var(--radius-xs);color:var(--text-tertiary);transition:var(--transition-fast);white-space:nowrap;text-overflow:ellipsis;padding:.22rem .5rem;font-size:.78rem;overflow:hidden}.zh-root .sidebar__nav-leaf:hover{background-color:var(--bg-hover);color:var(--text-primary)}.zh-root .sidebar__nav-leaf.is-active{color:var(--primary);font-weight:600}.zh-root .sidebar__nav-leaf__label{pointer-events:none}.zh-root .sidebar__chevron{width:13px;height:13px;color:var(--text-tertiary);flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,color .15s;display:flex}.zh-root .sidebar__chevron svg{width:11px;height:11px}.zh-root .sidebar__chevron.is-expanded{transform:rotate(90deg)}.zh-root .sidebar__chevron:hover{color:var(--text-primary)}.zh-root .sidebar__chevron--placeholder{pointer-events:none}.zh-root .sidebar__item-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zh-root .sidebar__item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);text-align:left;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;font-size:.88rem;font-weight:500;text-decoration:none;display:flex}.zh-root .sidebar__item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.zh-root .sidebar__item.active{background-color:var(--bg-hover);color:var(--text-primary);font-weight:600;position:relative}.zh-root .sidebar__item.active:before{content:"";background-color:var(--primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:20%;bottom:20%;left:0}.zh-root .sidebar__item.active svg{color:var(--primary)}.zh-root .sidebar__item.active .sidebar__chevron svg{color:inherit}.zh-root .sidebar__item svg{flex-shrink:0;width:16px;height:16px}.zh-root .sidebar__item--child{padding-left:.6rem;font-size:.84rem}.zh-root .sidebar__item--child svg{width:14px;height:14px}.zh-root .sidebar__count{font-variant-numeric:tabular-nums;color:var(--text-tertiary);margin-left:auto;font-size:.7rem;font-weight:500}.zh-root .sidebar__item.active .sidebar__count{color:var(--primary)}.zh-root .sidebar__section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);justify-content:space-between;align-items:center;padding:.5rem .75rem .25rem;font-size:.7rem;font-weight:700;display:flex}.zh-root .server-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;flex-shrink:0;gap:.4rem;padding:.75rem;display:flex}.zh-root .server-card__header{justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.zh-root .server-card__status{color:var(--success);align-items:center;gap:6px;font-size:.7rem;display:flex}.zh-root .server-card__dot{background-color:var(--success);width:6px;height:6px;box-shadow:0 0 6px var(--success);border-radius:50%}.zh-root .server-card__address{font-size:.72rem;font-family:var(--font-mono);color:var(--text-tertiary)}.zh-root .server-card__meta{color:var(--text-tertiary);border-top:1px solid var(--border-subtle);justify-content:space-between;gap:.5rem;margin-top:.15rem;padding-top:.4rem;font-size:.65rem;display:flex}.zh-root .main-content{background-color:var(--bg-surface);flex-direction:column;grid-area:main;display:flex;position:relative;overflow:hidden}.zh-root .main-header{height:var(--header-height);border-bottom:1px solid var(--border);background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.zh-root .breadcrumbs{color:var(--text-secondary);align-items:center;gap:.25rem;font-size:.85rem;display:flex}.zh-root .breadcrumbs__item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:.35rem;padding:.2rem .4rem;display:flex}.zh-root .breadcrumbs__item svg{width:14px;height:14px}.zh-root .breadcrumbs__item:hover{color:var(--text-primary);background-color:var(--bg-hover)}.zh-root .breadcrumbs__item.active{color:var(--text-primary);font-weight:600}.zh-root .breadcrumbs__separator{color:var(--text-tertiary);flex-shrink:0;width:14px;height:14px}.zh-root .header-actions{align-items:center;gap:.75rem;display:flex}.zh-root .btn-primary,.zh-root .btn-ghost{border-radius:var(--radius-sm);transition:var(--transition-fast);white-space:nowrap;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.8rem;font-weight:600;display:inline-flex}.zh-root .btn-primary svg,.zh-root .btn-ghost svg{flex-shrink:0;width:14px;height:14px}.zh-root .btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.zh-root .btn-primary:hover{background-color:var(--primary-hover)}.zh-root .btn-ghost{background-color:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary)}.zh-root .btn-ghost:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--primary)}.zh-root .btn-ghost--sm{gap:.3rem;padding:3px 8px;font-size:.7rem;font-weight:500}.zh-root .btn-ghost--sm svg{width:11px;height:11px}.zh-root .status-bar{height:var(--status-height);border-top:1px solid var(--border);background-color:var(--bg-base);color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:.6rem;padding:0 1rem;font-size:.68rem;display:flex}.zh-root .status-bar__sep{background-color:var(--border);width:1px;height:10px}.zh-root .status-bar__spacer{flex:1}.zh-root .status-bar__ok{color:var(--success)}.zh-root .view-container{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.zh-root .empty-state{color:var(--text-tertiary);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:3rem 1rem;display:flex}.zh-root .empty-state svg{opacity:.5;width:34px;height:34px;margin-bottom:.35rem}.zh-root .empty-state__title{color:var(--text-secondary);font-size:.92rem;font-weight:600}.zh-root .empty-state__sub{font-size:.78rem}.zh-root .empty-state--sidebar{padding:2rem 1.25rem}.zh-root .entity-header{background:linear-gradient(to bottom, var(--bg-subtle), var(--bg-surface));border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.zh-root .entity-header__art{border-radius:var(--radius-md);width:110px;height:110px;box-shadow:var(--shadow-lg);object-fit:cover;background:var(--bg-subtle)}.zh-root .entity-header__info{flex-direction:column;gap:.25rem;display:flex}.zh-root .entity-header__type{text-transform:uppercase;color:var(--text-tertiary);font-size:.75rem;font-weight:700}.zh-root .entity-header__title{color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1.1}.zh-root .entity-header__subtitle{color:var(--text-secondary);font-size:.95rem}.zh-root .entity-header__actions{align-items:center;gap:.5rem;margin-top:.6rem;display:flex}.zh-root .album-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));align-content:start;gap:1.25rem;padding:1.5rem 2rem;display:grid}.zh-root .album-card{cursor:pointer;transition:var(--transition-fast);flex-direction:column;gap:.35rem;display:flex}.zh-root .album-card__art-wrap{margin-bottom:.25rem;position:relative}.zh-root .album-card:hover .album-card__art{box-shadow:var(--shadow-md);transform:translateY(-4px)}.zh-root .album-card__art{aspect-ratio:1;border-radius:var(--radius-md);background-color:var(--bg-subtle);width:100%;box-shadow:var(--shadow-sm);object-fit:cover;transition:var(--transition-fast);display:block}.zh-root .album-card__play{border-radius:var(--radius-full);background-color:var(--primary);width:40px;height:40px;color:var(--primary-foreground);opacity:0;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(8px);box-shadow:0 6px 18px #00000073}.zh-root .album-card__play svg{width:16px;height:16px;margin-left:2px}.zh-root .album-card:hover .album-card__play{opacity:1;transform:translateY(-4px)}.zh-root .album-card__title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.zh-root .album-card__artist{color:var(--text-secondary);font-size:.78rem}.zh-root .album-card__meta{color:var(--text-tertiary);font-size:.7rem}.zh-root .artist-album-browser{border-bottom:1px solid var(--border);background-color:var(--bg-surface);flex-shrink:0;padding:1.5rem 2rem}.zh-root .artist-album-browser__title{color:var(--text-primary);margin-bottom:1rem;font-size:1rem;font-weight:600}.zh-root .artist-album-browser__scroll-area{scrollbar-width:none;-webkit-user-select:none;user-select:none;cursor:grab;gap:1.5rem;margin-bottom:-1rem;padding-bottom:1rem;display:flex;overflow-x:auto}.zh-root .artist-album-browser__scroll-area::-webkit-scrollbar{display:none}.zh-root .artist-album-browser .album-card{flex-shrink:0;gap:.75rem;width:150px}.zh-root .artist-album-browser .album-card__art{aspect-ratio:auto;border-radius:var(--radius-md);background-color:var(--bg-subtle);width:150px;height:150px;box-shadow:var(--shadow-md);object-fit:cover}.zh-root .artist-album-browser .album-card:hover .album-card__art{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.zh-root .artist-album-browser .album-card__name{color:var(--text-primary);transition:var(--transition-fast);font-size:.875rem;font-weight:500;line-height:1.3}.zh-root .artist-album-browser .album-card:hover .album-card__name{color:var(--primary)}.zh-root .artist-album-browser .album-card__meta{color:var(--text-tertiary);font-size:.75rem}.zh-root .artist-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-content:start;gap:1.5rem 1.25rem;padding:1.75rem 2rem;display:grid}.zh-root .artist-card{cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:.3rem;display:flex}.zh-root .artist-card__art{object-fit:cover;background-color:var(--bg-subtle);width:108px;height:108px;box-shadow:var(--shadow-sm);transition:var(--transition-fast);border-radius:50%;margin-bottom:.35rem}.zh-root .artist-card:hover .artist-card__art{box-shadow:0 10px 26px #00000073,0 0 0 2px var(--primary);transform:translateY(-4px)}.zh-root .artist-card__name{font-size:.88rem;font-weight:600}.zh-root .artist-card__meta{color:var(--text-tertiary);font-size:.72rem}.zh-root .recent-list{flex-direction:column;padding:.5rem 0;display:flex}.zh-root .recent-row{cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:var(--transition-fast);grid-template-columns:40px 1fr auto auto 48px;align-items:center;gap:1rem;padding:.5rem 1.5rem;display:grid}.zh-root .recent-row:hover{background-color:var(--bg-hover)}.zh-root .recent-row.playing{background-color:var(--primary-subtle)}.zh-root .recent-row__art{border-radius:var(--radius-xs);object-fit:cover;width:40px;height:40px}.zh-root .recent-row__text{flex-direction:column;min-width:0;display:flex}.zh-root .recent-row__title{color:var(--text-primary);font-size:.85rem;font-weight:500}.zh-root .recent-row__sub{color:var(--text-tertiary);font-size:.74rem}.zh-root .recent-row__plays,.zh-root .recent-row__when{color:var(--text-tertiary);white-space:nowrap;font-size:.75rem}.zh-root .recent-row__when{text-align:right;min-width:96px}.zh-root .track-list{border-collapse:collapse;text-align:left;width:100%}.zh-root .track-list th{background-color:var(--bg-surface);border-bottom:1px solid var(--border);color:var(--text-tertiary);z-index:2;white-space:nowrap;padding:.6rem 1rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.zh-root .track-list th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.zh-root .track-list th.sortable:hover{color:var(--text-primary)}.zh-root .sort-indicator{opacity:0;width:10px;color:var(--primary);margin-left:3px;display:inline-block}.zh-root .sort-indicator.visible{opacity:1}.zh-root .track-list tr{border-bottom:1px solid var(--border-subtle);transition:var(--transition-fast);cursor:pointer}.zh-root .track-list tr:hover{background-color:var(--bg-hover)}.zh-root .track-list tr.playing{background-color:var(--primary-subtle);color:var(--primary)}.zh-root .track-list td{vertical-align:middle;color:var(--text-secondary);padding:.5rem 1rem;font-size:.82rem}.zh-root .track-list td.title-col{color:var(--text-primary);align-items:center;gap:.75rem;font-weight:500;display:flex}.zh-root .track-list td.num-col{text-align:center;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.zh-root .track-list td.muted-col{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:190px;overflow:hidden}.zh-root .track-list td.mono-col{font-variant-numeric:tabular-nums;color:var(--text-tertiary)}.zh-root .track-list tr.playing td.mono-col,.zh-root .track-list tr.playing td.muted-col{color:inherit;opacity:.85}.zh-root .track-list .track-art{border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0;width:36px;height:36px}.zh-root .track-list .title-stack{flex-direction:column;display:flex}.zh-root .track-list .title-stack__sub{color:var(--text-tertiary);font-size:.75rem;font-weight:400}.zh-root .track-list .heart-icon{color:var(--text-tertiary);cursor:pointer;transition:color .2s}.zh-root .track-list .heart-icon:hover{color:var(--primary)}.zh-root .track-list .heart-icon.active{color:var(--primary);fill:currentColor}.zh-root .sound-bars{width:14px;height:14px;color:var(--primary);align-items:flex-end;gap:2px;display:inline-flex}.zh-root .sound-bars span{transform-origin:bottom;background-color:currentColor;border-radius:1px;width:2.5px;height:100%;animation:1.2s ease-in-out infinite both soundWave;display:block}.zh-root .sound-bars span:first-child{animation-delay:-1.1s}.zh-root .sound-bars span:nth-child(2){animation-delay:-.8s}.zh-root .sound-bars span:nth-child(3){animation-delay:-.5s}.zh-root .sound-bars span:nth-child(4){animation-delay:-.2s}@keyframes soundWave{0%,40%,to{transform:scaleY(.2)}20%{transform:scaleY(1)}}.zh-root .badge-source{border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:4px;padding:2px 7px;font-size:.7rem;display:inline-flex}.zh-root .badge-source svg{flex-shrink:0;width:10px;height:10px}.zh-root .badge-source--downloaded{color:var(--success);background:#22c55e26;font-weight:600}.zh-root .badge-source--remote{background:var(--primary-subtle);color:var(--primary)}.zh-root .badge-format{font-family:var(--font-mono);color:var(--text-tertiary);border:1px solid var(--border);border-radius:var(--radius-xs);white-space:nowrap;padding:2px 6px;font-size:.65rem}.zh-root .download-cell{align-items:center;gap:6px;display:flex}.zh-root .download-cell__pct{color:var(--primary);font-variant-numeric:tabular-nums;min-width:30px;font-size:.68rem}.zh-root .download-progress-bar{background:var(--bg-subtle);border-radius:var(--radius-full);flex-shrink:0;width:64px;height:5px;overflow:hidden}.zh-root .download-progress-fill{background:var(--primary);width:0%;height:100%;transition:width .2s linear}.zh-root .player-bar{background-color:var(--bg-surface);border-top:1px solid var(--border);z-index:20;grid-area:player;grid-template-columns:1fr 1.8fr 1fr;align-items:center;gap:1.5rem;padding:0 1.5rem;display:grid}.zh-root .player-bar__track-info{cursor:pointer;align-items:center;gap:.85rem;min-width:0;display:flex}.zh-root .player-bar__art{border-radius:var(--radius-sm);object-fit:cover;width:48px;height:48px;box-shadow:var(--shadow-sm);flex-shrink:0}.zh-root .player-bar__text{flex-direction:column;gap:2px;min-width:0;display:flex}.zh-root .player-bar__title{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.zh-root .player-bar__artist{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.zh-root .player-bar__controls{flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.zh-root .player-bar__buttons{align-items:center;gap:1rem;display:flex}.zh-root .player-btn{color:var(--text-secondary);border-radius:var(--radius-full);width:32px;height:32px;transition:var(--transition-fast);justify-content:center;align-items:center;display:flex}.zh-root .player-btn:hover{color:var(--text-primary);background-color:var(--bg-hover)}.zh-root .player-btn.active{color:var(--primary)}.zh-root .player-btn{flex-shrink:0;position:relative}.zh-root .player-btn__badge{background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-xs);padding:2px 3px;font-size:.55rem;font-weight:700;line-height:1;position:absolute;bottom:-1px;right:-2px}.zh-root .player-btn--play{background-color:var(--primary);color:var(--primary-foreground);width:38px;height:38px}.zh-root .player-btn--play:hover{background-color:var(--primary-hover);color:var(--primary-foreground);transform:scale(1.06)}.zh-root .player-bar__seeker{width:100%;max-width:520px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;align-items:center;gap:.75rem;font-size:.72rem;display:flex}.zh-root .slider-track{background-color:var(--bg-subtle);border-radius:var(--radius-full);cursor:pointer;flex:1;height:4px;position:relative}.zh-root .slider-fill{background-color:var(--primary);border-radius:var(--radius-full);width:35%;height:100%;position:relative}.zh-root .slider-thumb{background-color:var(--primary);width:10px;height:10px;box-shadow:0 0 8px var(--primary-glow);border-radius:50%;transition:transform .15s;position:absolute;top:50%;right:-5px;transform:translateY(-50%)scale(0)}.zh-root .slider-track:hover .slider-thumb{transform:translateY(-50%)scale(1)}.zh-root .player-bar__right{justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:flex}.zh-root .volume-control{align-items:center;gap:.35rem;display:flex}.zh-root .slider-track--volume{flex:none;width:70px}.zh-root .cast-control{position:relative}.zh-root .cast-menu{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);width:210px;box-shadow:var(--shadow-lg);z-index:60;padding:.35rem;animation:.15s menuIn;position:absolute;bottom:calc(100% + 10px);right:0}.zh-root .cast-menu__title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);padding:.35rem .5rem;font-size:.68rem;font-weight:700}.zh-root .cast-device{border-radius:var(--radius-sm);text-align:left;width:100%;transition:var(--transition-fast);flex-direction:column;align-items:flex-start;gap:1px;padding:.4rem .5rem;display:flex}.zh-root .cast-device:hover:not(.offline){background-color:var(--bg-hover)}.zh-root .cast-device.active{background-color:var(--primary-subtle)}.zh-root .cast-device.active .cast-device__name{color:var(--primary)}.zh-root .cast-device.offline{opacity:.45;cursor:not-allowed}.zh-root .cast-device__name{color:var(--text-primary);font-size:.8rem;font-weight:500}.zh-root .cast-device__type{color:var(--text-tertiary);font-size:.68rem}@keyframes menuIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.zh-root .now-playing-modal{inset:var(--titlebar-height) 0 0 0;background-color:var(--bg-base);z-index:600;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;overflow:hidden;transform:translateY(100%)}.zh-root .now-playing-modal.open{transform:translateY(0)}.zh-root .now-playing__backdrop{filter:blur(70px)saturate(150%);opacity:.28;pointer-events:none;background-position:50%;background-size:cover;position:absolute;inset:-60px}.zh-root .now-playing__visualizer-bg{pointer-events:none;opacity:.3;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.zh-root .now-playing__main{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:2.5rem;display:flex;position:relative}.zh-root .now-playing__close-btn{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:1.25rem;left:1.25rem}.zh-root .now-playing__close-btn:hover{background:var(--bg-hover)}.zh-root .now-playing__art{border-radius:var(--radius-lg);object-fit:cover;width:240px;height:240px;box-shadow:0 20px 50px #00000080}.zh-root .now-playing__meta{flex-direction:column;align-items:center;gap:.35rem;display:flex}.zh-root .now-playing__title{text-align:center;font-size:1.6rem;font-weight:700}.zh-root .now-playing__artist{color:var(--text-secondary);text-align:center;font-size:1rem}.zh-root .now-playing__badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.zh-root .now-playing__seeker{width:100%;max-width:440px}.zh-root .now-playing__sidebar{background-color:var(--bg-subtle);border-left:1px solid var(--border);z-index:10;flex-direction:column;width:480px;display:flex}.zh-root .sidebar-tabs{border-bottom:1px solid var(--border);gap:.5rem;padding:.85rem;display:flex}.zh-root .sidebar-tab-btn{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:center;flex:1;padding:.5rem;font-size:.82rem;font-weight:600}.zh-root .sidebar-tab-btn.active{background-color:var(--bg-hover);color:var(--text-primary)}.zh-root .queue-list{flex:1;padding:.5rem .75rem 1rem;overflow-y:auto}.zh-root .queue-list__label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);padding:.75rem .35rem .35rem;font-size:.66rem;font-weight:700}.zh-root .queue-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:.65rem;padding:.4rem .35rem;display:flex}.zh-root .queue-item:hover{background-color:var(--bg-hover)}.zh-root .queue-item img{border-radius:var(--radius-xs);object-fit:cover;flex-shrink:0;width:36px;height:36px}.zh-root .queue-item__text{flex-direction:column;flex:1;min-width:0;display:flex}.zh-root .queue-item__title{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.zh-root .queue-item__sub{color:var(--text-tertiary);font-size:.7rem}.zh-root .queue-item__time{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.7rem}.zh-root .queue-item--current{background-color:var(--primary-subtle)}.zh-root .queue-item--current .queue-item__title{color:var(--primary)}.zh-root .lyrics-container{scrollbar-width:none;text-align:center;scroll-behavior:smooth;flex-direction:column;flex:1;padding:2rem 1.5rem;display:flex;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.zh-root .lyrics-container::-webkit-scrollbar{display:none}.zh-root .lyric-line{border-radius:var(--radius-lg);opacity:.35;max-width:92%;color:var(--text-secondary);cursor:pointer;margin-bottom:.85rem;margin-left:auto;margin-right:auto;padding:.6rem 1.25rem;font-size:1.4rem;font-weight:600;line-height:1.5;transition:color .25s,opacity .25s,background-color .25s}.zh-root .lyric-line:hover{background-color:var(--bg-hover);opacity:.85;color:var(--text-primary)}.zh-root .lyric-line.past{opacity:.2}.zh-root .lyric-line.active{color:var(--text-primary);opacity:1;background-color:var(--primary-subtle)}.zh-root .modal-overlay{inset:var(--titlebar-height) 0 0 0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:700;opacity:0;pointer-events:none;transition:var(--transition-fast);background-color:#000000a6;justify-content:center;align-items:center;display:flex;position:absolute}.zh-root .modal-overlay.open{opacity:1;pointer-events:auto}.zh-root .modal-overlay--top{align-items:flex-start;padding-top:12%}.zh-root .modal-card--wide{width:min(780px,92%)!important}.zh-root .modal-card{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(580px,90%);max-height:88%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.zh-root .modal-card__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;font-size:1rem;font-weight:700;display:flex}.zh-root .modal-card__body{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.zh-root .modal-section-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-tertiary);margin-bottom:.6rem;font-size:.72rem;font-weight:700}.zh-root .storage-summary{justify-content:space-between;align-items:center;gap:1rem;display:flex}.zh-root .storage-summary__value{font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.zh-root .storage-summary__label{color:var(--text-tertiary);font-size:.75rem}.zh-root .storage-meter{border-radius:var(--radius-full);background-color:var(--bg-subtle);height:6px;margin-top:-.75rem;overflow:hidden}.zh-root .storage-meter__fill{background:linear-gradient(90deg, var(--primary), var(--primary-hover));height:100%;transition:width .25s}.zh-root .dm-list{flex-direction:column;display:flex}.zh-root .dm-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:.65rem;padding:.5rem 0;display:flex}.zh-root .dm-row:last-child{border-bottom:none}.zh-root .dm-row__art{border-radius:var(--radius-xs);object-fit:cover;width:32px;height:32px}.zh-root .dm-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.zh-root .dm-row__title{font-size:.82rem;font-weight:500}.zh-root .dm-row__sub{color:var(--text-tertiary);font-size:.7rem}.zh-root .settings-row{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.zh-root .settings-row__title{font-size:.88rem;font-weight:600}.zh-root .settings-row__sub{color:var(--text-tertiary);font-size:.72rem}.zh-root .theme-selector{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:1rem;display:grid}.zh-root .theme-card{cursor:pointer;border-radius:var(--radius-lg);text-align:left;flex-direction:column;gap:.5rem;width:100%;display:flex}.zh-root .theme-card__preview{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-base);width:100%;height:104px;box-shadow:var(--shadow-sm);gap:7px;padding:7px;transition:all .2s;display:flex;position:relative;overflow:hidden}.zh-root .theme-card:hover .theme-card__preview{box-shadow:var(--shadow-md);transform:scale(1.03)}.zh-root .theme-card--active .theme-card__preview{box-shadow:0 0 0 3px var(--primary)}.zh-root .theme-card__info{justify-content:space-between;align-items:center;gap:.35rem;padding:0 .25rem;display:flex}.zh-root .theme-card__name{color:var(--text-primary);font-size:.8rem;font-weight:500}.zh-root .theme-card__check{color:var(--primary);flex-shrink:0;width:15px;height:15px}.zh-root .theme-card__preview--wallpaper:before{content:"";border-radius:inherit;opacity:.55;z-index:0;pointer-events:none;background:linear-gradient(135deg,#ff6b6b 0%,#feca57 22%,#48dbfb 44%,#ff9ff3 66%,#54a0ff 100%);position:absolute;inset:0}.zh-root .theme-card__preview--wallpaper>*{z-index:1;position:relative}.zh-root .preview__sidebar{background-color:var(--bg-subtle);border-radius:var(--radius-sm);flex-direction:column;gap:5px;width:30%;height:100%;padding:7px 4px;display:flex}.zh-root .preview__sidebar-item{border-radius:var(--radius-xs);background-color:var(--text-secondary);opacity:.3;width:100%;height:8px}.zh-root .preview__sidebar-item--active{background-color:var(--primary);opacity:1}.zh-root .preview__main{background-color:var(--bg-surface);border-radius:var(--radius-sm);flex-direction:column;width:70%;height:100%;display:flex;overflow:hidden}.zh-root .preview__header{background-color:var(--bg-subtle);border-bottom:1px solid var(--border);flex-shrink:0;height:10px}.zh-root .preview__content{flex-direction:column;flex-grow:1;gap:5px;padding:7px;display:flex}.zh-root .preview__line{border-radius:var(--radius-xs);background-color:var(--text-secondary);opacity:.4;width:90%;height:5px}.zh-root .preview__line.short{width:60%}.zh-root .preview__player{background-color:var(--bg-subtle);flex-shrink:0;align-items:center;gap:5px;height:26px;padding:4px;display:flex}.zh-root .preview__player-art{border-radius:var(--radius-xs);background-color:var(--bg-hover);flex-shrink:0;width:18px;height:18px}.zh-root .preview__player-info{flex-direction:column;flex-grow:1;gap:3px;display:flex}.zh-root .preview__player-info .preview__line{height:4px}.zh-root .preview__player-seeker{background-color:var(--primary);opacity:.8;width:70%;height:2px;position:absolute;bottom:0;left:30%}.zh-root .appearance-note{border-radius:var(--radius-md);background-color:var(--primary-subtle);border:1px solid var(--border);color:var(--text-secondary);align-items:flex-start;gap:.6rem;margin-top:.9rem;padding:.65rem .8rem;font-size:.75rem;line-height:1.45;display:flex}.zh-root .appearance-note svg{width:15px;height:15px;color:var(--primary);flex-shrink:0;margin-top:1px}.zh-root .appearance-note strong{color:var(--text-primary);font-weight:600}.zh-root .eq-labels{font-family:var(--font-mono);color:var(--text-tertiary);justify-content:space-between;margin-top:.35rem;font-size:.62rem;display:flex}.zh-root .context-menu{z-index:900;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:210px;box-shadow:var(--shadow-lg);padding:.3rem;animation:.12s menuIn;position:absolute}.zh-root .context-menu__item{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:260px;padding:.4rem .6rem;font-size:.8rem;display:block;overflow:hidden}.zh-root .context-menu__item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.zh-root .context-menu__sep{background-color:var(--border);height:1px;margin:.3rem .25rem}.zh-root .cmd-palette{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(500px,90%);box-shadow:var(--shadow-lg);overflow:hidden}.zh-root .cmd-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);background:0 0;outline:none;padding:1rem 1.25rem;font-size:.95rem}.zh-root .cmd-list{max-height:280px;padding:.5rem 0;overflow-y:auto}.zh-root .cmd-item{cursor:pointer;color:var(--text-secondary);justify-content:space-between;align-items:center;padding:.65rem 1.25rem;font-size:.88rem;display:flex}.zh-root .cmd-item:hover,.zh-root .cmd-item.active{background-color:var(--bg-hover);color:var(--primary)}.zh-root .cmd-item kbd{font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-tertiary);padding:1px 5px;font-size:.68rem}.zh-root .cmd-empty{text-align:center;color:var(--text-tertiary);padding:1.25rem;font-size:.82rem}.zh-root .toast-container{bottom:calc(var(--player-height) + .85rem);z-index:800;flex-direction:column;gap:.5rem;display:flex;position:absolute;right:1.25rem}.zh-root .toast{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:.65rem 1.1rem;font-size:.82rem;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) toastIn}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.zh-root .eq-canvas{background:var(--bg-subtle);border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:110px}