:root{--color-accent: #1DB954;--color-accent-hover: #1ed760;--color-accent-dim: rgba(29, 185, 84, .15);--color-bg: #121212;--color-surface: #181818;--color-surface-2: #242424;--color-surface-3: #2f2f2f;--color-border: rgba(255, 255, 255, .1);--color-text: #FFFFFF;--color-text-muted: #B3B3B3;--color-text-faint: #6a6a6a;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px rgba(0,0,0,.6);--transition: .18s cubic-bezier(.16, 1, .3, 1);--content-default: 1000px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100dvh;font-family:Circular,DM Sans,ui-sans-serif,system-ui,sans-serif;font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.6}img,picture,svg{display:block;max-width:100%}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}a{color:inherit;text-decoration:none}h1,h2,h3,h4{line-height:1.2;text-wrap:balance}p{text-wrap:pretty}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.app-layout{display:flex;flex-direction:column;min-height:100dvh}.app-header{position:sticky;top:0;z-index:100;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4) 0}.app-header__inner{max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.app-header__logo{flex-shrink:0}.app-header__title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.app-header__nav{margin-left:auto}.app-header__nav-placeholder{font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.app-main{flex:1;padding-block:var(--space-10)}.app-main__inner{max-width:var(--content-default);margin-inline:auto;padding-inline:var(--space-6)}.app-footer{border-top:1px solid var(--color-border);padding:var(--space-6);text-align:center;color:var(--color-text-faint);font-size:var(--text-xs)}.account-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;transition:box-shadow var(--transition),border-color var(--transition);position:relative;min-height:260px}.account-card:hover{box-shadow:var(--shadow-md)}.account-card--connected{border-color:#1db95459}.account-card--error{border-color:#a12c7b4d}.account-card__tag{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--color-accent-dim);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.skeleton-avatar{width:64px;height:64px;border-radius:var(--radius-full);flex-shrink:0}.skeleton-text{height:.9em;border-radius:var(--radius-sm)}.account-card__skeleton-info{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.account-card__loading-msg{font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.account-card__avatar{width:64px;height:64px;flex-shrink:0}.account-card__avatar svg,.account-card__avatar-img{width:64px;height:64px;border-radius:var(--radius-full)}.account-card__avatar-img{object-fit:cover;border:2px solid var(--color-accent)}.account-card__title{font-size:var(--text-lg);font-weight:700}.account-card__description{font-size:var(--text-sm);color:var(--color-text-muted);max-width:26ch}.account-card__user-info{display:flex;flex-direction:column;gap:var(--space-1)}.account-card__display-name{font-size:var(--text-base);font-weight:700}.account-card__email{font-size:var(--text-xs);color:var(--color-text-muted)}.account-card__stats{width:100%;display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);text-align:left}.account-card__stat{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.account-card__stat-label{font-size:var(--text-xs);color:var(--color-text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.account-card__stat-value{font-size:var(--text-xs);color:var(--color-text-muted);text-align:right;word-break:break-all}.account-card__stat-value--mono{font-family:ui-monospace,Courier New,monospace;font-size:.7rem}.account-card__badges{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.account-card__badge{font-size:var(--text-xs);font-weight:700;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.account-card__badge--premium{background:var(--color-accent-dim);color:var(--color-accent)}.account-card__badge--free{background:#da710126;color:#da7101}.account-card__warning{font-size:var(--text-xs);color:#da7101;background:#da71011a;border:1px solid rgba(218,113,1,.25);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-width:28ch}.account-card__soft-error{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:#a12c7b1a;border:1px solid rgba(161,44,123,.2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--color-error)}.account-card__soft-error-retry{font-size:var(--text-xs);font-weight:700;color:var(--color-error);text-decoration:underline;cursor:pointer;background:none;border:none;flex-shrink:0}@keyframes bounce-dot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.account-card__refreshing{position:absolute;top:var(--space-4);left:var(--space-4);display:flex;gap:3px;align-items:center}.account-card__refresh-dot{width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-accent);animation:bounce-dot 1.2s ease-in-out infinite}.account-card__refresh-dot:nth-child(2){animation-delay:.15s}.account-card__refresh-dot:nth-child(3){animation-delay:.3s}.account-card__error-icon{font-size:2.5rem;line-height:1}.account-card__error-msg{font-size:var(--text-sm);color:var(--color-text-muted);max-width:28ch}.account-card__error-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center}.account-card__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.account-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;transition:background var(--transition),transform var(--transition),box-shadow var(--transition),border-color var(--transition);cursor:pointer;border:none}.account-card__btn:active{transform:scale(.97)}.account-card__btn--login{background:var(--color-accent);color:#000;margin-top:var(--space-2)}.account-card__btn--login:hover{background:var(--color-accent-hover);box-shadow:0 0 16px #1db95466}.account-card__btn--logout{background:transparent;border:1.5px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.account-card__btn--logout:hover{border-color:var(--color-error);color:var(--color-error)}.account-card__btn--retry{background:var(--color-surface-2);color:var(--color-text-muted);border:1.5px solid var(--color-border);font-size:var(--text-xs);padding:var(--space-2) var(--space-4)}.account-card__btn--retry:hover{border-color:var(--color-accent);color:var(--color-accent)}.account-card__dest-tip{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1);width:100%}.account-card__dest-tip-title{font-size:var(--text-xs);font-weight:700;color:var(--color-text)}.account-card__dest-tip-body{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.6}.account-card__btn--force{font-size:var(--text-xs);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);cursor:pointer;transition:color var(--transition-interactive),border-color var(--transition-interactive)}.account-card__btn--force:hover{color:var(--color-warning);border-color:var(--color-warning)}.account-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.same-warn{display:flex;align-items:flex-start;gap:var(--space-4);background:oklch(from var(--color-warning) l c h / .08);border:1.5px solid oklch(from var(--color-warning) l c h / .4);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);flex-wrap:wrap}.same-warn__icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.same-warn__body{flex:1;min-width:200px;display:flex;flex-direction:column;gap:var(--space-2)}.same-warn__title{font-size:var(--text-sm);font-weight:700;color:var(--color-warning)}.same-warn__detail{font-size:var(--text-sm);color:var(--color-text-muted)}.same-warn__detail code{font-family:Courier New,monospace;font-size:var(--text-xs);background:var(--color-surface-2);padding:1px 5px;border-radius:var(--radius-sm)}.same-warn__hint{font-size:var(--text-xs);color:var(--color-text-faint);line-height:1.6}.same-warn__btn{align-self:center;flex-shrink:0;font-size:var(--text-xs);font-weight:700;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--color-warning);color:var(--color-warning);background:transparent;cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition)}.same-warn__btn:hover{background:var(--color-warning);color:#fff}@media (max-width: 600px){.same-warn{flex-direction:column}.same-warn__btn{align-self:flex-start}}.status-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.status-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.status-panel__title{font-size:var(--text-lg);font-weight:700}.status-panel__badge{font-size:var(--text-xs);font-weight:700;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase}.status-panel__badge--idle{background:#ffffff14;color:var(--color-text-muted)}.status-panel__badge--active{background:var(--color-accent-dim);color:var(--color-accent);animation:pulse 1.5s ease-in-out infinite}.status-panel__badge--complete{background:#1db95433;color:#1db954}.status-panel__badge--error{background:#ff4f4f33;color:#ff4f4f}.status-panel__log{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);min-height:120px}.status-panel__log-empty{font-size:var(--text-sm);color:var(--color-text-faint);font-style:italic}.status-panel__log-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.status-panel__log-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.status-panel__log-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-text-faint);flex-shrink:0}.status-panel__log-item--info .status-panel__log-dot{background:var(--color-accent)}.status-panel__log-item--success{color:#1db954}.status-panel__log-item--success .status-panel__log-dot{background:#1db954}.status-panel__log-item--error{color:#ff4f4f}.status-panel__log-item--error .status-panel__log-dot{background:#ff4f4f}.status-panel__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.status-panel__btn{flex:1;min-width:120px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;transition:background var(--transition),transform var(--transition);opacity:.4;cursor:not-allowed}.status-panel__btn:not(:disabled){opacity:1;cursor:pointer}.status-panel__btn:not(:disabled):hover{transform:scale(1.05)}.status-panel__btn--backup{background:var(--color-accent);color:#000}.status-panel__btn--backup:not(:disabled):active{transform:scale(.98)}.status-panel__btn--restore{background:transparent;border:2px solid var(--color-accent);color:var(--color-accent)}.status-panel__btn--restore:not(:disabled):active{transform:scale(.98)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.liked-songs{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.liked-songs--collapsed{gap:var(--space-2)}.liked-songs__header{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.liked-songs__icon{font-size:1.2rem;flex-shrink:0}.liked-songs__title{font-size:var(--text-lg);font-weight:700;flex-shrink:0}.liked-songs__count-badge{background:#1db9541f;color:#1db954;font-size:var(--text-xs);font-weight:700;padding:2px var(--space-3);border-radius:var(--radius-full);flex-shrink:0}.liked-songs__loading-text{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.liked-songs__refresh-btn{font-size:var(--text-base);color:var(--color-text-faint);background:none;border:none;cursor:pointer;padding:var(--space-1);transition:color var(--transition),transform var(--transition)}.liked-songs__refresh-btn:hover{color:var(--color-accent);transform:rotate(45deg)}.liked-songs__btn{margin-left:auto;font-size:var(--text-xs);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;border:1.5px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);transition:border-color var(--transition),color var(--transition);white-space:nowrap}.liked-songs__btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.liked-songs__progress-bar{height:3px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.liked-songs__progress-fill{height:100%;background:#1db954;border-radius:var(--radius-full);transition:width .3s ease}.liked-songs__summary-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.liked-songs__cols-header{display:grid;grid-template-columns:32px 1fr 200px 56px;gap:var(--space-3);padding:0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.liked-songs__rows{list-style:none;display:flex;flex-direction:column;gap:1px;max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.liked-songs__rows::-webkit-scrollbar{width:4px}.liked-songs__rows::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.liked-row{display:grid;grid-template-columns:32px 1fr 200px 56px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition);cursor:default}.liked-row:hover{background:var(--color-surface-2)}.liked-row--skeleton{pointer-events:none}.liked-row__num{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums;text-align:right}.liked-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.liked-row__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liked-row__artist,.liked-row__album{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.liked-row__duration{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums;text-align:right}.liked-songs__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.liked-songs__empty{font-size:var(--text-sm);color:var(--color-text-muted);padding:var(--space-4) 0}.liked-songs__restore-note{font-size:var(--text-xs);color:var(--color-text-faint);padding-top:var(--space-3);border-top:1px solid var(--color-divider);line-height:1.6}.liked-songs__restore-note code{font-family:Courier New,monospace;font-size:.75rem;background:var(--color-surface-2);padding:1px 5px;border-radius:var(--radius-sm)}@media (max-width: 640px){.liked-songs__cols-header,.liked-row{grid-template-columns:28px 1fr 44px}.liked-songs__cols-header>span:nth-child(3),.liked-row__album{display:none}.liked-songs__btn{margin-left:0}}.track-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.track-list__header{display:flex;align-items:center;gap:var(--space-3)}.track-list__title{font-size:var(--text-base);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.track-list__count-badge{font-size:var(--text-xs);font-weight:700;background:var(--color-accent-dim);color:var(--color-accent);padding:2px var(--space-3);border-radius:var(--radius-full);flex-shrink:0;white-space:nowrap}.track-list__refresh-btn{margin-left:auto;font-size:var(--text-base);color:var(--color-text-faint);cursor:pointer;background:none;border:none;line-height:1;transition:color var(--transition),transform var(--transition);padding:var(--space-1);flex-shrink:0}.track-list__refresh-btn:hover{color:var(--color-accent);transform:rotate(45deg)}.track-list__progress-bar{height:3px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.track-list__progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .3s ease}.track-list__loading-text{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.track-list__cols-header{display:grid;grid-template-columns:32px 1fr 200px 56px;gap:var(--space-3);padding:0 var(--space-2);font-size:var(--text-xs);color:var(--color-text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.track-list__rows{list-style:none;display:flex;flex-direction:column;gap:1px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.track-list__rows::-webkit-scrollbar{width:4px}.track-list__rows::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.track-row{display:grid;grid-template-columns:32px 1fr 200px 56px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition)}.track-row:hover{background:var(--color-surface-2)}.track-row--local,.track-row--unavailable,.track-row--episode,.track-row--null{opacity:.6}.track-row--null{font-style:italic}.track-row__num{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums;text-align:right}.track-row__main{display:flex;flex-direction:column;gap:2px;min-width:0}.track-row__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-2)}.track-row__artist,.track-row__album{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-row__duration{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums;text-align:right}.track-badge{font-size:.6rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);white-space:nowrap;flex-shrink:0;letter-spacing:.03em}.track-badge--local{background:#5091dc26;color:#5591c7}.track-badge--unavail{background:#da710126;color:var(--color-orange)}.track-badge--episode{background:#7a39bb26;color:var(--color-purple)}.track-badge--null{background:#a12c7b26;color:var(--color-error)}.track-list__summary{display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.track-list__summary-item{font-size:var(--text-xs);color:var(--color-text-muted)}.track-list__summary-item--ok{color:#6daa45}.track-list__summary-item--local{color:#5591c7}.track-list__summary-item--episode{color:var(--color-purple)}.track-list__summary-item--warn{color:var(--color-orange)}.track-list__summary-item--null{color:var(--color-error)}.track-list__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.track-list__retry-btn{background:var(--color-surface-2);border:1.5px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.track-list__retry-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.track-list__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8);color:var(--color-text-muted);font-size:var(--text-sm)}.track-row--skeleton{pointer-events:none}@media (max-width: 640px){.track-list__cols-header,.track-row{grid-template-columns:28px 1fr 44px}.track-list__cols-header>span:nth-child(3),.track-row__album{display:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-surface-3) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:.85em}.playlist-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.playlist-list__header{display:flex;align-items:center;gap:var(--space-3)}.playlist-list__title{font-size:var(--text-lg);font-weight:700;flex-shrink:0}.playlist-list__count-badge{background:var(--color-accent-dim);color:var(--color-accent);font-size:var(--text-xs);font-weight:700;padding:2px var(--space-3);border-radius:var(--radius-full);flex-shrink:0}.playlist-list__status-text{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.playlist-list__refresh-btn{margin-left:auto;font-size:var(--text-base);color:var(--color-text-faint);cursor:pointer;background:none;border:none;line-height:1;transition:color var(--transition),transform var(--transition);padding:var(--space-1)}.playlist-list__refresh-btn:hover{color:var(--color-accent);transform:rotate(45deg)}.playlist-list__hint{font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.playlist-list__progress-bar{height:3px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.playlist-list__progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width .3s ease}.playlist-list__cols-header{display:grid;grid-template-columns:40px 1fr 80px 110px 24px;gap:var(--space-3);padding:0 var(--space-3);font-size:var(--text-xs);color:var(--color-text-faint);font-weight:600;text-transform:uppercase;letter-spacing:.06em}.playlist-list__rows{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.playlist-list__rows::-webkit-scrollbar{width:4px}.playlist-list__rows::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.playlist-row{display:grid;grid-template-columns:40px 1fr 80px 110px 24px;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;border:1.5px solid transparent;transition:background var(--transition),border-color var(--transition)}.playlist-row:hover{background:var(--color-surface-2)}.playlist-row--selected{background:var(--color-surface-2);border-color:var(--color-accent)}.playlist-row--skeleton{pointer-events:none;cursor:default}.playlist-row__cover-wrap{width:40px;height:40px;flex-shrink:0}.playlist-row__cover{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-surface-2)}.playlist-row__cover--placeholder{background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;font-size:1.1rem}.playlist-row__info{display:flex;flex-direction:column;gap:2px;min-width:0}.playlist-row__name{font-size:var(--text-sm);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-row__owner{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:var(--space-2)}.playlist-row__you-tag{font-size:.65rem;font-weight:700;background:var(--color-accent-dim);color:var(--color-accent);padding:1px var(--space-2);border-radius:var(--radius-full);flex-shrink:0}.playlist-row__tracks{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right}.playlist-row__badge{font-size:var(--text-xs);font-weight:600;padding:2px var(--space-3);border-radius:var(--radius-full);text-align:center;white-space:nowrap}.badge--public{background:#1db9541f;color:#1db954}.badge--private{background:#b3b3b31a;color:var(--color-text-muted)}.badge--collab{background:#5091dc26;color:#5591c7}.badge--unknown{background:var(--color-surface-2);color:var(--color-text-faint)}.playlist-row__arrow{font-size:.6rem;color:var(--color-text-faint);transition:color var(--transition)}.playlist-row--selected .playlist-row__arrow{color:var(--color-accent)}.playlist-list__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center}.playlist-list__error-msg{font-size:var(--text-sm);color:var(--color-text-muted);max-width:36ch}.playlist-list__retry-btn{background:var(--color-surface-2);border:1.5px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.playlist-list__retry-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.playlist-list__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-10);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.playlist-list__empty-sub{font-size:var(--text-xs);color:var(--color-text-faint)}@media (max-width: 600px){.playlist-list__cols-header,.playlist-row{grid-template-columns:40px 1fr 60px 24px}.playlist-list__cols-header>span:nth-child(4),.playlist-row__badge{display:none}}.backup-panel{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.backup-panel--working{border-color:var(--color-accent)}.backup-panel--done{border-color:#1db95466;background:oklch(from var(--color-surface) l c h)}.backup-panel--error{border-color:var(--color-error);text-align:center;align-items:center;color:var(--color-text-muted);font-size:var(--text-sm);gap:var(--space-3);padding:var(--space-8)}.backup-panel__info{display:flex;gap:var(--space-4);align-items:flex-start}.backup-panel__icon{font-size:1.8rem;flex-shrink:0;margin-top:2px}.backup-panel__text{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.backup-panel__title{font-size:var(--text-lg);font-weight:700}.backup-panel__desc{font-size:var(--text-sm);color:var(--color-text-muted);max-width:52ch}.backup-panel__preview{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.backup-panel__preview li{padding-left:0}.backup-panel__waiting{font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.backup-panel__btn{align-self:flex-start;background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);border:none;cursor:pointer;transition:background var(--transition),opacity var(--transition),transform var(--transition);white-space:nowrap}.backup-panel__btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.backup-panel__btn:disabled{opacity:.4;cursor:not-allowed}.backup-panel__btn--secondary{background:var(--color-surface-2);color:var(--color-text-muted);border:1.5px solid var(--color-border)}.backup-panel__btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-2);transform:none}.backup-panel__progress-header{display:flex;align-items:center;gap:var(--space-3)}.backup-panel__bar{height:6px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.backup-panel__bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#1DB954);border-radius:var(--radius-full);transition:width .4s ease}.backup-panel__detail{display:flex;flex-direction:column;gap:var(--space-1)}.backup-panel__detail-main{font-size:var(--text-sm);color:var(--color-text-muted)}.backup-panel__detail-sub{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.backup-panel__done-header{display:flex;align-items:center;gap:var(--space-3)}.backup-panel__done-stats{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-lg)}.backup-stat{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-sm)}.backup-stat__label{color:var(--color-text-muted);flex-shrink:0}.backup-stat__value{color:var(--color-text);font-weight:600;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.backup-stat__value--mono{font-family:Courier New,monospace;font-size:var(--text-xs);color:var(--color-accent)}.backup-panel__warnings{font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.backup-panel__warnings summary{cursor:pointer;font-weight:600;color:var(--color-orange);list-style:none}.backup-panel__warnings ul{list-style:disc;padding-left:var(--space-6);margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.backup-panel__done-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.backup-panel__retry{background:var(--color-surface-2);border:1.5px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:600;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition),color var(--transition)}.backup-panel__retry:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (max-width: 600px){.backup-panel__info{flex-direction:column}.backup-panel__btn{align-self:stretch;text-align:center}.backup-panel__done-actions{flex-direction:column}.backup-panel__done-actions .backup-panel__btn{align-self:stretch;text-align:center}}.library-picker{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.library-picker__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.library-picker__eyebrow{color:var(--color-accent);font-size:var(--text-xs);font-weight:800;letter-spacing:.12em}.library-picker__title{margin-top:var(--space-1);font-size:var(--text-xl);font-weight:800}.library-picker__summary,.library-picker__count{color:var(--color-accent);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.library-picker__status,.library-picker__errors{color:var(--color-text-muted);font-size:var(--text-sm)}.library-picker__errors{color:var(--color-orange);display:flex;flex-direction:column;gap:var(--space-1)}.library-picker__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.library-picker__featured,.library-picker__group{min-width:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.library-picker__featured{grid-column:1 / -1;border-left:3px solid var(--color-accent)}.library-picker__featured-toggle,.library-picker__group-header{min-height:58px;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.library-picker__featured-toggle{cursor:pointer}.library-picker__featured-toggle>span:not(.library-picker__icon),.library-picker__item-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.library-picker__featured-toggle small,.library-picker__item-copy small{color:var(--color-text-faint);font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-picker__featured-toggle b{color:var(--color-text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.library-picker__group-header{width:100%;cursor:pointer;list-style:none;border-bottom:1px solid transparent}.library-picker__group[open] .library-picker__group-header{border-bottom-color:var(--color-border)}.library-picker__group-header::-webkit-details-marker{display:none}.library-picker__group-header:after{content:"⌄";color:var(--color-text-faint);margin-left:auto}.library-picker__group:not([open]) .library-picker__group-header:after{content:"›"}.library-picker__icon{width:28px;color:var(--color-accent);font-size:1.15rem;text-align:center;flex-shrink:0}.library-picker__group-title{font-weight:700}.library-picker__group-body{padding:var(--space-3)}.library-picker__toolbar{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.library-picker__toolbar input{min-width:0;flex:1;padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);outline:none}.library-picker__toolbar input:focus{border-color:var(--color-accent)}.library-picker__toolbar button{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);white-space:nowrap}.library-picker__toolbar button:hover:not(:disabled){color:var(--color-accent);border-color:var(--color-accent)}.library-picker__toolbar button:disabled{opacity:.45;cursor:not-allowed}.library-picker__items{max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.library-picker__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer}.library-picker__item:hover{background:var(--color-surface-3)}.library-picker__empty{color:var(--color-text-faint);font-size:var(--text-xs);padding:var(--space-3);text-align:center}.library-picker input[type=checkbox]{accent-color:var(--color-accent);width:16px;height:16px;flex-shrink:0}@media (max-width: 720px){.library-picker__groups{grid-template-columns:1fr}.library-picker__featured{grid-column:auto}}@media (max-width: 480px){.library-picker{padding:var(--space-4)}.library-picker__toolbar{flex-wrap:wrap}.library-picker__toolbar input{flex-basis:100%}}.import-panel{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.import-panel--loading{align-items:center;justify-content:center;padding:var(--space-12);gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.import-panel--confirmed{border-color:#1db95466}.import-panel__header{display:flex;flex-direction:column;gap:var(--space-1)}.import-panel__icon{font-size:1.5rem}.import-panel__title{font-size:var(--text-lg);font-weight:700}.import-panel__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.import-drop{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;cursor:pointer;transition:border-color var(--transition),background var(--transition);outline:none}.import-drop:hover,.import-drop:focus-visible{border-color:var(--color-accent);background:var(--color-surface-2)}.import-drop--over{border-color:var(--color-accent);background:oklch(from var(--color-accent) l c h / .06)}.import-drop__emoji{font-size:2rem}.import-drop__main{font-size:var(--text-sm);color:var(--color-text);font-weight:500}.import-drop__main code{font-family:Courier New,monospace;font-size:var(--text-xs);color:var(--color-accent);background:var(--color-surface-2);padding:1px 5px;border-radius:var(--radius-sm)}.import-drop__sub{font-size:var(--text-sm);color:var(--color-text-muted)}.import-drop__hint{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-1)}.import-panel__spinner{font-size:1.5rem;animation:spin 1.2s linear infinite}.import-panel__errors{background:oklch(from var(--color-error) l c h / .08);border:1px solid oklch(from var(--color-error) l c h / .3);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.import-panel__error-heading{font-size:var(--text-sm);font-weight:700;color:var(--color-error)}.import-panel__errors ul{list-style:disc;padding-left:var(--space-6);display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.import-panel__error-hint{font-size:var(--text-xs);color:var(--color-text-faint)}.import-panel__error-hint code{font-family:Courier New,monospace;font-size:var(--text-xs);color:var(--color-accent)}.import-preview{display:flex;flex-direction:column;gap:var(--space-4)}.import-preview__valid-badge{font-size:var(--text-sm);font-weight:700;color:#1db954}.import-preview__rows{background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.import-preview__row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);font-size:var(--text-sm)}.import-preview__label{color:var(--color-text-muted);flex-shrink:0}.import-preview__value{color:var(--color-text);font-weight:500;text-align:right}.import-preview__divider{border:none;border-top:1px solid var(--color-divider);margin:0}.import-preview__counts{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}.import-count-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.import-count-card__icon{font-size:1.3rem}.import-count-card__value{font-size:var(--text-xl);font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums}.import-count-card__label{font-size:var(--text-xs);color:var(--color-text-muted)}.import-count-card__note{font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.import-preview__warnings{display:flex;flex-direction:column;gap:var(--space-1)}.import-preview__warning{font-size:var(--text-xs);color:var(--color-orange)}.import-preview__actions{display:flex;gap:var(--space-3);justify-content:flex-end;flex-wrap:wrap}.import-panel__btn{font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);cursor:pointer;border:none;transition:background var(--transition),transform var(--transition),color var(--transition);white-space:nowrap;background:var(--color-accent);color:#fff}.import-panel__btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.import-panel__btn--ghost{background:var(--color-surface-2);color:var(--color-text-muted);border:1.5px solid var(--color-border)}.import-panel__btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-2);transform:none}.import-confirmed{display:flex;align-items:center;gap:var(--space-4)}.import-confirmed__icon{font-size:1.8rem;flex-shrink:0}.import-confirmed__text{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.import-confirmed__sub{font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width: 600px){.import-preview__counts{grid-template-columns:repeat(2,1fr)}.import-preview__actions{flex-direction:column-reverse}.import-panel__btn{text-align:center}.import-confirmed{flex-direction:column;text-align:center}}.results-panel{display:flex;flex-direction:column;gap:2rem;padding:2rem;background:linear-gradient(135deg,#1e1e2e,#2d2d44);border:1px solid #3d3d5c;border-radius:12px;color:#e0e0e0}.results-panel__header{display:flex;gap:1rem;align-items:flex-start}.results-panel__icon{font-size:2rem;line-height:1}.results-panel__title{margin:0;font-size:1.5rem;font-weight:600;color:#1db954}.results-panel__timestamp{margin:.5rem 0 0;font-size:.9rem;color:#999}.results-panel__accounts{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:#0000004d;border-radius:8px;flex-wrap:wrap}.result-account{flex:1;min-width:200px}.result-account__label{display:block;font-size:.85rem;color:#999;margin-bottom:.25rem}.result-account__name{display:block;font-size:1rem;font-weight:600;color:#1db954;word-break:break-all}.result-account__arrow{font-size:1.5rem;color:#666;align-self:center}.results-panel__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.stat-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#1db9540d;border:1px solid rgba(29,185,84,.2);border-radius:8px}.stat-card__header{display:flex;align-items:center;gap:.75rem}.stat-card__icon{font-size:1.5rem}.stat-card__title{margin:0;font-size:1.1rem;font-weight:600}.stat-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-item{display:flex;flex-direction:column;padding:.75rem;border-radius:6px;background:#0003}.stat-item--success{border-left:3px solid #1db954}.stat-item--warn{border-left:3px solid #ffb700}.stat-item--error{border-left:3px solid #e22134}.stat-item--muted{border-left:3px solid #666}.stat-item__label{font-size:.8rem;color:#999;margin-bottom:.25rem}.stat-item__value{font-size:1.2rem;font-weight:700;color:#fff}.stat-card__footer{display:flex;align-items:center;gap:.75rem}.stat-card__bar{flex:1;height:8px;background:#0006;border-radius:4px;overflow:hidden}.stat-card__bar-fill{height:100%;background:linear-gradient(90deg,#1db954,#1ed760);border-radius:4px;transition:width .3s ease}.stat-card__rate{font-size:.9rem;font-weight:600;color:#1db954;min-width:60px;text-align:right}.results-panel__logs-section{border-top:1px solid #3d3d5c;padding-top:1.5rem}.results-panel__logs-toggle{display:flex;align-items:center;gap:.5rem;width:100%;padding:1rem;background:#0000004d;border:1px solid #3d3d5c;border-radius:6px;color:#e0e0e0;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.results-panel__logs-toggle:hover{background:#1db9541a;border-color:#1db9544d}.results-panel__logs{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto;padding:.5rem;background:#0006;border-radius:6px}.result-log-entry{display:flex;gap:.75rem;padding:.75rem;font-size:.9rem;font-family:Courier New,monospace;border-left:3px solid #666;border-radius:4px;background:#0003;color:#ccc}.result-log-entry--info{border-left-color:#09f;background:#0099ff0d}.result-log-entry--warn{border-left-color:#ffb700;background:#ffb7000d;color:#ffb700}.result-log-entry--error{border-left-color:#e22134;background:#e221340d;color:#ff6b6b}.result-log-entry__level{flex-shrink:0}.result-log-entry__step{flex-shrink:0;color:#1db954;font-weight:600}.result-log-entry__message{flex:1;word-break:break-word}.results-panel__actions{display:flex;gap:1rem;flex-wrap:wrap}.results-panel__btn{flex:1;min-width:150px;padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.results-panel__btn:active{transform:scale(.98)}.results-panel__btn--primary{background:#1db954;color:#000}.results-panel__btn--primary:hover{background:#1ed760}.results-panel__btn--secondary{background:#333;color:#fff;border:1px solid #555}.results-panel__btn--secondary:hover{background:#444}.results-panel__notes{padding:1rem;background:#ffb7000d;border:1px solid rgba(255,183,0,.2);border-radius:6px;color:#e0e0e0;font-size:.9rem;line-height:1.6}.results-panel__notes p{margin:0}.results-panel__notes strong{color:#ffb700}@media (max-width: 768px){.results-panel{padding:1.5rem;gap:1.5rem}.results-panel__summary{grid-template-columns:1fr}.results-panel__accounts{flex-direction:column;gap:1rem}.result-account__arrow{transform:rotate(90deg)}.stat-card__stats{grid-template-columns:1fr}}.restore-panel{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.restore-panel__header{display:flex;align-items:flex-start;gap:var(--space-3)}.restore-panel__icon{font-size:1.8rem;flex-shrink:0}.restore-panel__title{font-size:var(--text-lg);font-weight:700}.restore-panel__subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.restore-steps{display:flex;align-items:center;gap:0;padding:var(--space-4) 0;border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}.restore-steps__connector{flex:1;height:2px;background:var(--color-border)}.restore-step{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.restore-step__circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:800;flex-shrink:0;border:2px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-faint);transition:all var(--transition)}.restore-step__text{display:flex;flex-direction:column}.restore-step__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted)}.restore-step__note{font-size:var(--text-xs);color:var(--color-text-faint);font-style:italic}.restore-step--active .restore-step__circle{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.restore-step--active .restore-step__label{color:var(--color-accent)}.restore-step--done .restore-step__circle{background:#1db954;border-color:#1db954;color:#fff}.restore-step--done .restore-step__label{color:var(--color-text)}.restore-step--locked .restore-step__circle,.restore-step--locked .restore-step__label{opacity:.4}.restore-panel__step-body{display:flex;flex-direction:column;gap:var(--space-4)}.restore-summary{background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.restore-summary--done{border:1px solid rgba(29,185,84,.25)}.restore-summary__row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-text)}.restore-summary__row--muted{color:var(--color-text-muted)}.restore-summary__row--error{color:var(--color-error)}.restore-panel__limitations{font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.restore-panel__limitations-title{font-weight:700;margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--text-xs)}.restore-panel__limitations ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);line-height:1.5}.restore-panel__creating-label{font-size:var(--text-sm);color:var(--color-text-muted)}.restore-panel__bar{height:6px;background:var(--color-surface-2);border-radius:var(--radius-full);overflow:hidden}.restore-panel__bar-fill{height:100%;background:linear-gradient(90deg,var(--color-accent),#1DB954);border-radius:var(--radius-full);transition:width .4s ease}.restore-panel__bar-label{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums;text-align:right}.restore-panel__btn{align-self:flex-start;background:var(--color-accent);color:#fff;font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);border:none;cursor:pointer;transition:background var(--transition),transform var(--transition)}.restore-panel__btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.restore-panel__btn--secondary{background:var(--color-surface-2);color:var(--color-text-muted);border:1.5px solid var(--color-border)}.restore-panel__btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-surface-2);transform:none}.restore-panel__warnings{font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3)}.restore-panel__warnings summary{cursor:pointer;font-weight:600;color:var(--color-orange)}.restore-panel__warnings ul{list-style:disc;padding-left:var(--space-6);margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.restore-panel__done-note{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;padding:var(--space-3) var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-md)}.restore-panel__error{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}@media (max-width: 600px){.restore-steps{gap:0}.restore-step__text{display:none}.restore-panel__btn{align-self:stretch;text-align:center}}.restore-panel__step-heading{font-size:var(--text-base);font-weight:700;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.restore-panel__locked-badge{font-size:var(--text-xs);font-weight:500;color:var(--color-text-faint);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px var(--space-2)}.restore-panel__step-body--locked{opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.restore-panel__locked-note{font-size:var(--text-sm);color:var(--color-text-faint)}.restore-panel__progress-sub{font-size:var(--text-xs);color:var(--color-text-faint);font-variant-numeric:tabular-nums}.restore-panel__step-body{border-top:1px solid var(--color-divider);padding-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.developer-users-panel{margin-bottom:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.developer-users-panel__summary{padding:var(--space-4) var(--space-5);cursor:pointer;font-size:var(--text-sm);font-weight:800}.developer-users-panel__summary::marker{color:var(--color-accent)}.developer-users-panel__body{display:flex;flex-direction:column;gap:var(--space-4);padding:0 var(--space-5) var(--space-5)}.developer-users-panel__description{color:var(--color-text-muted);font-size:var(--text-sm)}.developer-users-panel__token-row,.developer-users-panel__form,.developer-users-panel__auth-form,.developer-users-panel__session-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2)}.developer-users-panel__auth-form,.developer-users-panel__session-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:var(--space-4);background:var(--color-surface-2);border-radius:var(--radius-md)}.developer-users-panel__auth-form h3,.developer-users-panel__session-form h3,.developer-users-panel__auth-form p,.developer-users-panel__session-form p{grid-column:1 / -1}.developer-users-panel__auth-form label,.developer-users-panel__session-form label,.developer-users-panel__form label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700}.developer-users-panel__auth-form label,.developer-users-panel__session-form label{align-self:center}.developer-users-panel__token-row input,.developer-users-panel__form input,.developer-users-panel__auth-form input,.developer-users-panel__session-form input,.developer-users-panel__session-form textarea{min-width:0;width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm)}.developer-users-panel__session-form textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs)}.developer-users-panel__token-row input:focus,.developer-users-panel__form input:focus,.developer-users-panel__auth-form input:focus,.developer-users-panel__session-form input:focus,.developer-users-panel__session-form textarea:focus{outline:2px solid var(--color-accent);outline-offset:1px}.developer-users-panel__token-row button,.developer-users-panel__form button,.developer-users-panel__auth-form button,.developer-users-panel__session-form button,.developer-users-panel__delete-button{padding:var(--space-2) var(--space-3);color:#000;background:var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:800;white-space:nowrap}.developer-users-panel__token-row button:hover,.developer-users-panel__form button:hover,.developer-users-panel__auth-form button:hover,.developer-users-panel__session-form button:hover,.developer-users-panel__delete-button:hover:not(:disabled){background:var(--color-accent-hover)}.developer-users-panel__token-row .developer-users-panel__clear-button{color:var(--color-text);background:var(--color-surface-3)}.developer-users-panel__admin-row,.developer-users-panel__button-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.developer-users-panel__admin-row{color:var(--color-text-muted);font-size:var(--text-xs)}.developer-users-panel__button-row{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}.developer-users-panel__secondary-button{color:var(--color-text)!important;background:var(--color-surface-3)!important}.developer-users-panel__secondary-button:hover{background:var(--color-border)!important}.developer-users-panel__hint{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.5}.developer-users-panel__status{font-size:var(--text-sm)}.developer-users-panel__status--success{color:var(--color-accent)}.developer-users-panel__status--error{color:#ff8b8b}.developer-users-panel__list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border)}.developer-users-panel__list-header h3{font-size:var(--text-sm)}.developer-users-panel__list-header span{min-width:1.5rem;padding:var(--space-1) var(--space-2);color:#000;background:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;text-align:center}.developer-users-panel__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.developer-users-panel__list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-md)}.developer-users-panel__list li>div{min-width:0;display:flex;flex-direction:column}.developer-users-panel__list strong,.developer-users-panel__list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.developer-users-panel__list strong{font-size:var(--text-sm)}.developer-users-panel__list span,.developer-users-panel__empty{color:var(--color-text-muted);font-size:var(--text-xs)}.developer-users-panel__delete-button{color:#fff;background:#dc3c3cbf}.developer-users-panel__delete-button:disabled{cursor:wait;opacity:.55}@media (max-width: 720px){.developer-users-panel__token-row,.developer-users-panel__form,.developer-users-panel__auth-form,.developer-users-panel__session-form{grid-template-columns:1fr 1fr}.developer-users-panel__token-row label,.developer-users-panel__form label,.developer-users-panel__auth-form label,.developer-users-panel__session-form label,.developer-users-panel__token-row input,.developer-users-panel__form input,.developer-users-panel__auth-form input,.developer-users-panel__session-form input,.developer-users-panel__session-form textarea{grid-column:1 / -1}}@media (max-width: 420px){.developer-users-panel__list li{align-items:flex-start;flex-direction:column}.developer-users-panel__delete-button{width:100%}}.hero{text-align:center;padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-10)}.hero__title{font-size:var(--text-2xl);font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 40%,#1db954);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:var(--space-4)}.hero__tagline{font-size:var(--text-base);color:var(--color-text-muted);max-width:55ch;margin-inline:auto;margin-bottom:var(--space-6)}.hero__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.badge{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-10)}.step{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5)}.step__number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent);color:#000;font-size:var(--text-sm);font-weight:800;border-radius:var(--radius-full);flex-shrink:0}.step__text{font-size:var(--text-sm);color:var(--color-text-muted);max-width:none}.step__arrow{color:var(--color-text-faint);font-size:var(--text-lg);font-weight:300}.accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:var(--space-6);margin-bottom:var(--space-6)}@media (max-width: 600px){.steps{flex-direction:column}.step__arrow{transform:rotate(90deg)}}.section-playlists,.section-liked,.section-backup,.section-library-selection,.section-import,.section-restore,.section-developer-users{margin-bottom:var(--space-6)}.callback-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);padding:var(--space-6)}.callback-page__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);max-width:420px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-lg)}.callback-page__card--error{border-color:#a12c7b4d}@keyframes spin{to{transform:rotate(360deg)}}.callback-page__spinner{width:48px;height:48px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-2)}.callback-page__icon{font-size:2.5rem;line-height:1}.callback-page__title{font-size:var(--text-xl);font-weight:800}.callback-page__desc{font-size:var(--text-sm);color:var(--color-text-muted);max-width:32ch;white-space:pre-line}.callback-page__helper{width:100%;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);text-align:left;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.callback-page__helper-title{font-size:var(--text-base);font-weight:800}.callback-page__helper-desc{color:var(--color-text-muted);font-size:var(--text-sm)}.callback-page__email-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700}.callback-page__email-row{display:flex;gap:var(--space-2)}.callback-page__email-input{min-width:0;flex:1;padding:var(--space-3);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-size:var(--text-sm)}.callback-page__email-input:focus{outline:2px solid var(--color-accent);outline-offset:1px}.callback-page__helper-btn,.callback-page__retry-btn{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;transition:background var(--transition),opacity var(--transition)}.callback-page__helper-btn{background:var(--color-surface-3)}.callback-page__helper-btn:hover:not(:disabled){background:var(--color-border)}.callback-page__helper-btn:disabled{cursor:not-allowed;opacity:.5}.callback-page__copy-status{color:var(--color-accent);font-size:var(--text-xs)}.callback-page__dashboard-link{color:var(--color-accent);font-size:var(--text-sm);font-weight:700;text-decoration:underline;text-underline-offset:3px}.callback-page__dashboard-link:hover{color:var(--color-accent-hover)}.callback-page__retry-btn{width:100%;color:#000;background:var(--color-accent)}.callback-page__retry-btn:hover{background:var(--color-accent-hover)}.callback-page__error-code{font-size:var(--text-xs);color:var(--color-text-muted);font-family:monospace;background:#0000001a;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);margin:var(--space-2) 0;word-break:break-all}.callback-page__btn{margin-top:var(--space-2);display:inline-block;background:var(--color-accent);color:#000;font-size:var(--text-sm);font-weight:700;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);transition:background var(--transition)}.callback-page__btn:hover{background:var(--color-accent-hover)}@media (max-width: 480px){.callback-page__email-row{flex-direction:column}.callback-page__helper-btn{width:100%}}