.player-bar{--color-hover:var(--color-frame-hover);z-index:10;background:var(--color-frame);color:var(--color-foreground);border:0;border-radius:0;align-items:center;gap:16px;margin:0;padding:12px 16px;display:flex;position:relative}.player-artwork{border-radius:12px;flex-shrink:0}.player-artwork .artwork{background:var(--color-frame-surface);border-radius:12px;width:64px}.player-artwork .artwork>svg{width:32px}.player-track{flex:1;min-width:0;position:relative}.player-song{text-align:left;width:100%;min-width:0;color:inherit;background:0 0;border:0;border-radius:8px;padding:0 112px 0 0;display:flex}.player-source{color:inherit}.player-source:hover{color:var(--color-brand)}.player-right{flex-shrink:0;align-items:center;gap:8px;padding-left:12px;display:flex}.player-center{align-items:center;display:flex}.playback-progress{color:var(--color-foreground-subtle);font-variant-numeric:tabular-nums;margin-top:10px}.player-time{text-align:right;white-space:nowrap;position:absolute;top:34px;right:0}.progress-track{background:var(--color-border-hover);border-radius:4px;flex:1;height:3px;overflow:hidden}.progress-fill{background:var(--color-foreground);transform-origin:0;height:100%;transform:scaleX(0)}.player-tools{justify-content:flex-end;align-items:center;gap:4px;display:flex}.player-tools .volume-control{align-items:center;gap:6px;margin-right:16px;display:flex}.player-tools .volume-slider{width:90px;accent-color:var(--color-foreground)}.player-tools .volume-input{box-sizing:border-box;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;width:4.5ch;min-width:0;padding:4px 3px}.player-tools .volume-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.player-tools .volume-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.player-tools .volume-unit{color:var(--color-foreground-subtle);font-size:var(--text-ui-xs)}.player-panel-toggle{color:var(--color-foreground-subtle)}.player-panel-toggle:hover:not(:disabled),.player-panel-toggle:focus-visible:not(:disabled),.player-panel-toggle[aria-pressed=true]{color:var(--color-brand);background:0 0}.player-panel-toggle:active:not(:disabled){color:var(--color-brand);background:0 0;transform:none}@media (width<=1100px){.player-bar{gap:12px}.player-tools .volume-control{margin-right:4px}.player-tools .volume-slider{width:60px}}@media (width<=767px){.player-bar{--player-artwork:44px;--player-padding-y:6px;padding:var(--player-padding-y) 10px;min-height:calc(var(--player-artwork) + 2 * var(--player-padding-y));background:var(--color-frame-surface);border:0;border-radius:8px;gap:10px;display:flex;position:relative}.player-artwork,.player-artwork .artwork{border-radius:6px}.player-artwork .artwork{width:var(--player-artwork)}.player-song{background:0 0;border:0;padding-right:76px}.player-song strong{font-size:var(--text-ui-base)}.player-right{gap:0;padding-left:8px}.playback-progress{margin-top:0;position:absolute;bottom:0;left:0;right:0}.player-center{flex-shrink:0}.player-track{position:static}.player-time{top:30px;right:54px}.progress-track{border-radius:0 0 8px 8px;height:2px}.player-tools{display:none}}.listen-page{height:100%;min-height:0;padding:24px 32px;display:flex}.lyrics-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.lyrics-scroll{scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.lyrics-scroll::-webkit-scrollbar{display:none}.lyrics-scroll:not(:has(.empty-state)):before{content:"";height:50%;display:block}.lyrics-scroll:not(:has(.empty-state)):after{content:"";height:50%;display:block}.lyric-line{text-align:center;max-width:880px;color:var(--color-foreground-subtle);opacity:.78;overflow-wrap:anywhere;transform-origin:50%;margin:0 auto;padding:8px 32px;font-weight:600;line-height:1.5;transition:transform .42s cubic-bezier(.2,.8,.2,1),opacity .3s,color .3s;transform:translateY(4px)scale(.7)}.lyric-line.near-lyric{opacity:.9;transform:translateY(2px)scale(.8)}.lyric-line.active-lyric{color:var(--color-foreground);opacity:1;transform:translateY(0)scale(1.18)}.lyrics-scroll:has(.empty-state){place-items:center;display:grid}:root[data-performance=low] .lyric-line{transition:opacity .16s}:root[data-performance=off] .lyrics-scroll{-webkit-mask-image:none;mask-image:none}@media (width<=767px){.listen-page{padding:16px}}.room-toolbar{align-items:center;gap:12px;margin-bottom:28px;display:flex}.room-toolbar .search-field{border-radius:999px;gap:12px;height:48px;padding:0 20px}.room-toolbar .button-primary{border-radius:999px;padding:10px 20px}.join-form>.button-primary{border-radius:999px;width:100%}.room-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:24px 20px;display:grid}.room-card{text-align:left;background:var(--color-card);min-width:0;color:inherit;border:0;border-radius:12px;flex-direction:column;gap:12px;padding:12px;transition:background-color .15s;display:flex;position:relative}.room-card:hover:not(:disabled),.room-card:focus-visible{background:var(--color-card-hover)}.room-card-art{width:100%;position:relative}.room-art{aspect-ratio:1.6;background:var(--color-card-hover);width:100%;color:var(--color-brand);border-radius:8px;place-items:center;display:grid}.room-card-badge{background:var(--color-content);color:var(--color-foreground-subtle);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex;position:absolute;top:8px;left:8px}.room-card-join{background:var(--color-primary);width:40px;height:40px;color:var(--color-primary-foreground);box-shadow:0 8px 16px var(--color-shadow);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:8px;right:8px;transform:translateY(8px)}.room-card:hover:not(:disabled) .room-card-join,.room-card:focus-visible .room-card-join{opacity:1;transform:translateY(0)}@media (hover:none){.room-card-join{opacity:1;transform:none}}:root[data-performance=low] .room-card{transition:none}:root[data-performance=low] .room-card-join{box-shadow:none;transition:opacity .16s;transform:none}.room-card-copy{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.room-card-copy>p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3em;display:-webkit-box;overflow:hidden}.room-card-copy>span{align-items:center;gap:6px;display:flex}.room-skeleton{pointer-events:none}.room-skeleton .room-art{background:var(--color-surface-hover)}.room-skeleton .room-card-copy{min-height:86px}.room-skeleton .skeleton-line{background:var(--color-surface-hover);border-radius:4px;width:70%;height:14px;display:block}.room-skeleton .skeleton-line+.skeleton-line{background:var(--color-card-hover);width:45%;height:12px;margin-top:10px}.join-summary{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;display:grid}.join-art{aspect-ratio:1;background:var(--color-surface);width:88px;color:var(--color-brand);border-radius:12px;place-items:center;display:grid}.join-detail{flex-direction:column;gap:4px;min-width:0;display:flex}.join-detail h3{overflow-wrap:anywhere}.join-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}@media (width<=767px){.room-toolbar{gap:8px;margin-bottom:20px}.room-toolbar .search-field{height:44px;padding:0 16px}.room-toolbar .button-primary{padding:10px 16px}.room-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.room-card{gap:10px;padding:10px}.room-art{aspect-ratio:1}.room-art>svg{width:36px;height:36px}.room-card-join{width:34px;height:34px;bottom:6px;right:6px}.room-skeleton .room-card-copy{min-height:78px}.join-summary{gap:12px}.join-art{width:72px}}.search-box{flex:1;min-width:0;position:relative}.header-search{max-width:620px}.search-box-field{--color-input:var(--color-search-box);--color-input-focused:var(--color-search-box);border:1px solid var(--color-input-border);background:var(--color-input);height:48px;color:var(--color-foreground-subtle);border-radius:24px;align-items:center;gap:12px;padding:0 16px;display:flex}.search-box-field.search-open,.search-box-field:focus-within{border-color:var(--color-input-border-focused);background:var(--color-input-focused)}.search-box-field input{background:0 0!important;border:0!important;padding:10px 0!important}.search-box-field .icon-button{width:24px;height:28px}.search-inline .search-box-field{--color-input:var(--color-surface);--color-input-focused:var(--color-surface);border-radius:999px;gap:10px;height:42px}.search-inline .search-box-field>svg{width:18px}.search-popover{z-index:5;border:1px solid var(--color-border);background:var(--color-popover);box-shadow:0 12px 32px var(--color-shadow);transform-origin:top;border-radius:12px;padding:16px;animation:.2s cubic-bezier(.2,.8,.2,1) both popover-in;position:absolute;top:calc(100% + 12px);left:0;right:0}.search-popover-item{width:100%;min-width:0;color:var(--color-foreground);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.search-popover-item:hover:not(:disabled){background:var(--color-hover)}.search-popover-item>svg{color:var(--color-foreground-subtle)}.search-link>svg{color:var(--color-brand)}.search-popover-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.search-recent-list{flex-direction:column;gap:6px;display:flex}.search-link+.search-recent-list{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.search-page{padding-top:16px;container:search/inline-size}.search-filter-bar{z-index:2;background:var(--color-content);justify-content:space-between;align-items:center;gap:16px;padding:8px 0 16px;display:flex;position:sticky;top:0}.search-filter-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.search-chip{background:var(--color-surface);min-height:34px;color:var(--color-foreground);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.search-chip:hover:not(:disabled){background:var(--color-hover)}.search-chip[aria-pressed=true],.search-chip[aria-pressed=true]:hover:not(:disabled){background:var(--color-foreground);color:var(--color-content)}.search-source{background:0 0;border-radius:999px;flex-shrink:0;width:auto;max-width:144px;padding:7px 12px}.search-page-heading{margin:16px 0 28px}.search-page-heading p{overflow-wrap:anywhere;margin-top:6px}.search-recommend-hint{align-items:center;gap:6px;display:none}.search-recommend-hint>svg{color:var(--color-brand)}.search-page .section-heading,.search-section-title{margin-bottom:16px}.search-section-link{color:var(--color-foreground-subtle);white-space:nowrap;background:0 0;border:0;padding:4px 0}.search-section-link:hover:not(:disabled){color:var(--color-foreground);text-decoration:underline}.search-overview-grid,.search-loading-overview{grid-template-columns:minmax(240px,.85fr) minmax(0,1.5fr);gap:24px;display:grid}.search-overview-grid>section{min-width:0}.search-featured-song{background:var(--color-card);border-radius:12px;min-width:0;padding:20px;transition:background-color .15s}.search-featured-song:hover{background:var(--color-card-hover)}.search-featured-song>.song-artwork{width:fit-content}.search-featured-song>.song-artwork,.search-featured-song>.artwork{margin-bottom:16px}.search-featured-song .artwork{background:var(--color-card-hover);width:88px}.search-featured-song h3{margin-bottom:4px}.search-feature-footer{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.search-feature-footer .icon-button{width:36px;height:36px}.search-feature-footer .icon-button svg{width:26px;height:26px}.search-preview .song-row{grid-template-columns:42px minmax(0,1fr) 48px 36px;gap:12px;min-height:64px;padding:8px;display:grid}.search-preview .song-index,.search-preview .song-album{display:none}.search-page .song-duration{text-align:right}.search-page .song-copy strong{font-weight:500}.search-song-table{--search-song-columns:24px 42px minmax(0, 1fr) minmax(100px, .65fr) 56px 36px}.search-song-table .song-row,.search-song-heading{grid-template-columns:var(--search-song-columns);align-items:center;gap:12px;padding:8px 12px;display:grid}.search-song-table .song-row{min-height:64px}.search-song-table .song-index{text-align:center;width:auto}.search-song-table .song-album{width:auto;max-width:none;display:block}.search-song-heading{border-bottom:1px solid var(--color-border);min-height:40px;margin-bottom:8px}.search-song-heading>:nth-child(2){grid-column:2/span 2}.search-song-heading>:nth-child(4){justify-self:end}.search-playlists{margin-top:32px}.search-playlist-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 -10px;display:grid}.search-playlist-card{min-width:0;color:inherit;text-align:left;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:stretch;gap:5px;padding:10px;transition:background-color .15s;display:flex;position:relative}.search-playlist-card:hover:not(:disabled),.search-playlist-card:focus-visible{background:var(--color-surface)}.search-playlist-art{width:100%;position:relative}.search-playlist-card .artwork{border-radius:8px;width:100%;margin-bottom:6px}.search-playlist-card:hover:not(:disabled) .artwork{box-shadow:0 8px 24px var(--color-shadow)}.search-playlist-card>strong,.search-playlist-card>span{width:100%}.search-playlist-open{background:var(--color-primary);width:36px;height:36px;color:var(--color-primary-foreground);opacity:0;border-radius:50%;place-items:center;transition:opacity .15s;display:grid;position:absolute;bottom:16px;right:10px}.search-playlist-card:hover:not(:disabled) .search-playlist-open,.search-playlist-card:focus-visible .search-playlist-open{opacity:1}.search-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.search-recent-card{background:var(--color-card);min-width:0;color:var(--color-foreground);text-align:left;border:0;border-radius:8px;align-items:center;gap:16px;padding:16px;display:flex}.search-recent-card:hover:not(:disabled){background:var(--color-card-hover)}.search-recent-card>svg{color:var(--color-foreground-subtle)}.search-error{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-error .error-text{margin:0}.search-feature-skeleton{background:var(--color-card);border-radius:12px;flex-direction:column;gap:16px;min-height:260px;padding:20px;display:flex}.search-feature-skeleton span{background:var(--color-card-hover);border-radius:4px;width:60%;height:14px}.search-feature-skeleton span:first-child{border-radius:8px;width:88px;height:88px}.pagination{justify-content:center;align-items:center;gap:20px;padding:24px 0 8px;display:flex}:root[data-performance=low] .search-popover{animation:.16s both fade-in}:root[data-performance=low] .search-featured-song,:root[data-performance=low] .search-playlist-card{transition:none}:root[data-performance=low] .search-playlist-open{transition-duration:.16s}:root[data-performance=low] .search-playlist-card:hover .artwork{box-shadow:none}@container search (width<=720px){.search-overview-grid,.search-loading-overview{grid-template-columns:minmax(0,1fr)}.search-playlist-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.search-song-table{--search-song-columns:24px 42px minmax(0, 1fr) 56px 36px}.search-song-table .song-album,.search-song-heading>:nth-child(3){display:none}.search-filter-bar{grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.search-filter-chips{scrollbar-width:none;flex-wrap:nowrap;margin:-3px;padding:3px;overflow-x:auto}.search-filter-chips::-webkit-scrollbar{display:none}.search-chip{flex-shrink:0}.search-source{justify-self:end}.search-featured-song{grid-template-columns:88px minmax(0,1fr) 36px;align-items:center;column-gap:16px;display:grid}.search-featured-song>.song-artwork,.search-featured-song>.artwork{grid-row:1/span 3;margin-bottom:0}.search-featured-song h3,.search-featured-song>p{grid-column:2}.search-feature-footer{grid-column:2/span 2;margin-top:0}}@container search (width<=480px){.search-playlist-grid,.search-recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-filter-chips{gap:6px}.search-chip{padding:7px 11px}.search-page-heading{margin:12px 0 24px}.search-featured-song{grid-template-columns:64px minmax(0,1fr) 28px;gap:0 12px;padding:16px}.search-featured-song .artwork{width:64px}.search-featured-song h3{font-size:var(--text-ui-lg)}.search-feature-footer .icon-button{width:28px;height:28px}.search-preview .song-row{grid-template-columns:42px minmax(0,1fr) 32px;gap:10px}.search-preview .song-duration{display:none}.search-song-table{--search-song-columns:42px minmax(0, 1fr) 32px}.search-song-table .song-row{gap:10px;padding:8px 0}.search-song-table .song-index,.search-song-table .song-duration,.search-song-heading{display:none}.search-song-table .icon-button,.search-preview .icon-button{width:32px;height:36px}}@media (width<=767px){.search-page{padding-top:8px}.search-song-table{--search-song-columns:42px minmax(0, 1fr) auto}.search-song-table .song-album,.search-song-heading{display:none}.search-preview .song-row{grid-template-columns:42px minmax(0,1fr) auto}.search-filter-bar{padding:8px 0 12px}.search-recommend-hint{display:flex}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-ui-xl:calc(var(--ui-font-size) + 14px);--text-ui-lg:calc(var(--ui-font-size) + 4px);--text-ui-base:var(--ui-font-size);--text-ui-caption:calc(var(--ui-font-size) - 1px);--text-ui-sm:calc(var(--ui-font-size) - 2px);--text-ui-xs:calc(var(--ui-font-size) - 4px);--text-mobile-input-safe:16px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html,body,#root{height:100%;overflow:hidden}body{background:var(--color-background);color:var(--color-foreground);font-size:var(--text-ui-base);margin:0;line-height:1.5}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .15s,color .15s,opacity .15s}button,a,input,select,textarea{outline:none}button:focus-visible,a:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}button:disabled{cursor:default;opacity:.45}button:active:not(:disabled){transform:scale(.98)}h1,h2,h3,p{margin:0}h1,h2,h3,strong{font-weight:600}svg{flex-shrink:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:8px}::selection{background:var(--color-selected)}input:not([type=range]):not([type=checkbox]),textarea,select{border:1px solid var(--color-input-border);background:var(--color-input);width:100%;min-width:0;color:var(--color-foreground);font-size:var(--text-ui-base);border-radius:8px;padding:10px 12px}input::placeholder,textarea::placeholder{color:var(--color-foreground-subtlest);opacity:1}input:focus,textarea:focus,select:focus{background:var(--color-input-focused);border-color:var(--color-input-border-focused)!important}input[type=range],input[type=checkbox]{accent-color:var(--color-primary)}input[type=range]{cursor:pointer;width:100%;height:18px}input[type=checkbox]{flex-shrink:0;width:16px;height:16px}@media (width<=767px){input:not([type=range]):not([type=checkbox]),textarea,select{font-size:var(--text-mobile-input-safe)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-performance=off] *,:root[data-performance=off] :before,:root[data-performance=off] :after,:root[data-reduced-motion] *,:root[data-reduced-motion] :before,:root[data-reduced-motion] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}:root[data-performance=off] *{box-shadow:none!important;filter:none!important;will-change:auto!important}:root[data-performance=low] button{transition:opacity .16s}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ui-base{font-size:var(--text-ui-base)}.text-ui-caption{font-size:var(--text-ui-caption)}.text-ui-lg{font-size:var(--text-ui-lg)}.text-ui-sm{font-size:var(--text-ui-sm)}.text-ui-xl{font-size:var(--text-ui-xl)}.text-ui-xs{font-size:var(--text-ui-xs)}.accent{color:var(--color-brand)}.muted{color:var(--color-foreground-subtle)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[ar\:周杰伦\]{ar:周杰伦}}:root{--ui-font-size:14px;--color-brand:#68d268;--color-primary:#68d268;--color-primary-foreground:#122412;--color-background:#1c1c1e;--color-frame:#000;--color-content:#121212;--color-panel:#121212;--color-card:#181818;--color-card-hover:#232326;--color-surface:#232326;--color-surface-hover:#2c2c30;--color-popover:#242427;--color-input:#29292d;--color-input-focused:#303034;--color-search-box:#1f1f1f;--color-foreground:#f4f4f5;--color-foreground-subtle:#a6a6af;--color-foreground-subtlest:#90909a;--color-border:#333337;--color-border-hover:#585860;--color-input-border:#414148;--color-input-border-focused:#68d268;--color-hover:#303034;--color-frame-hover:#303034;--color-frame-surface:#232326;--color-selected:#3b3b3e;--color-accent:#203320;--color-destructive:#ff929a;--color-destructive-foreground:#34151b;--color-success:#8cc9a5;--color-toast:#303034;--color-overlay:#0000008c;--color-shadow:#0000003d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none}:root[data-theme=light]{--color-brand:#217521;--color-frame:#e8e8ed;--color-background:#fff;--color-content:#fff;--color-panel:#fff;--color-card:#f3f3f6;--color-card-hover:#e8e8ed;--color-surface:#f3f3f6;--color-surface-hover:#ededf0;--color-popover:#fff;--color-input:#f3f3f6;--color-input-focused:#fff;--color-search-box:#fff;--color-foreground:#202024;--color-foreground-subtle:#64646e;--color-foreground-subtlest:#6e6e78;--color-border:#e6e6eb;--color-border-hover:#b9b9c2;--color-input-border:#d4d4dc;--color-input-border-focused:#217521;--color-hover:#e8e8ed;--color-frame-hover:#d4d4dc;--color-frame-surface:#fff;--color-selected:#e4e4e8;--color-accent:#e7f6e7;--color-destructive:#b22638;--color-destructive-foreground:#fff;--color-success:#287144;--color-toast:#fff;--color-shadow:#1e1e2d1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root[data-theme=system]{--color-brand:#217521;--color-frame:#e8e8ed;--color-background:#fff;--color-content:#fff;--color-panel:#fff;--color-card:#f3f3f6;--color-card-hover:#e8e8ed;--color-surface:#f3f3f6;--color-surface-hover:#ededf0;--color-popover:#fff;--color-input:#f3f3f6;--color-input-focused:#fff;--color-search-box:#fff;--color-foreground:#202024;--color-foreground-subtle:#64646e;--color-foreground-subtlest:#6e6e78;--color-border:#e6e6eb;--color-border-hover:#b9b9c2;--color-input-border:#d4d4dc;--color-input-border-focused:#217521;--color-hover:#e8e8ed;--color-frame-hover:#d4d4dc;--color-frame-surface:#fff;--color-selected:#e4e4e8;--color-accent:#e7f6e7;--color-destructive:#b22638;--color-destructive-foreground:#fff;--color-success:#287144;--color-toast:#fff;--color-shadow:#1e1e2d1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}@keyframes popover-in{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-shell{height:calc(var(--vh,1vh) * 100);height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:var(--color-frame);grid-template-rows:minmax(0,1fr) 104px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.workspace{flex-direction:column;grid-area:1/1;min-width:0;min-height:0;display:flex}.app-shell>.player-bar{grid-area:2/1}.workspace-header{z-index:30;background:var(--color-frame);height:76px;color:var(--color-foreground);border:0;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:0 24px;display:flex;position:relative}.header-leading{flex-shrink:0;align-items:center;gap:4px;display:flex}.region-failed{justify-content:center;gap:12px}.header-menu{position:relative}.header-menu summary{cursor:pointer;border-radius:8px;place-items:center;width:36px;height:36px;list-style:none;display:grid}.header-menu summary::-webkit-details-marker{display:none}.header-menu summary:focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.header-menu summary:hover{background:var(--color-frame-hover)}.main-nav{flex-direction:column;gap:4px;display:flex}.header-menu .main-nav{border:1px solid var(--color-border);background:var(--color-popover);width:180px;box-shadow:0 8px 24px var(--color-shadow);transform-origin:0 0;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 12px);left:0}.header-menu[open] .main-nav{animation:.2s cubic-bezier(.2,.8,.2,1) both popover-in}.nav-item{color:var(--color-foreground);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.nav-item svg{color:var(--color-brand)}.nav-item:hover{background:var(--color-hover)}.nav-item.selected{background:var(--color-selected)}.header-search-area{flex:1;align-items:center;gap:12px;min-width:0;max-width:680px;margin:0 auto;display:flex}.header-leading>.icon-button,.header-search-area>.icon-button{--color-hover:var(--color-frame-hover)}.home-widget{background:var(--color-frame-surface);border-radius:50%;width:44px;height:44px}.home-widget[aria-current=page]{color:var(--color-brand)}.header-actions{align-items:center;gap:8px;display:flex}.connection-status{color:var(--color-foreground-subtle);white-space:nowrap;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;display:flex}.connection-status:disabled{opacity:1}.connection-status.connected{color:var(--color-success)}.profile-button{background:var(--color-frame-surface);width:36px;height:36px;color:var(--color-foreground-subtle);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.profile-button .avatar{width:36px}.icon-button.mobile-search-button,.mobile-search-box{display:none}.workspace-body{background:var(--color-frame);flex:1;gap:8px;min-height:0;padding:8px;display:flex}.main-content{overscroll-behavior:contain;scrollbar-gutter:stable;background:var(--color-content);border:0;border-radius:12px;flex:1;min-width:0;min-height:0;animation:.18s cubic-bezier(.2,.8,.2,1) both page-swap-in;overflow:auto}.main-content.scrollbar-hidden{scrollbar-width:none;scrollbar-gutter:auto}.main-content.scrollbar-hidden::-webkit-scrollbar{display:none}.main-content.settings-view{scrollbar-gutter:auto;background:var(--color-background);overflow:hidden}@keyframes page-swap-in{0%{opacity:0}to{opacity:1}}.detail-panel{--detail-panel-width:480px;width:var(--detail-panel-width);background:var(--color-panel);border:0;border-radius:12px;flex-direction:column;flex-shrink:0;min-height:0;animation:.24s cubic-bezier(.2,.8,.2,1) both detail-panel-open;display:flex;position:relative;overflow:hidden}.detail-panel-content{view-transition-name:detail-panel-content;width:var(--detail-panel-width);flex-direction:column;flex:1;min-height:0;display:flex}.detail-panel-closing{pointer-events:none;animation-name:detail-panel-close}@keyframes detail-panel-open{0%{opacity:0;width:0;margin-left:-8px;transform:translate(16px)}to{width:var(--detail-panel-width);opacity:1;margin-left:0;transform:translate(0)}}@keyframes detail-panel-close{0%{width:var(--detail-panel-width);opacity:1;margin-left:0;transform:translate(0)}to{opacity:0;width:0;margin-left:-8px;transform:translate(16px)}}::view-transition-group(root){animation:none;overflow:clip}::view-transition-image-pair(root){isolation:auto}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-group(detail-panel-content){overflow:clip}::view-transition-image-pair(detail-panel-content){isolation:auto}::view-transition-old(detail-panel-content){background:var(--color-panel);mix-blend-mode:normal}::view-transition-new(detail-panel-content){background:var(--color-panel);mix-blend-mode:normal}::view-transition-old(detail-panel-content){animation:.3s cubic-bezier(.2,.8,.2,1) both view-recede}::view-transition-new(detail-panel-content){animation:.3s cubic-bezier(.2,.8,.2,1) both view-push-in}@keyframes view-recede{0%{transform:translate(0)}to{transform:translate(-14%)}}@keyframes view-push-in{0%{transform:translate(100%)}to{transform:translate(0)}}.detail-panel-swap{animation:.18s cubic-bezier(.2,.8,.2,1) both detail-panel-swap-in}@keyframes detail-panel-swap-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}:root[data-performance=low] .header-menu[open] .main-nav{animation:.16s both fade-in}:root[data-performance=low] .main-content{animation:.14s both fade-in}:root[data-performance=low] .detail-panel{animation:.12s both fade-in}:root[data-performance=low] .detail-panel-closing{animation-name:fade-out}:root[data-performance=low] .detail-panel-swap{animation:.14s both fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.detail-tabs{flex-shrink:0;align-items:center;gap:20px;padding:12px 16px;display:flex}.detail-tabs .icon-button{margin-left:auto}.detail-tab{color:var(--color-foreground-subtle);border-bottom:2px solid #0000;padding:8px 0}.detail-tab[aria-pressed=true]{color:var(--color-foreground);border-bottom-color:var(--color-brand)}.mobile-nav{display:none}@media (width<=1100px){.detail-panel{--detail-panel-width:420px}}@media (width<=767px){.app-shell{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);grid-template-rows:minmax(0,1fr) auto auto;padding-bottom:0}.workspace-header{gap:8px;height:64px;padding:0 12px}.header-leading{gap:0}.header-leading .icon-button,.header-leading .header-menu summary{width:28px;height:36px}.header-leading .header-forward{display:none}.header-search-area{gap:6px}.header-search-area>.header-search{display:none}.home-widget{width:32px;height:36px}.icon-button.mobile-search-button{color:var(--color-foreground-subtle);display:inline-flex}.mobile-search-button[aria-current=page]{color:var(--color-brand)}.mobile-search-box{display:block}.connection-status{display:none}.header-actions{gap:0}.detail-panel{display:none}.workspace-body{background:var(--color-content);gap:0;padding:0}.main-content{border:0;border-radius:0}.app-shell>.player-bar{margin:6px 8px}.mobile-nav{background:var(--color-frame);padding:6px 8px calc(6px + env(safe-area-inset-bottom));border:0;grid-area:3/1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}.mobile-nav button{min-height:48px;color:var(--color-foreground-subtle);background:0 0;border:0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.mobile-nav button:active{background:var(--color-frame-hover)}.mobile-nav .selected{color:var(--color-brand)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}