*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-base) var(--ease-out),color var(--duration-base) var(--ease-out)}#root{height:100dvh}img,picture,video,canvas,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-user-select:none;user-select:none}input,select,textarea{font:inherit;color:inherit;background:var(--bg-secondary);border:1px solid var(--separator);border-radius:var(--radius-sm);padding:var(--space-3);outline:none;width:100%}input[type=checkbox],input[type=radio]{width:auto;height:auto;margin:0;padding:0;border:none;border-radius:0;background:transparent;accent-color:var(--accent)}input[type=range]{margin:0;padding:0;border:none}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-decoration:none}.app-shell{display:flex;flex-direction:column;height:100dvh;position:relative}.app-main{flex:1;min-height:0;position:relative;overflow:hidden}.tab-panel{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;opacity:1;transform:translateY(0) scale(1);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-slow) var(--spring),filter var(--duration-base) var(--ease-out)}.tab-panel[aria-hidden=true]{opacity:0;transform:translateY(14px) scale(.985);filter:blur(6px);pointer-events:none}.tab-panel__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:calc(var(--tabbar-height) + var(--nowplaying-height) + var(--safe-bottom) + var(--tabbar-float-offset) + var(--space-6));-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.tab-panel__body::-webkit-scrollbar{width:6px}.tab-panel__body::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}.tab-panel__body::-webkit-scrollbar-track{background:transparent}.page-header{padding:calc(var(--safe-top) + var(--space-4)) var(--space-5) var(--space-3);max-width:720px}.page-header__title{font-size:clamp(1.75rem,5vw,2.25rem);font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.1}.page-header__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-flex{display:flex;align-items:center}.u-gap-2{gap:var(--space-2)}.u-gap-3{gap:var(--space-3)}.u-gap-4{gap:var(--space-4)}.u-muted{color:var(--text-secondary)}.u-tiny{font-size:var(--text-xs)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root{--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.25rem;--text-3xl: 3rem;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--spring-fast: cubic-bezier(.32, .72, 0, 1);--spring: cubic-bezier(.34, 1.3, .4, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .16s;--duration-base: .28s;--duration-slow: .52s;--z-base: 1;--z-nav: 100;--z-bar: 200;--z-sheet: 300;--z-modal: 400;--z-toast: 500;--z-dynamic-island: 600;--tabbar-height: 68px;--tabbar-float-offset: 12px;--nowplaying-height: 82px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--radius-squircle: 24%;--glass-inset: rgba(255, 255, 255, .18);--glass-sheen: rgba(255, 255, 255, .22);--bar-shadow: 0 12px 40px rgba(0, 0, 0, .22);--bar-shadow-strong: 0 18px 60px rgba(0, 0, 0, .32);--player-c1: 10, 132, 255}:root,html[data-theme=light]{color-scheme:light;--bg-primary: #f2f2f7;--bg-secondary: #ffffff;--bg-tertiary: #e5e5ea;--glass-bg: rgba(255, 255, 255, .62);--glass-bg-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .55);--glass-shadow: rgba(60, 60, 80, .18);--glass-inset: rgba(255, 255, 255, .55);--glass-sheen: rgba(255, 255, 255, .4);--text-primary: #1c1c1e;--text-secondary: #6c6c70;--text-tertiary: #aeaeb2;--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .16);--accent-contrast: #ffffff;--green: #34c759;--red: #ff3b30;--orange: #ff9500;--yellow: #ffcc00;--purple: #af52de;--pink: #ff2d55;--teal: #30b0c7;--indigo: #5856d6;--red-rgb: 255, 59, 48;--green-rgb: 52, 199, 89;--orange-rgb: 255, 149, 0;--purple-rgb: 175, 82, 222;--indigo-rgb: 88, 86, 214;--teal-rgb: 48, 176, 199;--blue-rgb: 10, 132, 255;--separator: rgba(60, 60, 67, .14);--separator-opaque: #c6c6c8;--scrim: rgba(0, 0, 0, .4);--blur: saturate(180%) blur(24px)}html[data-theme=dark]{color-scheme:dark;--bg-primary: #0a0a0f;--bg-secondary: #1c1c1e;--bg-tertiary: #2c2c2e;--glass-bg: rgba(28, 28, 30, .55);--glass-bg-strong: rgba(24, 24, 28, .72);--glass-border: rgba(120, 120, 128, .32);--glass-shadow: rgba(0, 0, 0, .45);--glass-inset: rgba(255, 255, 255, .1);--glass-sheen: rgba(255, 255, 255, .12);--text-primary: #ffffff;--text-secondary: #a1a1a6;--text-tertiary: #636366;--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .22);--accent-contrast: #ffffff;--green: #30d158;--red: #ff453a;--orange: #ff9f0a;--yellow: #ffd60a;--purple: #bf5af2;--pink: #ff375f;--teal: #64d2ff;--indigo: #5e5ce6;--red-rgb: 255, 69, 58;--green-rgb: 48, 209, 88;--orange-rgb: 255, 159, 10;--purple-rgb: 191, 90, 242;--indigo-rgb: 94, 92, 230;--teal-rgb: 100, 210, 255;--blue-rgb: 10, 132, 255;--separator: rgba(84, 84, 88, .55);--separator-opaque: #38383a;--scrim: rgba(0, 0, 0, .6)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pop-in-center{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes eq-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes island-pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes toast-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes wave-bar{0%{height:20%}50%{height:100%}to{height:20%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glass-sheen{0%{transform:translate(-120%) skew(-15deg)}to{transform:translate(220%) skew(-15deg)}}.anim-fade-in{animation:fade-in var(--duration-base) var(--ease-out) both}.anim-pop-in{animation:pop-in var(--duration-base) var(--spring) both}.anim-sheet-up{animation:sheet-up var(--duration-slow) var(--spring) both}.anim-sheet-down{animation:sheet-down var(--duration-base) var(--ease-in-out) both}.eq-bars{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq-bars span{width:3px;border-radius:2px;background:var(--accent);transform-origin:bottom;animation:eq-bar .9s var(--ease-in-out) infinite}.eq-bars span:nth-child(1){animation-delay:0s}.eq-bars span:nth-child(2){animation-delay:.2s}.eq-bars span:nth-child(3){animation-delay:.35s}.eq-bars span:nth-child(4){animation-delay:.1s}.spinner{width:22px;height:22px;border:2.5px solid var(--separator);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-sm)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow),inset 0 1px 0 var(--glass-inset),inset 0 0 0 .5px #ffffff14;border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--glass-sheen),transparent);pointer-events:none}.glass:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);transform:translate(-120%) skew(-15deg);pointer-events:none}@media (hover: hover){.glass:hover:after{animation:glass-sheen .9s var(--ease-out)}}.glass--tint{background:linear-gradient(135deg,var(--accent-soft),var(--glass-bg))}.glass.playlist-card{border-width:.5px;padding:12px}.tab-bar{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + var(--tabbar-float-offset));transform:translate(-50%);z-index:var(--z-nav);width:min(92vw,440px);height:var(--tabbar-height);display:flex;align-items:stretch;gap:2px;padding:5px;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:var(--bar-shadow),inset 0 1px 0 var(--glass-inset);animation:bar-enter var(--duration-slow) var(--spring) both}@keyframes bar-enter{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.tab-bar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--text-secondary);font-size:var(--text-xs);font-weight:500;line-height:1.2;position:relative;border-radius:var(--radius-full);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.tab-bar__item--active{color:var(--accent)}.tab-bar__item>*{position:relative;z-index:1}.tab-bar__icon{width:24px;height:24px;transition:transform var(--duration-fast) var(--spring)}.tab-bar__item:active .tab-bar__icon{transform:scale(.82)}.tab-bar__item--active .tab-bar__icon{transform:translateY(-1px)}.tab-bar__indicator{position:absolute;inset:3px 6px;border-radius:var(--radius-full);background:var(--accent-soft);box-shadow:inset 0 0 0 .5px #ffffff29;animation:pop-in var(--duration-base) var(--spring) both}@media (min-width: 1024px){.tab-bar{left:16px;top:50%;bottom:auto;transform:translateY(-50%);width:76px;height:auto;flex-direction:column;gap:3px;padding:8px 5px;border-radius:var(--radius-xl);animation:rail-enter var(--duration-slow) var(--spring) both}@keyframes rail-enter{0%{opacity:0;transform:translateY(calc(-50% + 18px)) scale(.96)}to{opacity:1;transform:translateY(-50%) scale(1)}}.tab-bar__item{gap:4px;padding:10px 0}.tab-bar__indicator{inset:4px 3px}.tab-bar__icon{width:26px;height:26px}.app-main{margin-left:106px}}.now-playing-bar{position:fixed;left:12px;right:12px;bottom:calc(var(--tabbar-height) + var(--safe-bottom) + var(--tabbar-float-offset) + 6px);z-index:var(--z-bar);height:var(--nowplaying-height);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:6px;padding:8px 12px;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--bar-shadow),inset 0 1px 0 var(--glass-inset);cursor:pointer;animation:sheet-up var(--duration-base) var(--spring) both}.now-playing-bar__art{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-tertiary);box-shadow:0 2px 8px var(--glass-shadow);flex-shrink:0}.now-playing-bar__meta{flex:1;min-width:0;display:flex;flex-direction:column}.now-playing-bar__title{font-size:var(--text-sm);font-weight:600}.now-playing-bar__artist{font-size:var(--text-xs);color:var(--text-secondary)}.now-playing-bar__controls{display:flex;align-items:center;gap:var(--space-2)}.now-playing-bar__btn{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--text-primary);transition:transform var(--duration-fast) var(--spring),background var(--duration-fast)}.now-playing-bar__btn:active{transform:scale(.86);background:var(--accent-soft)}.now-playing-bar__close{width:32px;height:32px;color:var(--text-secondary);opacity:.9}.now-playing-bar__close:active{transform:scale(.86);background:var(--accent-soft);color:var(--text-primary)}.now-playing-bar__main{display:flex;align-items:center;gap:var(--space-3);flex:1;min-height:0}.now-playing-bar__timeline{display:flex;align-items:center;gap:10px}.now-playing-bar__time{font-size:10px;line-height:1;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.now-playing-bar__timeline .range{height:4px;flex:1}.now-playing-bar__timeline .range::-webkit-slider-thumb{width:14px;height:14px}@media (min-width: 1024px){.now-playing-bar{left:106px;right:0;max-width:880px;margin:0 auto;bottom:calc(var(--safe-bottom) + var(--space-4))}}.sheet-scrim{position:fixed;inset:0;z-index:var(--z-sheet);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in var(--duration-base) var(--ease-out) both}.player-sheet{position:fixed;inset:0;z-index:var(--z-sheet);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);box-shadow:0 -12px 48px var(--glass-shadow);display:flex;flex-direction:column;overflow:hidden;animation:sheet-up var(--duration-slow) var(--spring) both;touch-action:pan-y}.player-sheet__bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(120% 95% at 50% 0%,rgba(var(--player-c1),.4),rgba(var(--player-c1),.06) 58%,transparent 76%),linear-gradient(180deg,rgba(var(--player-c1),.2),transparent 50%);opacity:.9}.player-sheet__grabber{width:40px;height:5px;border-radius:3px;background:var(--separator-opaque);margin:var(--space-3) auto 0;flex-shrink:0;position:relative;z-index:1}.player-sheet__body{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;padding:calc(var(--safe-top) + var(--space-1)) var(--space-4) var(--space-6);-webkit-overflow-scrolling:touch}.player-sheet__header{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-bottom:var(--space-2)}.player-sheet__header .now-playing-bar__btn{width:44px;height:44px}.player-sheet__eyebrow{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.player-sheet__header-actions{display:flex;gap:var(--space-1)}.player-art{width:min(82vw,42vh,380px);aspect-ratio:1;border-radius:22px;object-fit:cover;margin:0 auto var(--space-4);box-shadow:0 28px 70px var(--glass-shadow),0 10px 30px var(--glass-shadow);will-change:transform}.player-art--spin{animation:float 6s var(--ease-in-out) infinite}.player-sheet__info{text-align:center;margin-bottom:var(--space-4)}.player-sheet__info h2{font-size:var(--text-xl);font-weight:700;line-height:1.2}.player-sheet__info p{color:var(--text-secondary);font-size:var(--text-md)}.player-sheet__progress,.player-sheet__controls{margin-bottom:var(--space-3)}.player-sheet__controls .now-playing-bar__btn{width:44px;height:44px}.player-sheet__volume{margin-bottom:var(--space-4)}.player-sheet__footer{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.player-sheet__footer-side{min-width:96px}.player-sheet__iconbtn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--text-primary);transition:transform var(--duration-fast) var(--spring),background var(--duration-fast)}.player-sheet__iconbtn:active{transform:scale(.86);background:var(--accent-soft)}.player-sheet__upnext{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);background:var(--glass-bg);border:1px solid var(--glass-border);transition:transform var(--duration-fast) var(--spring),background var(--duration-fast)}.player-sheet__upnext:active{transform:scale(.94);background:var(--accent-soft)}.player-sheet__tabs{display:flex;width:fit-content;margin:0 auto var(--space-3);padding:3px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border)}.player-sheet__tab{padding:6px 18px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);transition:color var(--duration-fast),background var(--duration-fast),box-shadow var(--duration-fast)}.player-sheet__tab.is-active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 1px 4px var(--glass-shadow)}.ios-list{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius-lg);border:1px solid var(--glass-border);overflow:hidden;box-shadow:0 4px 20px var(--glass-shadow)}.ios-list__header{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);padding:var(--space-4) var(--space-5) var(--space-2)}.ios-list__row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);min-height:56px;background:var(--glass-bg);transition:background var(--duration-fast);position:relative}.ios-list__row+.ios-list__row:before{content:"";position:absolute;top:0;left:var(--space-5);right:0;height:.5px;background:var(--separator)}.ios-list__row:active{background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;transition:transform var(--duration-fast) var(--spring),background var(--duration-fast),opacity var(--duration-fast)}.btn:active{transform:scale(.95)}.btn--primary{background:var(--accent);color:var(--accent-contrast);box-shadow:0 4px 16px var(--accent-soft)}.btn--primary:disabled{opacity:.4;cursor:not-allowed}.btn--secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);color:var(--text-primary)}.btn--danger{background:var(--red);color:#fff}.btn--ghost{background:transparent;color:var(--accent)}.btn--block{width:100%}.toggle{position:relative;width:51px;height:31px;border-radius:var(--radius-full);background:var(--separator-opaque);transition:background var(--duration-base) var(--ease-out);flex-shrink:0}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000040;transition:transform var(--duration-base) var(--spring)}.toggle--on{background:var(--green)}.toggle--on:after{transform:translate(20px)}.range{-webkit-appearance:none;appearance:none;width:100%;height:5px;border-radius:999px;background:var(--separator-opaque);outline:none;cursor:pointer}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:.5px solid var(--glass-border);box-shadow:0 2px 8px var(--glass-shadow);transition:transform var(--duration-fast) var(--spring)}.range::-webkit-slider-thumb:active{transform:scale(1.2)}.range--filled{background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--range-progress, 0%),var(--separator-opaque) var(--range-progress, 0%),var(--separator-opaque) 100%)}.range--vertical{writing-mode:vertical-lr;direction:rtl;width:4px;height:120px}.modal-scrim{position:fixed;inset:0;z-index:var(--z-modal);background:var(--scrim);animation:fade-in var(--duration-base) both}.modal-card{position:fixed;z-index:var(--z-modal);left:50%;top:50%;width:min(92vw,420px);max-height:80dvh;overflow-y:auto;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:0 24px 80px var(--glass-shadow);padding:var(--space-5);animation:pop-in-center var(--duration-base) var(--spring) both}.action-sheet{position:fixed;z-index:var(--z-sheet);left:50%;top:50%;width:min(92vw,420px);max-height:80dvh;overflow-y:auto;border-radius:var(--radius-xl);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:0 24px 80px var(--glass-shadow);animation:pop-in-center var(--duration-base) var(--spring) both}.action-sheet__btn{width:100%;padding:var(--space-4);text-align:center;font-size:var(--text-md);font-weight:500}.action-sheet__btn+.action-sheet__btn{border-top:.5px solid var(--separator)}.action-sheet__btn--destructive{color:var(--red);font-weight:600}.swipe-row{position:relative;overflow:hidden}.swipe-row__content{position:relative;z-index:1;background:var(--bg-secondary);transition:transform var(--duration-base) var(--ease-out)}.swipe-row__actions{position:absolute;top:0;bottom:0;right:0;display:flex;z-index:0}.swipe-row__action{width:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#fff;font-size:var(--text-xs);font-weight:600}.swipe-row__action--delete{background:var(--red)}.swipe-row__action--more{background:var(--secondary, #8e8e93)}.toast-stack{position:fixed;top:calc(var(--safe-top) + var(--space-4));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:min(92vw,360px);pointer-events:none}.toast{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-border);box-shadow:0 8px 32px var(--glass-shadow);font-size:var(--text-sm);animation:toast-in var(--duration-base) var(--spring) both;pointer-events:auto}.toast--success{border-left:3px solid var(--green)}.toast--error{border-left:3px solid var(--red)}.toast--info{border-left:3px solid var(--accent)}.dynamic-island{position:fixed;top:calc(var(--safe-top) + 6px);left:50%;transform:translate(-50%);z-index:var(--z-dynamic-island);display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-full);background:#000;color:#fff;font-size:var(--text-xs);min-width:110px;justify-content:center;box-shadow:0 4px 16px #0006;animation:pop-in var(--duration-base) var(--spring) both}.dynamic-island--playing .dynamic-island__dot{width:8px;height:8px;border-radius:50%;background:var(--pink);animation:island-pulse 1.2s ease-in-out infinite}@media (max-width: 767px){.dynamic-island{top:var(--space-1)}}.context-menu{position:fixed;z-index:var(--z-modal);min-width:200px;background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-radius:var(--radius-md);border:1px solid var(--glass-border);box-shadow:0 16px 48px var(--glass-shadow);padding:var(--space-2);animation:pop-in var(--duration-fast) var(--spring) both}.context-menu__item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm)}.context-menu__item:active{background:var(--accent-soft)}.context-menu__item--danger{color:var(--red)}.library-tabs{display:inline-flex;padding:3px;gap:2px;margin:0 var(--space-4) var(--space-3);background:var(--separator-opaque);border-radius:var(--radius-full);overflow-x:auto;max-width:100%;scrollbar-width:none}.library-tabs::-webkit-scrollbar{display:none}.library-tabs__tab{flex:1;min-width:max-content;padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap;transition:background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.library-tabs__tab--active{background:var(--glass-bg-strong);color:var(--text-primary);box-shadow:0 1px 4px var(--glass-shadow)}@media (hover: hover){.library-tabs__tab:not(.library-tabs__tab--active):hover{color:var(--text-primary)}}.explorer-toolbar{position:sticky;top:0;z-index:5;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid var(--glass-border)}.breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);overflow-x:auto;white-space:nowrap}.breadcrumb__crumb{color:var(--text-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.breadcrumb__crumb--current{color:var(--text-primary);font-weight:600}.file-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);min-height:56px;cursor:pointer;transition:background var(--duration-fast)}.file-row:active{background:var(--accent-soft)}.file-row--selected{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.file-row__icon{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;background:var(--glass-bg);color:var(--accent)}.file-row__meta{font-size:var(--text-xs);color:var(--text-secondary);display:flex;gap:var(--space-2)}@media (min-width: 1024px){.file-row__name{font-weight:500}}.converter-card{padding:var(--space-5)}.url-input-wrap{position:relative}.url-input{padding-right:var(--space-7)}.paste-btn{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);color:var(--accent);font-weight:600}.field-label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:6px}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--glass-bg);border:1px solid var(--glass-border);transition:all var(--duration-fast) var(--ease-out)}.chip--active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.progress-track{height:6px;border-radius:3px;background:var(--separator-opaque);overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--purple));transition:width .3s var(--ease-out)}.converter-jobs{display:grid;gap:10px;padding:4px 16px 0}.converter-job{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:14px;animation:converter-in .35s var(--ease-out)}@keyframes converter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.converter-job__head{display:flex;align-items:center;gap:10px}.converter-job__icon{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:rgba(var(--blue-rgb),.14);color:var(--accent)}.converter-job__body{flex:1;min-width:0}.converter-job__url{font-size:var(--text-sm);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.converter-job__meta{display:flex;align-items:center;gap:6px;margin-top:2px;font-size:var(--text-xs);color:var(--text-secondary)}.converter-job__badge{font-size:10px;font-weight:700;letter-spacing:.4px;padding:1px 6px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent)}.converter-job__progress{margin-top:10px}.converter-job__bar{height:6px;border-radius:3px;background:var(--separator-opaque);overflow:hidden;position:relative}.converter-job__fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--accent),var(--purple));transition:width .35s var(--ease-out)}.converter-job__bar--indeterminate .converter-job__fill{width:40%;animation:converter-slide 1.4s var(--ease-in-out) infinite}@keyframes converter-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.converter-job__foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.converter-job__stage{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}.converter-job__pct{font-size:var(--text-xs);font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.converter-job--failed .converter-job__icon{background:rgba(var(--red-rgb),.14);color:var(--danger)}.converter-job--failed .converter-job__fill{background:var(--separator-opaque)}.converter-job--failed .converter-job__stage{color:var(--danger)}.converter-job--failed .converter-job__pct{color:var(--text-secondary)}.settings-view{padding:0 var(--space-4) var(--space-8);display:grid;gap:var(--space-5)}.settings-section{display:grid;gap:var(--space-2)}.settings-section__header{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding:0 var(--space-5)}.settings-section__footer{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.45;padding:0 var(--space-5);text-align:center}.settings-list{background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px var(--glass-shadow)}.settings-row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:48px;padding:var(--space-2) var(--space-4);background:transparent;border:0;text-align:left;font:inherit;color:inherit;position:relative;cursor:pointer;transition:background var(--duration-fast)}.settings-row:hover,.settings-row:active{background:var(--accent-soft)}.settings-row+.settings-row:before{content:"";position:absolute;top:0;left:58px;right:0;height:.5px;background:var(--separator)}.settings-row--sub{padding-left:58px}.settings-row--sub:before{left:58px}.settings-row__icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;flex-shrink:0;box-shadow:inset 0 0 0 .5px #fff3}.settings-row__icon--blue{background:var(--accent)}.settings-row__icon--green{background:var(--green)}.settings-row__icon--orange{background:var(--orange)}.settings-row__icon--purple{background:var(--purple)}.settings-row__icon--red{background:var(--red)}.settings-row__icon--teal{background:var(--teal)}.settings-row__icon--indigo{background:var(--indigo)}.settings-row__main{flex:1;min-width:0;display:grid;gap:2px}.settings-row__label{font-size:var(--text-md);line-height:1.3}.settings-row__sub{font-size:var(--text-xs);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-row__value{font-size:var(--text-sm);color:var(--text-secondary);flex-shrink:0;white-space:nowrap}.settings-row__chevron{color:var(--text-tertiary);flex-shrink:0;display:grid;place-items:center}.settings-row__control{flex-shrink:0;display:flex;align-items:center;gap:var(--space-2)}.settings-action{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;background:var(--accent-soft);color:var(--accent);flex-shrink:0;transition:transform var(--duration-fast) var(--spring),opacity var(--duration-fast)}.settings-action:active{transform:scale(.94)}.settings-action:disabled{opacity:.5}.settings-action--danger{background:rgba(var(--red-rgb),.14);color:var(--red)}.settings-slider{flex:1;min-width:60px}.settings-row__progress{height:4px;border-radius:2px;background:var(--separator-opaque);overflow:hidden;margin-top:2px}.settings-row__progress-fill{height:100%;border-radius:2px;background:var(--accent)}.settings-app{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-4)}.settings-app__icon{width:64px;height:64px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);flex-shrink:0}.settings-app__name{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em}.settings-app__meta{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.settings-eq__body{padding:var(--space-4);display:grid;gap:var(--space-4)}.settings-eq__presets{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-eq__bands{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2)}.settings-eq__band{flex:1;min-width:0;display:grid;justify-items:center;gap:var(--space-1)}.settings-eq__footer{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-secondary)}.segmented-control{display:inline-flex;padding:2px;gap:2px;background:var(--separator-opaque);border-radius:var(--radius-full);flex-shrink:0}.segmented-control__segment{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);white-space:nowrap;transition:background var(--duration-fast),color var(--duration-fast),box-shadow var(--duration-fast)}.segmented-control__segment--active{background:var(--glass-bg-strong);color:var(--text-primary);box-shadow:0 1px 4px var(--glass-shadow)}.segmented-control__segment--icon{padding:5px;width:28px;justify-content:center}@media (hover: hover){.segmented-control__segment:not(.segmented-control__segment--active):hover{color:var(--text-primary)}}.squircle{border-radius:var(--radius-squircle)}.glass-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--text-primary);background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-inset);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);white-space:nowrap;transition:transform var(--duration-fast) var(--spring),background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.glass-action:active{transform:scale(.94)}.glass-action--primary{background:var(--accent);border-color:transparent;color:var(--accent-contrast);box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 40%,transparent),inset 0 1px #ffffff40}.glass-action--danger{color:var(--red)}.search-field{display:flex;align-items:center;gap:8px;height:40px;padding:0 14px;border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-inset);color:var(--text-secondary)}.search-field:focus-within{border-color:color-mix(in srgb,var(--accent) 50%,var(--glass-border))}.search-field input{flex:1;min-width:0;border:none;background:transparent;box-shadow:none;padding:0}.search-field__clear{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--separator-opaque);color:var(--text-secondary)}.empty-state{padding:56px 24px;text-align:center;color:var(--text-secondary)}.empty-state__icon{width:76px;height:76px;margin:0 auto var(--space-4);display:grid;place-items:center;border-radius:50%;color:var(--accent);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-inset)}.empty-state__title{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.empty-state__hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px;line-height:1.5}.empty-state__action{margin-top:var(--space-4)}@media (min-width: 768px) and (max-width: 1023px){.tab-panel__body{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.tab-panel__body{width:100%;max-width:880px;margin:0 auto;padding-left:var(--space-8);padding-right:var(--space-8);padding-bottom:calc(var(--nowplaying-height) + var(--space-6))}.page-header{padding-top:calc(var(--safe-top) + var(--space-7))}}@media (max-width: 375px){html{font-size:15px}.page-header__title{font-size:var(--text-2xl)}}@media (max-height: 480px) and (orientation: landscape){.tab-bar__item{font-size:0}.tab-bar__icon{width:24px;height:24px}}