@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.tooltip{z-index:1000;color:#f5f5f7;font-size:.75rem;font-family:var(--font-data);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#1c1c1e;border-radius:8px;padding:6px 10px;animation:.12s ease-out tooltip-in;position:fixed;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 6px 16px #00000047}.tooltip:after{content:"";border:4px solid #0000;border-top-color:#1c1c1e;margin-left:-4px;position:absolute;top:100%;left:50%}[data-theme=dark] .tooltip{color:#1c1c1e;background:#f5f5f7}[data-theme=dark] .tooltip:after{border-top-color:#f5f5f7}@keyframes tooltip-in{0%{opacity:0;transform:translate(-50%,calc(-100% - 4px))}to{opacity:1;transform:translate(-50%,calc(-100% - 10px))}}@media (prefers-reduced-motion:reduce){.tooltip{animation:none}}:root{--skeleton-base:#e4e4e8;--skeleton-sheen:#ffffffbf}[data-theme=dark]{--skeleton-base:#2a2a2e;--skeleton-sheen:#ffffff17}.skeleton{background-color:var(--skeleton-base);border-radius:var(--border-radius-sm);flex:none;display:block;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--skeleton-sheen) 50%, transparent 100%);animation:1.4s ease-in-out infinite skeleton-sweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-sweep{to{transform:translate(100%)}}.skeleton--circle{border-radius:50%}.skeleton-text{flex-direction:column;width:100%;display:flex}@media (prefers-reduced-motion:reduce){.skeleton:after{display:none}}.skeleton-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skeleton-image{width:100%;height:100%;display:block;position:relative}.skeleton-image__placeholder{width:100%;height:100%;position:absolute;inset:0}.dock-layer{left:0;right:0;bottom:calc(var(--dock-inset) + env(safe-area-inset-bottom,0px));z-index:100;pointer-events:none;justify-content:center;padding:0 24px;display:flex;position:fixed}.music-dock{--dock-bar-radius:calc(var(--dock-bar-h) / 2);--dock-radius:calc(var(--dock-bar-radius) + var(--dock-pad));--dock-cover:44px;--dock-btn:40px;--dock-btn-lg:46px;--dock-gap:14px;pointer-events:auto;width:min(100%,720px);padding:var(--dock-pad);border-radius:var(--dock-radius);background:var(--toolbar-card);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-normal);position:relative;overflow:visible}.music-dock[data-open]{box-shadow:var(--card-shadow-open)}.dock-bar{align-items:center;gap:var(--dock-gap);height:var(--dock-bar-h);padding:0 calc((var(--dock-bar-h) - var(--dock-btn)) / 2) 0 calc((var(--dock-bar-h) - var(--dock-cover)) / 2);border-radius:var(--dock-bar-radius);background:var(--surface-dark);color:var(--surface-dark-fg);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.dock-cover{width:var(--dock-cover);height:var(--dock-cover);background:#ffffff0f;border-radius:50%;flex:none;overflow:hidden}.dock-cover img{object-fit:cover;width:100%;height:100%;display:block}.dock-cover-btn{cursor:pointer;border:0;padding:0;position:relative}.dock-cover-btn:disabled{cursor:default}.dock-cover-hint{color:#fff;opacity:0;transition:opacity var(--transition-fast);background:#00000073;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}@media (hover:hover){.dock-cover-btn:not(:disabled):hover .dock-cover-hint{opacity:1}}.dock-cover-btn:focus-visible .dock-cover-hint{opacity:1}.dock-timer{color:var(--surface-dark-fg);white-space:nowrap;flex:none}.dock-timer:before{content:"·";opacity:.5;margin-right:8px}.dock-trigger{min-width:0;min-height:44px;color:inherit;text-align:left;transition:background-color var(--transition-fast);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:0 6px;display:flex}.dock-trigger:hover{background:#ffffff0f}.dock-ident{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.dock-title{letter-spacing:-.01em;color:var(--surface-dark-fg);-webkit-line-clamp:1;line-clamp:1;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:1.0625rem;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.dock-title[data-empty]{opacity:.55}.dock-meta{min-width:0;font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;color:var(--surface-dark-muted);align-items:center;gap:8px;font-size:.6875rem;line-height:1.3;display:flex;overflow:hidden}.dock-status{transition:color var(--transition-fast);flex:none;align-items:center;gap:7px;display:inline-flex}.dock-dot{width:7px;height:7px;transition:background-color var(--transition-fast);background:#6e6e72;border-radius:50%;flex:none}.dock-status[data-status=live]{color:var(--surface-dark-fg)}.dock-status[data-status=live] .dock-dot{background:var(--status-live)}.dock-status[data-status=loading] .dock-dot{background:var(--player-accent)}.dock-status[data-status=error]{color:var(--status-error)}.dock-status[data-status=error] .dock-dot{background:var(--status-error)}.dock-status[data-status=live]:not([data-paused]) .dock-dot{animation:1.8s ease-out infinite dock-pulse;box-shadow:0 0 #ff453ab3}@keyframes dock-pulse{70%{box-shadow:0 0 0 7px #ff453a00}to{box-shadow:0 0 #ff453a00}}@media (prefers-reduced-motion:reduce){.dock-status .dock-dot{animation:none}}.dock-muted{color:var(--surface-dark-fg);flex:none;align-items:center;gap:4px;display:inline-flex}.dock-meta-tail{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dock-muted:before,.dock-meta-tail:before{content:"·";opacity:.5;margin-right:8px}.dock-caret{color:var(--surface-dark-muted);flex:none}.dock-transport{flex:none;align-items:center;gap:3px;display:flex}.dock-btn{width:var(--dock-btn);height:var(--dock-btn);color:var(--surface-dark-muted);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.dock-btn:hover{color:var(--surface-dark-fg);background:#ffffff14}.dock-btn:disabled{opacity:.32;pointer-events:none}.dock-play{width:var(--dock-btn-lg);height:var(--dock-btn-lg);background:var(--player-btn-bg);color:var(--player-btn-fg)}.dock-play:hover{color:var(--player-btn-fg);background:#fff}.dock-drawer{overflow:hidden}.dock-drawer-inner{color:var(--text-main);max-height:min(340px,52vh);transition:max-height var(--dur-normal) var(--ease-standard);flex-direction:column;gap:14px;padding:6px 10px 16px;display:flex;overflow:hidden}.music-dock[data-expanded] .dock-drawer-inner{max-height:min(560px,76vh)}.dock-detail,.dock-aux,.dock-queue-heading{flex:none}.dock-detail{min-width:0}.dock-detail-title{-webkit-line-clamp:3;line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:1rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.dock-detail-meta{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--dock-muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:.75rem}.dock-aux{border-top:1px solid var(--dock-rule);align-items:center;gap:8px;padding-top:12px;display:flex}.dock-ghost{width:38px;height:38px;color:var(--dock-muted);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.dock-ghost:hover{background:var(--dock-hover);color:var(--text-main)}.dock-ghost.is-on{color:var(--text-main)}.dock-ghost-dot{background:var(--player-accent);border-radius:50%;width:4px;height:4px;margin-left:-2px;position:absolute;bottom:5px;left:50%}.dock-volume{appearance:none;cursor:pointer;background:0 0;flex:auto;min-width:80px;max-width:200px;height:24px}.dock-volume::-webkit-slider-runnable-track{background:var(--dock-rail);border-radius:2px;height:4px}.dock-volume::-moz-range-track{background:var(--dock-rail);border-radius:2px;height:4px}.dock-volume::-webkit-slider-thumb{appearance:none;background:var(--text-main);border-radius:50%;width:12px;height:12px;margin-top:-4px}.dock-volume::-moz-range-thumb{background:var(--text-main);border:0;border-radius:50%;width:12px;height:12px}.dock-volume:focus-visible{outline:2px solid var(--player-accent);outline-offset:4px;border-radius:999px}@media (pointer:coarse){.dock-queue-toggle{min-height:44px;padding:0 12px}.dock-volume{height:44px}.dock-volume::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px}.dock-volume::-moz-range-thumb{width:16px;height:16px}}.dock-volume-num{text-align:right;min-width:3ch;font-family:var(--font-data);font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums;color:var(--dock-muted);flex:none;font-size:.75rem}.dock-queue-heading{min-width:0;font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;color:var(--dock-muted);justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:.6875rem;display:flex}.dock-queue-heading-label{align-items:center;gap:8px;min-width:0;display:flex}.dock-queue-heading-label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dock-queue-tools{flex:none;align-items:center;gap:2px;display:inline-flex}.dock-queue-filter{flex:none;align-items:center;display:inline-flex;position:relative}.dock-queue-filter select{appearance:none;max-width:17ch;min-height:26px;color:var(--dock-muted);font:inherit;font-size:inherit;text-transform:none;letter-spacing:.02em;text-overflow:ellipsis;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border:none;border-radius:999px;padding:0 18px 0 8px}.dock-queue-filter select:hover{color:var(--text-main);background:var(--dock-hover)}.dock-queue-filter:after{content:"";width:5px;height:5px;color:var(--dock-muted);pointer-events:none;border-bottom:1.5px solid;border-right:1.5px solid;position:absolute;right:7px;transform:translateY(-1px)rotate(45deg)}[data-theme=dark] .dock-queue-filter select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dock-queue-toggle{min-height:26px;font:inherit;font-variant-numeric:tabular-nums;letter-spacing:inherit;text-transform:inherit;color:var(--dock-muted);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:999px;flex:none;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.dock-queue-toggle:hover{color:var(--text-main);background:var(--dock-hover)}.dock-queue{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--dock-rail) transparent;flex-direction:column;flex:0 auto;gap:2px;min-width:0;min-height:0;margin:0 -8px;padding:0;list-style:none;display:flex;position:relative;overflow-y:auto}.dock-queue::-webkit-scrollbar{width:6px}.dock-queue::-webkit-scrollbar-track{background:0 0}.dock-queue::-webkit-scrollbar-thumb{background:var(--dock-rail);border-radius:3px}.dock-queue-item{width:100%;min-height:38px;color:inherit;text-align:left;transition:background-color var(--transition-fast);background:0 0;border-radius:10px;grid-template-columns:16px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:6px 8px;display:grid}.dock-queue-item:hover{background:var(--dock-hover)}.dock-queue-item:focus-visible{outline-offset:-2px}.dock-queue-index,.dock-queue-meta{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-variant-numeric:tabular-nums;color:var(--dock-muted);font-size:.72rem}.dock-queue-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.875rem;font-weight:500;overflow:hidden}.dock-queue-country{width:16ch;min-width:0;color:var(--dock-muted);opacity:.85;flex:none;justify-content:flex-start;align-items:center;gap:5px;font-size:.72rem;display:inline-flex}.dock-queue-flag{text-align:center;flex:none;width:1.15em;font-size:.85rem;line-height:1}.dock-queue-country-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dock-queue-meta{text-align:right;width:4.5ch}.dock-queue-empty{color:var(--dock-muted);padding:8px 0;font-size:.85rem}.skeleton.skeleton-dock-glyph{width:18px;height:18px}.skeleton.skeleton-dock-glyph--lg{width:20px;height:20px}.dock-play--skeleton{background:#ffffff1f}.dock-trigger--skeleton,.dock-trigger--skeleton:hover{cursor:default;pointer-events:none;background:0 0}@media (width<=768px){.dock-layer{padding:0 8px}.music-dock{--dock-cover:36px;--dock-btn:40px;--dock-btn-lg:44px;--dock-gap:8px}.dock-cover-btn:after{content:"";border-radius:50%;position:absolute;inset:-5px}.dock-trigger{gap:6px;padding:0 2px}.dock-title{-webkit-line-clamp:2;line-clamp:2;font-size:.875rem}.dock-meta{letter-spacing:.1em;gap:6px;font-size:.625rem}.dock-meta-tail,.dock-muted>span{display:none}.dock-drawer-inner{gap:12px;max-height:min(260px,48vh)}.music-dock[data-expanded] .dock-drawer-inner{max-height:min(440px,62vh)}}@media (width<=400px){.dock-layer{padding:0 6px}.music-dock{--dock-cover:34px;--dock-btn:38px;--dock-btn-lg:42px}.dock-meta{letter-spacing:.04em}.dock-volume-num{display:none}.dock-queue-filter select{max-width:11ch}.dock-queue-country{display:none}}@media (height<=560px) and (width>=640px){.dock-layer{padding:0 12px}.music-dock{--dock-cover:36px;--dock-btn:36px;--dock-btn-lg:40px;--dock-gap:14px;width:min(100%,780px)}.dock-title{-webkit-line-clamp:1;line-clamp:1;font-size:.95rem}.dock-meta{letter-spacing:.1em;font-size:.625rem}.dock-meta-tail{display:block}.dock-drawer-inner{gap:8px;max-height:min(200px,54vh);padding-bottom:12px}.music-dock[data-expanded] .dock-drawer-inner{max-height:min(280px,74vh)}.dock-detail-title{-webkit-line-clamp:2;line-clamp:2;font-size:.9rem}.dock-detail-meta{display:none}.dock-queue-item{min-height:32px}}@media (hover:none){.dock-btn:hover{color:var(--surface-dark-muted);background:0 0}.dock-play:hover{background:var(--player-btn-bg);color:var(--player-btn-fg)}.dock-trigger:hover{background:0 0}.dock-ghost:hover{color:var(--dock-muted);background:0 0}.dock-ghost.is-on:hover{color:var(--text-main)}.dock-queue-item:hover{background:0 0}.dock-cover-btn:hover .dock-cover-hint{opacity:0}}.discover-section{--expanded-w:320px;--carousel-gap:24px;--thumb-w:150px;--thumb-h:220px;width:100%;margin-top:40px}.discover-header{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.discover-nav{gap:12px;display:flex}.nav-btn{color:var(--text-secondary);transition:color var(--transition-fast)}.carousel-container{gap:var(--carousel-gap);--fade-left:0px;--fade-right:0px;-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent 100%);mask-image:linear-gradient(90deg, transparent 0, #000 var(--fade-left), #000 calc(100% - var(--fade-right)), transparent 100%);margin-top:-16px;margin-left:-16px;margin-right:-16px;padding:16px 16px 32px;scroll-padding-left:16px;display:flex;overflow-x:auto;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.carousel-container.fade-left{--fade-left:44px}.carousel-container.fade-right{--fade-right:44px}.carousel-container{scrollbar-width:none}.carousel-container::-webkit-scrollbar{display:none}.carousel-item-wrapper{align-items:flex-start;gap:0;display:flex}.playlist-thumbnail{cursor:pointer;width:var(--thumb-w);flex-direction:column;flex:none;align-items:center;gap:16px;display:flex}.thumbnail-image-container{width:var(--thumb-w);height:var(--thumb-h);background:#ffffff0d;border:4px solid #fff;border-radius:100px;position:relative;overflow:hidden;box-shadow:0 12px 24px #00000026}.thumbnail-image-container:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000004d 0%,#0000001a 45%,#00000061 100%);position:absolute;inset:0}.playlist-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.hover-play-btn{color:#ffffffe6;opacity:.85;z-index:2;filter:drop-shadow(0 4px 8px #0000004d);background-color:#0000;justify-content:center;align-items:center;width:72px;height:72px;margin:auto;display:flex;position:absolute;inset:0}.favorite-btn{opacity:0;width:32px;height:32px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background-color:#0000004d;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.playlist-thumbnail:hover .favorite-btn,.favorite-btn.active{opacity:1}.playlist-thumbnail .title{font-family:var(--font-ui);letter-spacing:-.01em;text-align:center;white-space:nowrap;width:100%;min-height:1.4em;font-size:1.02rem;font-weight:600;line-height:1.4;overflow:visible}.expanded-wrapper{overflow-clip-margin:24px;flex:none;overflow:clip}.playlist-expanded{width:var(--expanded-w);min-width:var(--expanded-w);border-radius:var(--border-radius-lg);--panel-pad:24px;padding:var(--panel-pad);color:#1d1d1f;margin-left:var(--carousel-gap);--track-list-max-h:min(340px, 46vh);--track-scroll-thumb:#0000002e;--track-scroll-thumb-hover:#00000057;background-color:#fdfdfd}[data-theme=dark] .playlist-expanded{color:#f8f8f8;--track-scroll-thumb:#fff3;--track-scroll-thumb-hover:#ffffff61;background-color:#1e1e1e}.expanded-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.expanded-cover{border-radius:var(--border-radius-sm);flex:none;width:64px;height:64px;display:block;overflow:hidden}.expanded-cover img{object-fit:cover;width:100%;height:100%;display:block}.expanded-header h3{margin:0 0 4px;font-size:1.1rem}.expanded-header p{color:var(--text-secondary);font-size:.85rem;font-family:var(--font-data);font-variant-numeric:tabular-nums;margin:0}.play-playlist-btn{background-color:var(--text-main);color:var(--app-bg);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;display:flex}.track-list{max-height:var(--track-list-max-h,340px);overscroll-behavior-y:contain;scrollbar-gutter:stable;margin-right:calc(-1 * min(var(--scrollbar-width,0px) + 6px, var(--panel-pad)));scrollbar-width:thin;scrollbar-color:var(--track-scroll-thumb) transparent;flex-direction:column;padding-right:6px;display:flex;overflow-y:auto}@supports not (scrollbar-color:red transparent){.track-list::-webkit-scrollbar{width:6px}.track-list::-webkit-scrollbar-track{background:0 0}.track-list::-webkit-scrollbar-thumb{background:var(--track-scroll-thumb);border-radius:999px}.track-list::-webkit-scrollbar-thumb:hover{background:var(--track-scroll-thumb-hover)}}.track-item{cursor:pointer;transition:background-color var(--transition-fast);border-bottom:1px solid #0000000d;grid-template-columns:24px 1fr 40px;align-items:center;gap:12px;padding:12px 0;display:grid}[data-theme=dark] .track-item{border-bottom:1px solid #ffffff0d}.track-item:last-child{border-bottom:none}.track-item:focus-visible{outline-offset:-2px}.track-item:hover{background-color:#00000005}[data-theme=dark] .track-item:hover{background-color:#ffffff05}.track-item.active{background-color:#0000000a}[data-theme=dark] .track-item.active{background-color:#ffffff0a}.track-icon{color:var(--text-secondary);justify-content:center;display:flex}.track-item:hover .track-icon,.track-item.active .track-icon{color:var(--text-main)}.track-details{flex-direction:column;gap:4px;min-width:0;display:flex}.track-name{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.track-item.active .track-name,.track-item:focus-visible .track-name{-webkit-line-clamp:unset;line-clamp:unset;display:block}.track-author{color:var(--text-secondary);font-size:.75rem;font-family:var(--font-data);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-duration{color:var(--text-secondary);text-align:right;font-size:.8rem;font-family:var(--font-data);font-variant-numeric:tabular-nums}.nav-btn{transition:color var(--transition-fast)}.thumbnail-image-container{transition:box-shadow var(--transition-normal)}.playlist-thumbnail:active .thumbnail-image-container{box-shadow:0 4px 10px #0003}.hover-play-btn{transition:opacity var(--transition-fast)}.favorite-btn{transition:opacity var(--transition-fast), background-color var(--transition-fast)}.play-playlist-btn{transition:box-shadow var(--transition-fast)}.track-item{transition:background-color var(--transition-fast)}@media (hover:none){.favorite-btn{opacity:1;background-color:#00000073}.hover-play-btn{opacity:1}.track-item:hover,[data-theme=dark] .track-item:hover{background-color:#0000}}@media (width<=768px){.discover-section{--expanded-w:260px;--carousel-gap:14px;--thumb-w:116px;--thumb-h:168px;margin-top:20px}.discover-header{margin-bottom:14px}h2.feature-font{font-size:1.6rem}.carousel-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:20px}.carousel-item-wrapper{scroll-snap-align:center}.thumbnail-image-container{border-width:3px;border-radius:70px}.playlist-thumbnail{gap:10px}.playlist-thumbnail .title{text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.playlist-expanded{--panel-pad:16px;border-radius:var(--border-radius-md)}.expanded-header{gap:12px;margin-bottom:16px}.expanded-cover{width:48px;height:48px}.favorite-btn{width:40px;height:40px;top:10px;right:10px}.play-playlist-btn{width:44px;height:44px}.nav-btn{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}.track-item{padding:14px 0}.track-name{-webkit-line-clamp:3;line-clamp:3}}@media (width<=400px){.discover-section{--expanded-w:224px;--thumb-w:104px;--thumb-h:150px}.thumbnail-image-container{border-radius:60px}}@media (width<=768px){.favorite-btn{width:44px;height:44px}.play-playlist-btn{flex:none;width:44px;height:44px}.expanded-header>div{min-width:0}.expanded-header h3,.expanded-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (height<=560px) and (width>=640px){.discover-section{--thumb-w:88px;--thumb-h:124px;--expanded-w:240px;--carousel-gap:12px;margin-top:8px}.discover-header{margin-bottom:8px}h2.feature-font{font-size:1.4rem}.thumbnail-image-container{border-width:3px;border-radius:52px}.playlist-thumbnail .title{font-size:.78rem}.carousel-container{padding-bottom:12px}}.track-item{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border-top:none;border-left:none;border-right:none}.favorite-icon{justify-content:center;align-items:center;display:inline-flex}.discover-loading{color:var(--text-secondary);padding:12px 0}.nav-btn:disabled{opacity:.3;cursor:default}@media (width<=768px){.carousel-item-wrapper{flex-direction:column;align-items:center}.playlist-expanded{margin-left:0;margin-top:var(--carousel-gap)}.expanded-wrapper{width:var(--expanded-w)}.carousel-container{align-items:flex-start}.playlist-expanded{--track-list-max-h:40vh}}.playlist-thumbnail:focus-visible{outline:2px solid var(--player-accent);outline-offset:4px;border-radius:14px}.carousel-container--skeleton{overflow:hidden}.skeleton-thumb{width:var(--thumb-w);height:var(--thumb-h);border-radius:100px}.skeleton-title-slot{justify-content:center;align-items:flex-start;width:100%;min-height:2.8em;font-size:1.05rem;line-height:1.4;display:flex}@media (width<=768px){.skeleton-thumb{border-radius:70px}.skeleton-title-slot{font-size:.85rem}}@media (width<=400px){.skeleton-thumb{border-radius:60px}}@media (height<=560px) and (width>=640px){.skeleton-thumb{border-radius:52px}.skeleton-title-slot{font-size:.78rem}}.track-item--skeleton{cursor:default;pointer-events:none}.track-item--skeleton:hover{background-color:#0000}.track-list-empty{color:var(--text-secondary);margin:0;padding:12px 0;font-size:.85rem}.discover-tools{align-items:center;gap:16px;min-width:0;display:flex}.discover-search{align-items:center;min-width:0;display:flex;position:relative}.discover-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:12px}.discover-search-input{border:1px solid var(--glass-border);background:var(--glass-bg);width:260px;max-width:100%;height:44px;color:var(--text-main);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:22px;outline:none;padding:0 38px;font-size:.9rem}.discover-search-input::placeholder{color:var(--text-secondary)}.discover-search-input:focus-visible{border-color:var(--player-accent);box-shadow:0 0 0 3px #e872162e}.discover-search-input::-webkit-search-cancel-button{display:none}.discover-search-clear{background:var(--text-secondary);width:22px;height:22px;color:var(--app-bg);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;right:10px}.discover-filters{scrollbar-width:none;align-items:center;gap:8px;margin-bottom:20px;margin-left:-16px;margin-right:-16px;padding:4px 16px;display:flex;overflow-x:auto}.discover-filters::-webkit-scrollbar{display:none}.genre-chip{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-family:var(--font-ui);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast);border-radius:999px;flex:none;padding:7px 14px;font-size:.84rem;font-weight:500}.genre-chip:hover{color:var(--text-main)}.genre-chip.active{background:var(--text-main);border-color:var(--text-main);color:var(--app-bg)}.discover-empty{color:var(--text-secondary);margin:0;padding:32px 0 48px;font-size:.95rem}@media (width<=768px){.discover-header{flex-wrap:wrap;gap:12px}.discover-tools{order:3;gap:12px;width:100%}.discover-nav{display:none}.discover-search{flex:1}.discover-search-input{width:100%}.discover-filters{margin-bottom:14px;margin-left:-12px;margin-right:-12px;padding:4px 12px}}@media (hover:hover){.carousel-container.can-pan{cursor:grab}}.carousel-container.dragging{scroll-snap-type:none}.carousel-container.dragging,.carousel-container.dragging *{cursor:grabbing;-webkit-user-select:none;user-select:none}.carousel-container img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.playlist-thumbnail.expanded .thumbnail-image-container{box-shadow:0 20px 36px #00000047}.playlist-thumbnail.expanded .thumbnail-image-container:after{background:linear-gradient(#00000024 0%,#00000008 45%,#0003 100%)}.playlist-thumbnail.expanded .title{color:var(--text-main);font-weight:700}.thumbnail-image-container:after{transition:background var(--transition-normal)}.genre-chip--fav{align-items:center;gap:6px;display:inline-flex}.genre-chip--fav.active{color:#fff;background:#ff3b3b;border-color:#ff3b3b}.genre-chip--fav:not(.active) svg{color:#ff3b3b}.genre-chip--fav{margin-right:8px;position:relative}.genre-chip--fav:after{content:"";background:var(--glass-border);width:1px;height:18px;position:absolute;top:50%;right:-8px;transform:translateY(-50%)}.track-pause-hint{color:var(--text-main);justify-content:center;align-items:center;display:none}@media (hover:hover){.track-item.active:hover .playing-bars{display:none}.track-item.active:hover .track-pause-hint{display:inline-flex}}.app-menu{--app-menu-pad:var(--toolbar-pad);--app-menu-bar-h:var(--toolbar-bar-h);--app-menu-collapsed-h:calc(var(--app-menu-bar-h) + 2 * var(--app-menu-pad));z-index:200;background:var(--toolbar-card);border-radius:var(--toolbar-radius);width:100%;max-width:420px;padding:var(--app-menu-pad);box-shadow:var(--card-shadow);transition:box-shadow var(--transition-normal);position:absolute;top:16px;right:0;overflow:hidden}.app-menu.open{box-shadow:var(--card-shadow-open)}.app-menu-bar{background:var(--surface-dark);border-radius:var(--toolbar-bar-radius);padding:var(--app-menu-pad) 14px;color:var(--surface-dark-fg);justify-content:space-between;align-items:center;gap:16px;display:flex}.app-menu-toggle{color:inherit;font:inherit;cursor:pointer;background:0 0;align-items:center;gap:10px;min-height:40px;padding:0 4px;font-size:1rem;font-weight:500;display:inline-flex}.app-menu-bar-right{align-items:center;gap:12px;display:flex}.app-menu-focus,.app-menu-theme{width:38px;height:38px;color:var(--surface-dark-fg);cursor:pointer;background:0 0;border:1px solid #ffffff52;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.app-menu-focus:disabled{opacity:.35;cursor:default}.app-menu-clock{font-family:var(--font-data);font-variant-numeric:tabular-nums;color:var(--surface-dark-muted);text-align:right;font-variant-numeric:tabular-nums;min-width:48px;font-size:1.05rem}.app-menu-panel{overflow:hidden}.app-menu-panel-inner{padding:26px 14px 12px}.app-menu-heading{color:var(--text-secondary);margin:0 0 10px;font-size:.9rem}.app-menu-links{flex-direction:column;gap:6px;margin:0 0 22px;padding:0;list-style:none;display:flex}.app-menu-links a{color:var(--text-main);letter-spacing:-.01em;transition:opacity var(--transition-fast);padding:2px 0;font-size:1.5rem;text-decoration:none;display:inline-block}.app-menu-links--small a{font-size:1.05rem;font-weight:500}.app-menu-links a:hover{opacity:.55}.app-menu-rule{border:0;border-top:1px solid var(--glass-border);margin:0 0 22px}[data-theme=light] .app-menu-rule,:root .app-menu-rule{border-top-color:#0000001f}[data-theme=dark] .app-menu-rule{border-top-color:#ffffff1f}.app-menu-socials{align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.app-menu-socials a{width:40px;height:40px;color:var(--text-main);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}@media (width<=768px){.app-menu-toggle{min-height:36px;font-size:.95rem}.app-menu-focus,.app-menu-theme{width:34px;height:34px}.app-menu-focus:after,.app-menu-theme:after{content:"";position:absolute;inset:-5px}.app-menu-focus,.app-menu-theme{position:relative}.app-menu-clock{font-size:.9rem}.app-menu{border-radius:24px;max-width:100%}.app-menu-links a{font-size:1.35rem}.app-menu-panel-inner{padding:20px 10px 8px}}.focus-canvas{z-index:var(--focus-z);background:var(--app-bg);height:100dvh;color:var(--text-main);padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));-webkit-user-select:none;user-select:none;isolation:isolate;--focus-btn:52px;--focus-btn-sm:44px;--focus-btn-lg:60px;--focus-drift-x-dur:613s;--focus-drift-y-dur:397s;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:clip}.focus-canvas[data-field=shader]{--focus-art-opacity:.95;--focus-wash:#f8f9fa6b}[data-theme=dark] .focus-canvas[data-field=shader]{--focus-art-opacity:.92;--focus-wash:#11111170}.focus-canvas[data-field=shader] .focus-stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(62% 58% at 50% 48%, var(--app-bg) 0%, var(--app-bg) 38%, transparent 74%);opacity:.82;position:absolute;inset:-14% -10%}@media (prefers-reduced-motion:no-preference){.focus-canvas[data-field=shader] .focus-stage:before{animation:focus-pulse 1.1s var(--ease-standard)}}@keyframes focus-pulse{0%{box-shadow:0 0 #ff453ab3}70%{box-shadow:0 0 0 8px #ff453a00}to{box-shadow:0 0 #ff453a00}}.focus-canvas[data-pulse$=\:held][data-field=shader] .focus-stage:before{opacity:.9}.focus-art-layer{z-index:0;opacity:var(--focus-art-opacity);pointer-events:none;position:absolute;inset:0;overflow:hidden}.focus-art{object-fit:cover;width:134%;height:134%;filter:blur(var(--focus-art-blur)) saturate(1.35) brightness(.92);position:absolute;inset:-17%}.focus-scrim{z-index:0;background:var(--focus-wash);pointer-events:none;position:absolute;inset:0}.focus-shader,.focus-shader-mount{position:absolute;inset:0}.focus-shader{animation:focus-field-in .62s var(--ease-standard) both}@keyframes focus-field-in{0%{opacity:0}to{opacity:1}}.focus-art-drift,.focus-art-sway{position:absolute;inset:0;translate:0}@media (prefers-reduced-motion:no-preference){.focus-canvas:not([data-drift=off]) .focus-art-drift{animation:focus-drift-x var(--focus-drift-x-dur) ease-in-out infinite}.focus-canvas:not([data-drift=off]) .focus-art-sway{animation:focus-drift-y var(--focus-drift-y-dur) ease-in-out infinite}}@keyframes focus-drift-x{0%{translate:0}26%{translate:2.9%}40%{translate:1.1%}71%{translate:-2.4%}77%{translate:-3%}to{translate:0}}@keyframes focus-drift-y{0%{translate:0}22%{translate:0 -1.9%}58%{translate:0 .7%}74%{translate:0 2%}to{translate:0}}.focus-top,.focus-stage,.focus-chrome{z-index:1;position:relative}.focus-top{min-height:52px;transition:opacity var(--dur-normal) var(--ease-standard);justify-content:space-between;align-items:center;gap:12px;display:flex}.focus-chip{background:var(--dock-hover);min-height:40px;color:var(--dock-muted);font-family:var(--font-data);transition:color var(--transition-fast), background-color var(--transition-fast);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:.75rem;display:inline-flex;position:relative}.focus-chip[aria-pressed=true],.focus-chip-value{color:var(--text-main)}.focus-style-chip{gap:8px}@media (prefers-reduced-motion:reduce){.focus-drift-chip,.focus-style-chip{display:none}}.focus-len{display:flex;position:relative}.focus-len-btn{width:auto;min-width:var(--focus-btn);font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.02em;padding:0 12px;font-size:.82rem}.focus-len-menu{z-index:2;border-radius:var(--border-radius-md);background:var(--surface-dark);width:max-content;min-width:216px;max-width:min(280px,100vw - 32px);color:var(--surface-dark-fg);flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%;box-shadow:0 18px 40px #00000073}.focus-len-row{grid-template-columns:1fr auto auto;align-items:center;gap:10px;display:grid}.focus-len-name{font-size:.85rem;font-weight:500}.focus-len-unit{font-family:var(--font-data);color:var(--surface-dark-muted);font-size:.7rem}.focus-stepper{background:#ffffff14;border-radius:999px;align-items:center;gap:2px;padding:3px;display:flex}.focus-stepper button{width:28px;height:28px;color:var(--surface-dark-fg);transition:background-color var(--transition-fast), opacity var(--transition-fast);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.focus-stepper button:hover{background:#ffffff24}.focus-stepper button:disabled{opacity:.32;pointer-events:none}.focus-stepper input{width:3.2ch;color:var(--surface-dark-fg);font-family:var(--font-data);font-variant-numeric:tabular-nums;text-align:center;appearance:textfield;background:0 0;border:none;font-size:.95rem}.focus-stepper input::-webkit-outer-spin-button{appearance:none;margin:0}.focus-stepper input::-webkit-inner-spin-button{appearance:none;margin:0}.focus-stepper input:focus-visible{outline:2px solid var(--player-accent);outline-offset:2px;border-radius:6px}.focus-len-note{color:var(--surface-dark-muted);margin:0;font-size:.72rem;line-height:1.35}@media (width<=400px){.focus-len-menu{width:calc(100vw - 24px);min-width:0}}.focus-exit{margin-left:auto}.focus-stage{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:0;padding:0 24px;display:flex}.focus-mark{width:var(--focus-mark);height:var(--focus-mark);background:#80808024;border-radius:50%;flex:none;overflow:hidden}.focus-mark img{object-fit:cover;width:100%;height:100%;display:block}.focus-clock-wrap{aspect-ratio:1;place-items:center;padding-inline:clamp(20px,3vw,40px);display:grid;position:relative}.focus-clock{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.045em;color:var(--text-main);font-size:clamp(3rem,min(13vw,19vh),9.5rem);font-weight:500;line-height:.92}.focus-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.focus-ring circle{fill:none;stroke-width:2.5px;vector-effect:non-scaling-stroke;stroke-linecap:round}.focus-ring-track{stroke:var(--dock-rail);stroke-width:1.5px}.focus-ring-arc{stroke:var(--text-main);transition:stroke-dashoffset 1s linear, stroke var(--transition-normal)}.focus-ring[data-phase=break] .focus-ring-arc,.focus-ring[data-phase=longBreak] .focus-ring-arc{stroke:var(--dock-muted);stroke-width:1.5px}.focus-ring[data-paused] .focus-ring-arc{stroke:var(--dock-muted)}.focus-ident{justify-items:center;gap:6px;min-width:0;max-width:42ch;display:grid}.focus-title{-webkit-line-clamp:2;line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;max-width:22ch;margin:0;font-size:clamp(1.05rem,2.4vw,1.6rem);font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.focus-meta,.focus-phase{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:.14em;text-transform:uppercase;color:var(--dock-muted);align-items:center;gap:10px;margin:0;font-size:.6875rem;display:inline-flex}.focus-phase{color:var(--text-main);margin-top:4px}.focus-meta-tail:before{content:"·";opacity:.5;margin-right:10px}.focus-status{flex:none;align-items:center;gap:8px;display:inline-flex}.focus-dot{background:#78787c;border-radius:50%;flex:none;width:8px;height:8px}.focus-status[data-status=live]{color:var(--text-main)}.focus-status[data-status=live] .focus-dot{background:var(--status-live)}.focus-status[data-status=loading] .focus-dot{background:var(--status-live);opacity:.6}.focus-status[data-status=error]{color:var(--text-main)}.focus-status[data-status=error] .focus-dot{background:var(--status-error)}.focus-status[data-status=live]:not([data-paused]) .focus-dot{animation:1.8s ease-out infinite focus-pulse}@media (prefers-reduced-motion:reduce){.focus-status .focus-dot{animation:none}}.focus-chrome{height:var(--focus-chrome-h);border-radius:calc(var(--focus-chrome-h) / 2);background:var(--surface-dark);color:var(--surface-dark-fg);box-shadow:var(--card-shadow-open);transition:opacity var(--dur-normal) var(--ease-standard);justify-self:center;align-items:center;gap:6px;margin-bottom:12px;padding:0 14px;display:flex}.focus-canvas[data-idle] .focus-chrome:not(:focus-within),.focus-canvas[data-idle] .focus-top:not(:focus-within){opacity:0;pointer-events:none}.focus-canvas[data-idle]{cursor:none}.focus-btn{width:var(--focus-btn);height:var(--focus-btn);color:var(--surface-dark-muted);transition:color var(--transition-fast), background-color var(--transition-fast);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.focus-btn:hover{color:var(--surface-dark-fg);background:#ffffff14}.focus-btn:disabled{opacity:.32;pointer-events:none}.focus-exit{width:var(--focus-btn-sm);height:var(--focus-btn-sm);color:var(--dock-muted);background:var(--dock-hover)}.focus-exit:hover{color:var(--text-main);background:var(--dock-rule)}.focus-play{width:var(--focus-btn-lg);height:var(--focus-btn-lg);background:var(--player-btn-bg);color:var(--player-btn-fg)}.focus-play:hover{color:var(--player-btn-fg);background:#fff}.focus-timer{width:auto;min-width:var(--focus-btn);font-family:var(--font-data);font-variant-numeric:tabular-nums;border-radius:26px;gap:8px;padding:0 16px;font-size:.8125rem}.focus-stop{width:var(--focus-btn-sm);height:var(--focus-btn-sm)}.focus-timer>svg,.focus-timer-num{flex:none}.focus-sep{background:#ffffff24;flex:none;width:1px;height:26px;margin:0 6px}.focus-volume{appearance:none;cursor:pointer;background:0 0;flex:none;width:140px;height:24px;margin-left:4px}.focus-volume::-webkit-slider-runnable-track{background:#ffffff3d;border-radius:2px;height:4px}.focus-volume::-moz-range-track{background:#ffffff3d;border-radius:2px;height:4px}.focus-volume::-webkit-slider-thumb{appearance:none;background:var(--surface-dark-fg);border-radius:50%;width:12px;height:12px;margin-top:-4px}.focus-volume::-moz-range-thumb{background:var(--surface-dark-fg);border:0;border-radius:50%;width:12px;height:12px}@media (pointer:coarse){.focus-volume{height:44px}.focus-volume::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px}.focus-volume::-moz-range-thumb{width:16px;height:16px}}.focus-canvas button:focus-visible,.focus-canvas input:focus-visible{outline:2px solid var(--player-accent);outline-offset:3px;box-shadow:0 0 0 5px #00000073}.focus-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.focus-canvas{--focus-chrome-h:64px;--focus-mark:56px;--focus-btn:48px;--focus-btn-sm:44px;--focus-btn-lg:56px}.focus-clock{font-size:clamp(3rem,min(19vw,17vh),6rem)}.focus-stage{gap:16px}.focus-chrome{justify-content:space-around;width:calc(100% - 8px);padding:0 8px}.focus-volume,.focus-sep{display:none}.focus-chip>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-chip{padding:0 12px}.focus-style-chip>.focus-chip-value{clip-path:none;width:auto;height:auto;margin:0;position:static}}@media (width<=400px){.focus-clock{font-size:clamp(2.5rem,min(20vw,16vh),4.5rem)}.focus-mark,.focus-meta-tail{display:none}.focus-canvas{--focus-btn:44px;--focus-btn-lg:52px}.focus-timer{padding:0 12px}}@media (height<=560px) and (width>=640px){.focus-canvas{--focus-chrome-h:56px;--focus-btn:44px;--focus-btn-sm:40px;--focus-btn-lg:48px}.focus-top{min-height:40px}.focus-stage{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-content:center;align-items:center;gap:36px;padding:0 32px;display:grid}.focus-clock{font-size:clamp(2.5rem,min(20vh,11vw),5rem)}.focus-clock-wrap{padding-inline:22px}.focus-mark{display:none}.focus-ident{text-align:left;justify-items:start}.focus-chrome{margin-bottom:4px}.focus-volume{width:100px}}@media (hover:none){.focus-btn:hover{color:var(--surface-dark-muted);background:0 0}.focus-play:hover{background:var(--player-btn-bg);color:var(--player-btn-fg)}.focus-exit:hover{color:var(--dock-muted);background:var(--dock-hover)}.focus-chip:hover{color:var(--dock-muted)}.focus-chip[aria-pressed=true]:hover{color:var(--text-main)}}.mode-switch{z-index:150;padding:var(--toolbar-pad);border-radius:var(--toolbar-radius);background:var(--toolbar-card);box-shadow:var(--card-shadow);position:absolute;top:16px;left:0}.mode-switch-bar{height:var(--toolbar-bar-h);padding:var(--mode-switch-bar-pad,6px);border-radius:var(--toolbar-bar-radius);background:var(--surface-dark);align-items:center;gap:4px;display:flex}.mode-switch-btn{height:calc(var(--toolbar-bar-h) - 2 * var(--mode-switch-bar-pad,6px));color:var(--surface-dark-muted);white-space:nowrap;transition:color var(--transition-fast);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:.85rem;font-weight:500;display:flex;position:relative}@media (hover:hover){.mode-switch-btn:hover{color:var(--surface-dark-fg)}}.mode-switch-btn.active{color:var(--player-btn-fg)}.mode-switch-indicator{background:var(--player-btn-bg);z-index:0;border-radius:999px;position:absolute;inset:0}.mode-switch-btn>svg,.mode-switch-btn>span:not(.mode-switch-indicator){z-index:1;position:relative}@media (width<=768px){.mode-switch{z-index:150;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding:0 0 env(safe-area-inset-bottom,0px);background:var(--toolbar-card);box-shadow:0 -1px 0 var(--dock-rule);border-radius:0;position:fixed;inset:auto 0 0}.mode-switch-bar{height:var(--tabbar-h);background:0 0;border-radius:0;gap:0;width:100%;padding:6px 8px}.mode-switch-btn{border-radius:var(--border-radius-md);height:100%;color:var(--dock-muted);letter-spacing:.01em;flex-direction:column;flex:1;justify-content:center;gap:3px;padding:0;font-size:.68rem;font-weight:500}.mode-switch-btn>svg{width:21px;height:21px}.mode-switch-btn.active{color:var(--text-main)}@media (hover:hover){.mode-switch-btn:hover{color:var(--text-main)}}.mode-switch-indicator{background:var(--dock-hover);border-radius:var(--border-radius-md)}}.info-overlay{z-index:var(--info-z);padding:max(20px, env(safe-area-inset-top,0px)) max(20px, env(safe-area-inset-right,0px)) max(20px, env(safe-area-inset-bottom,0px)) max(20px, env(safe-area-inset-left,0px));background:var(--info-scrim);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}:root{--info-scrim:#1d1d1f52}[data-theme=dark]{--info-scrim:#0000008c}.info-sheet{--info-pad:34px;background:var(--toolbar-card);border-radius:var(--border-radius-lg);width:min(680px,100%);max-height:100%;box-shadow:var(--card-shadow-open);flex-direction:column;display:flex;position:relative;overflow:hidden}.info-head{padding:var(--info-pad) var(--info-pad) 18px;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.info-head h2{letter-spacing:-.02em;color:var(--text-main);margin:0;font-size:1.75rem;font-weight:600}.info-close{width:38px;height:38px;color:var(--text-main);background:var(--dock-hover);transition:background var(--transition-fast);border-radius:50%;flex:none;place-items:center;display:grid}.info-close:after{content:"";position:absolute;inset:-4px}@media (hover:hover){.info-close:hover{background:var(--dock-rail)}}.info-body{--track-scroll-thumb:#0000002e;--track-scroll-thumb-hover:#00000057;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding:0 var(--info-pad) var(--info-pad);scrollbar-width:thin;scrollbar-color:var(--track-scroll-thumb) transparent;overflow-y:auto}[data-theme=dark] .info-body{--track-scroll-thumb:#fff3;--track-scroll-thumb-hover:#ffffff61}@supports not (scrollbar-color:red transparent){.info-body::-webkit-scrollbar{width:6px}.info-body::-webkit-scrollbar-track{background:0 0}.info-body::-webkit-scrollbar-thumb{background:var(--track-scroll-thumb);border-radius:4px}.info-body::-webkit-scrollbar-thumb:hover{background:var(--track-scroll-thumb-hover)}}.info-body p,.info-body li{color:var(--dock-muted);margin:0 0 14px;font-size:.95rem;line-height:1.68}.info-body .info-lead{color:var(--text-main);margin-bottom:26px;font-size:1.05rem;line-height:1.6}.info-body h3{letter-spacing:-.01em;color:var(--text-main);margin:30px 0 12px;font-size:1.05rem;font-weight:600}.info-body strong{color:var(--text-main);font-weight:600}.info-body code{font-family:var(--font-data);background:var(--dock-hover);color:var(--text-main);border-radius:5px;padding:1px 5px;font-size:.86em}.info-list{margin:0 0 14px;padding-left:20px}.info-list li{margin-bottom:10px}.info-list li:last-child{margin-bottom:0}.info-body a{color:var(--text-main);text-decoration:underline;-webkit-text-decoration-color:var(--dock-rail);text-decoration-color:var(--dock-rail);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast)}@media (hover:hover){.info-body a:hover{-webkit-text-decoration-color:var(--player-accent);text-decoration-color:var(--player-accent)}}.info-body a:focus-visible{outline:2px solid var(--player-accent);outline-offset:2px;border-radius:3px}@media (width<=768px){.info-overlay{padding:max(12px, env(safe-area-inset-top,0px)) max(12px, env(safe-area-inset-right,0px)) max(12px, env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))}.info-sheet{--info-pad:22px;border-radius:var(--border-radius-md)}.info-head{padding:var(--info-pad) var(--info-pad) 14px}.info-head h2{font-size:1.4rem}.info-close{width:44px;height:44px}.info-body p,.info-body li{font-size:.92rem}.info-body .info-lead{font-size:1rem}}:root{--app-bg:#f8f9fa;--text-main:#1d1d1f;--text-secondary:#86868b;--surface-dark:#2e2e31;--surface-dark-fg:#f5f5f7;--surface-dark-muted:#a8a8ac;--player-accent:#e87216;--player-btn-bg:#e3e3e8;--player-btn-fg:#1c1c1e;--status-live:#ff453a;--status-error:#ff8a8a;--dock-muted:#5f5f66;--dock-rule:#0000001f;--dock-hover:#0000000d;--dock-rail:#0000002e;--glass-bg:#ffffffb3;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #1f268712;--toolbar-pad:10px;--toolbar-bar-h:60px;--toolbar-bar-radius:calc(var(--toolbar-bar-h) / 2);--toolbar-radius:calc(var(--toolbar-bar-radius) + var(--toolbar-pad));--toolbar-card:#efede8;--card-shadow:0 10px 30px #00000014;--card-shadow-open:0 24px 60px #0000002e;--dock-bar-h:var(--toolbar-bar-h);--dock-pad:var(--toolbar-pad);--dock-inset:24px;--dock-h:calc(var(--dock-bar-h) + 2 * var(--dock-pad));--tabbar-h:0px;--border-radius-lg:32px;--border-radius-md:16px;--border-radius-sm:8px;--dur-fast:.2s;--dur-normal:.3s;--dur-press:90ms;--dur-release:.35s;--ease-standard:cubic-bezier(.25, .46, .45, .94);--ease-press:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--transition-fast:var(--dur-fast) var(--ease-standard);--transition-normal:var(--dur-normal) ease-out;--transition-press:var(--dur-press) var(--ease-press);--transition-release:var(--dur-release) var(--ease-spring);--font-ui:"Poppins", -apple-system, sans-serif;--font-data:"Poppins", -apple-system, sans-serif;--focus-z:400;--info-z:300;--focus-wash:#f8f9fad6;--focus-art-opacity:.55;--focus-art-blur:72px;--focus-chrome-h:72px;--focus-mark:64px}[data-theme=dark]{--toolbar-card:#1a1a1c;--card-shadow:0 0 0 1px #ffffff0f;--card-shadow-open:0 0 0 1px #ffffff14, 0 24px 60px #0000008c;--dock-muted:#9a9aa0;--dock-rule:#ffffff1f;--dock-hover:#ffffff12;--dock-rail:#ffffff38;--app-bg:#111;--text-main:#f5f5f7;--text-secondary:#86868b;--glass-bg:#1e1e1eb3;--glass-border:#ffffff0d;--glass-shadow:0 8px 32px 0 #0000004d;--focus-wash:#111c;--focus-art-opacity:.45}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ui);background-color:var(--app-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);margin:0;padding:0}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600}h2.feature-font{font-family:var(--font-ui);letter-spacing:-.02em;font-size:2.5rem;font-weight:600}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:4px}.mode-loading{text-align:center;color:var(--text-secondary);font-size:.85rem;font-family:var(--font-data);font-variant-numeric:tabular-nums;margin-top:48px}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.icon-swap{justify-content:center;align-items:center;display:inline-flex}button:focus-visible{outline:2px solid var(--player-accent);outline-offset:3px}html:fullscreen{background:var(--app-bg)}html:fullscreen::backdrop{background:var(--app-bg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-container{padding-bottom:calc(var(--dock-h) + var(--dock-inset) + 20px + env(safe-area-inset-bottom,0px))}.page-shell{max-width:1200px;margin:0 auto;padding:0 24px}.app-container:has(.page-shell--map){height:100dvh;padding-bottom:0;overflow:hidden}.page-toolbar{min-height:96px;margin-bottom:20px;position:relative}.theme-toggle{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main);min-height:44px;transition:transform var(--transition-release), background-color var(--transition-fast);border-radius:20px;padding:10px 18px}.theme-toggle:active{transition-duration:var(--dur-press);transform:scale(.94)}@media (width<=768px){:root{--dock-bar-h:56px;--dock-pad:8px;--toolbar-bar-h:48px;--toolbar-pad:6px;--tabbar-h:62px;--dock-inset:calc(var(--tabbar-h) + 8px)}.page-shell{padding:0 12px}.page-toolbar{min-height:calc(16px + var(--toolbar-bar-h) + 2 * var(--toolbar-pad));margin-bottom:12px}}@media (width<=400px){:root{--dock-bar-h:52px;--dock-pad:7px;--tabbar-h:58px;--dock-inset:calc(var(--tabbar-h) + 8px)}}@media (height<=560px) and (width>=640px){:root{--dock-bar-h:48px;--dock-pad:7px;--tabbar-h:0px;--dock-inset:8px}.page-toolbar{margin-bottom:8px}}