:root{--bg: #0d0d0d;--bg2: #141414;--bg3: #1a1a1a;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .12);--accent: #ff6b55;--accent-hover: #ff8168;--accent-soft: rgba(255, 107, 85, .08);--accent-border: rgba(255, 107, 85, .22);--text: #f2ede9;--muted: #888;--muted2: #555;--green: #4ade80;--green-soft: rgba(74, 222, 128, .08);--green-border: rgba(74, 222, 128, .2);--spotify: #1db954;--spotify-hover: #1ed760;--red: #f87171;--red-soft: rgba(248, 113, 113, .08);--red-border: rgba(248, 113, 113, .2);--mono: "SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mono);font-size:.85em;background:#ffffff0f;padding:1px 5px;border-radius:4px;color:#ffffffb3}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:10px;font-size:14px;font-weight:600;border:1px solid var(--border-strong);background:var(--bg3);color:var(--text);transition:background .15s,border-color .15s,transform .05s}.btn:not(:disabled):hover{background:#222;border-color:#fff3}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:var(--accent);border-color:transparent;color:#1a0a06}.btn-primary:not(:disabled):hover{background:var(--accent-hover)}.btn-spotify{background:var(--spotify);border-color:transparent;color:#fff}.btn-spotify:not(:disabled):hover{background:var(--spotify-hover)}.btn-ghost{background:transparent;border-color:var(--border);color:var(--muted)}.btn-ghost:not(:disabled):hover{background:var(--bg2);color:var(--text)}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wizard{min-height:100%;display:flex;flex-direction:column}.wizard-topbar{max-width:760px;width:100%;margin:0 auto;padding:28px 24px 0;display:flex;align-items:center;gap:10px}.wizard-logo{font-size:15px;font-weight:700;letter-spacing:-.3px}.wizard-logo span{color:var(--accent)}.stepper{max-width:760px;width:100%;margin:0 auto;padding:28px 24px 8px;display:flex;align-items:flex-start}.step{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;min-width:0}.step:before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--border);z-index:0}.step:first-child:before{display:none}.step.done:before,.step.active:before{background:var(--green)}.step-dot{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--bg3);border:2px solid var(--border);color:var(--muted2);transition:all .2s;flex-shrink:0}.step.active .step-dot{background:var(--accent);border-color:var(--accent);color:#1a0a06;box-shadow:0 0 0 4px var(--accent-soft)}.step.done .step-dot{background:linear-gradient(160deg,#5ce88f,#34c26c);border-color:var(--green);color:#06210f}.step-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted2);text-align:center;white-space:nowrap}.step.active .step-label{color:var(--accent)}.step.done .step-label{color:var(--green)}.wizard-body{flex:1;max-width:760px;width:100%;margin:0 auto;padding:32px 24px 24px;animation:fadeIn .3s ease}.wizard-nav{max-width:760px;width:100%;margin:0 auto;padding:8px 24px 48px;display:flex;justify-content:space-between;gap:12px}.stage-head{margin-bottom:28px}.stage-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);font-weight:600;margin-bottom:10px}.stage-title{font-size:26px;font-weight:800;letter-spacing:-.4px;line-height:1.2;margin-bottom:10px;text-wrap:balance}.stage-subtitle{font-size:14.5px;color:var(--muted);line-height:1.55;max-width:56ch}.card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:24px}@media (max-width: 560px){.step-label{display:none}.stage-title{font-size:22px}}.notice{padding:14px 16px;border-radius:10px;font-size:13.5px;line-height:1.5;margin-bottom:20px}.notice code{font-size:12px}.notice-warn{background:var(--accent-soft);border:1px solid var(--accent-border);color:#ffffffb3}.notice-warn strong{color:var(--accent)}.notice-error{background:var(--red-soft);border:1px solid var(--red-border);color:var(--red)}.connect-box{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:40px 24px;text-align:center}.connect-btn{font-size:15px;padding:14px 28px}.connect-hint{margin-top:16px;font-size:13px;color:var(--muted2)}.connected-card{display:flex;align-items:center;gap:16px;background:var(--green-soft);border:1px solid var(--green-border);border-radius:14px;padding:20px 22px}.connected-avatar{width:46px;height:46px;border-radius:50%;background:var(--spotify);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.connected-info{flex:1;min-width:0}.connected-name{font-size:16px;font-weight:700;display:flex;align-items:center;gap:7px}.connected-check{color:var(--green);font-size:13px}.connected-email{font-size:13px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-warning{margin-top:14px;padding:10px 14px;border-radius:10px;background:var(--accent-soft);border:1px solid var(--accent-border);font-size:12.5px;line-height:1.5;color:#ffffff9e}.api-warning:before{content:"⚠ ";color:var(--accent)}.dropzone{border:2px dashed var(--border-strong);border-radius:16px;padding:54px 24px;text-align:center;background:var(--bg2);transition:border-color .15s,background .15s;cursor:pointer;-webkit-user-select:none;user-select:none}.dropzone:hover{border-color:var(--accent-border);background:var(--accent-soft)}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft)}.dropzone.busy{cursor:default}.dropzone-icon{font-size:40px;margin-bottom:14px;line-height:1}.dropzone-title{font-size:17px;font-weight:700;margin-bottom:6px}.dropzone-sub{font-size:13px;color:var(--muted)}.file-summary{display:flex;align-items:center;gap:16px;background:var(--green-soft);border:1px solid var(--green-border);border-radius:14px;padding:20px 22px}.file-summary-icon{width:44px;height:44px;border-radius:12px;background:var(--green);color:#06210f;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;flex-shrink:0}.file-summary-info{flex:1}.file-summary-title{font-size:16px;font-weight:700}.file-summary-stats{display:flex;gap:18px;font-size:13.5px;color:var(--muted);margin-top:3px}.file-summary-stats strong{color:var(--text);font-weight:700}.how-to{margin-top:28px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:4px 18px}.how-to summary{cursor:pointer;font-size:13.5px;font-weight:600;color:var(--muted);padding:14px 0;list-style:none}.how-to summary::-webkit-details-marker{display:none}.how-to summary:before{content:"＋ ";color:var(--accent)}.how-to[open] summary:before{content:"－ "}.how-to[open] summary{color:var(--text)}.how-to ol{padding:0 0 16px 20px;font-size:13.5px;color:var(--muted);line-height:1.7}.how-to li{margin-bottom:4px}.how-to strong{color:var(--text)}.pl-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.pl-selectall{background:none;border:none;color:var(--accent);font-size:13px;font-weight:600;padding:4px 0}.pl-selectall:hover{text-decoration:underline}.pl-count{font-size:13px;color:var(--muted)}.pl-list{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto;padding:2px;margin:0 -2px}.pl-item{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:12px;padding:13px 16px;border-radius:10px;background:var(--bg3);border:1px solid var(--border);cursor:pointer;transition:border-color .12s,background .12s}.pl-item:hover{border-color:var(--border-strong)}.pl-item.checked{background:var(--accent-soft);border-color:var(--accent-border)}.pl-item input{display:none}.pl-check{width:20px;height:20px;border-radius:6px;border:2px solid var(--muted2);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#1a0a06;transition:all .12s}.pl-item.checked .pl-check{background:var(--accent);border-color:var(--accent)}.pl-name{font-size:14.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pl-tracks{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.pl-summary{position:sticky;bottom:0;margin-top:18px;padding:16px 18px;background:var(--bg2);border:1px solid var(--border-strong);border-radius:12px}.pl-summary-main{font-size:15px;color:var(--muted)}.pl-summary-main strong{color:var(--text);font-weight:700;font-variant-numeric:tabular-nums}.pl-summary-note{margin-top:6px;font-size:12.5px;color:var(--accent)}.config-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:6px 22px;margin-bottom:22px}.config-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}.config-row:last-child{border-bottom:none}.config-row span strong{display:block;font-size:14.5px;font-weight:600}.config-row span small{display:block;font-size:12.5px;color:var(--muted);margin-top:3px}.config-row>input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);flex-shrink:0}.config-radio{flex-direction:column;align-items:stretch}.radio-group{display:flex;gap:10px;margin-top:12px}.radio-group label{flex:1;display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:10px;border:1px solid var(--border);background:var(--bg3);font-size:13.5px;cursor:pointer}.radio-group label.on{border-color:var(--accent-border);background:var(--accent-soft);color:var(--text)}.radio-group input{accent-color:var(--accent)}.start-btn{width:100%;padding:15px;font-size:15px}.progress-head{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:8px;font-variant-numeric:tabular-nums}.progress-bar{height:10px;border-radius:6px;background:var(--bg3);overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-hover));border-radius:6px;transition:width .3s ease}.stat-row{display:flex;gap:12px;margin:20px 0}.stat{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px;text-align:center}.stat-num{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1}.stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-top:6px}.stat-ok .stat-num{color:var(--green)}.stat-fail .stat-num{color:var(--red)}.log{background:#080808;border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-family:var(--mono);font-size:12px;line-height:1.7;height:260px;overflow-y:auto}.log-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-ok{color:#4ade80d9}.log-fail{color:var(--red)}.log-local{color:var(--accent)}.log-info{color:var(--muted)}.migration-actions{display:flex;justify-content:center;margin-top:22px}.migration-actions .btn{min-width:200px}.report-stats{display:flex;gap:12px;margin-bottom:32px}.report-stat{flex:1;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:22px 16px;text-align:center}.report-stat-num{font-size:32px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.report-stat-label{font-size:12px;color:var(--muted);margin-top:8px}.report-stat.ok{background:var(--green-soft);border-color:var(--green-border)}.report-stat.ok .report-stat-num{color:var(--green)}.report-stat.fail{background:var(--red-soft);border-color:var(--red-border)}.report-stat.fail .report-stat-num{color:var(--red)}.report-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;color:var(--muted);margin:0 0 14px}.report-fail-head{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.report-csv-btn{padding:7px 14px;font-size:12.5px}.report-playlists{display:flex;flex-direction:column;gap:14px}.report-pl-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:12px}.report-pl-name{font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-pl-count{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0}.report-pl-bar{height:6px;border-radius:4px;background:var(--bg3);overflow:hidden}.report-pl-fill{height:100%;background:var(--green);border-radius:4px}.report-failed{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden}.failed-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;background:var(--bg2);border-bottom:1px solid var(--border)}.failed-row:last-child{border-bottom:none}.failed-main{min-width:0}.failed-name{display:block;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failed-meta{display:block;font-size:12px;color:var(--muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failed-side{text-align:right;flex-shrink:0;max-width:45%}.failed-pl{display:block;font-size:12px;color:var(--muted2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.failed-tag{display:block;font-size:10.5px;color:var(--accent);margin-top:3px}.report-actions{display:flex;gap:12px;margin-top:36px;padding-top:24px;border-top:1px solid var(--border)}.report-actions .btn{flex:1;padding:14px}@media (max-width: 560px){.report-stat-num{font-size:26px}.failed-side{max-width:40%}}