@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #222639;--border: #2a2e42;--text: #e1e4ed;--text-dim: #8b8fa3;--accent: #7c5cfc;--accent-glow: #7c5cfc40;--green: #57f287;--yellow: #fee75c;--red: #ed4245;--blue: #5865f2}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.app{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:20px;flex-wrap:wrap;gap:12px}.header h1{font-size:1.5rem;font-weight:700}.subtitle{color:var(--text-dim);font-size:.85rem;margin-left:12px}.header-right{display:flex;gap:8px;flex-wrap:wrap}.btn{background:var(--surface2);color:var(--text);border:1px solid var(--border);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .15s}.btn:hover{background:var(--border)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:#6a4ae0}.btn-success{border-color:var(--green);color:var(--green)}.btn-success:hover{background:#57f28720}.btn-warning{border-color:var(--yellow);color:var(--yellow)}.btn-warning:hover{background:#fee75c20}.btn-danger{border-color:var(--red);color:var(--red)}.btn-danger:hover{background:#ed424520}.btn-stuck{background:linear-gradient(135deg,#ed4245,#ff6b6b);color:#fff;border:none;width:100%;padding:12px;font-size:.9rem;font-weight:600;border-radius:10px;margin-top:16px}.btn-stuck:hover{opacity:.9}.active-btn{background:var(--surface2);font-weight:600}.toast{position:fixed;top:20px;right:20px;background:var(--green);color:#000;padding:12px 20px;border-radius:8px;font-weight:600;z-index:100;animation:fadeIn .2s}.progress-section{margin-bottom:24px}.progress-bar-container{background:var(--surface);border-radius:12px;height:28px;overflow:hidden;border:1px solid var(--border)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--green));border-radius:12px;transition:width .5s ease;min-width:fit-content;display:flex;align-items:center;justify-content:center}.progress-text{font-size:.75rem;font-weight:700;color:#fff;padding:0 12px}.progress-stats{display:flex;gap:16px;margin-top:8px;font-size:.8rem;color:var(--text-dim)}.time-remaining{margin-left:auto}.skipped-count{color:var(--yellow)}.import-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.import-section code{background:var(--surface2);padding:2px 6px;border-radius:4px;font-size:.85rem}.import-section textarea{width:100%;margin-top:12px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:12px;font-family:JetBrains Mono,monospace;font-size:.85rem;resize:vertical}.import-actions{display:flex;gap:8px;margin-top:12px}.main{display:flex;gap:24px}.stepper{width:260px;flex-shrink:0;position:sticky;top:20px;align-self:flex-start}.step{display:flex;gap:12px;cursor:pointer;padding:8px;border-radius:8px;transition:background .15s}.step:hover{background:var(--surface)}.step.active{background:var(--surface2)}.step-indicator{display:flex;flex-direction:column;align-items:center;width:28px}.step-icon{font-size:1.1rem;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .15s}.step-icon:hover{transform:scale(1.2)}.step-line{width:2px;flex:1;min-height:20px;background:var(--border);margin:4px 0;transition:background .3s}.step-line.done{background:var(--green)}.step-content{flex:1;min-width:0}.step-title{font-size:.9rem;font-weight:500;white-space:nowrap}.step-time{font-size:.75rem;color:var(--text-dim)}.stepper-footer{padding:8px}.detail{flex:1;min-width:0}.detail-header{display:flex;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}.detail-header h2{font-size:1.4rem}.status-badge{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.status-badge.complete{background:#57f28720;color:var(--green)}.status-badge.in_progress{background:#fee75c20;color:var(--yellow)}.status-badge.not_started{background:#ed424520;color:var(--red)}.status-badge.skipped{background:#5865f220;color:var(--blue)}.detail-desc{color:var(--text-dim);margin-bottom:8px}.detail-time{color:var(--text-dim);font-size:.85rem;margin-bottom:16px}.status-actions{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.card h3{margin-bottom:12px;font-size:1.05rem}.card.highlighted{border-color:var(--red);box-shadow:0 0 20px #ed424530;animation:pulse 1s ease-in-out 3}.instructions{padding-left:20px}.instructions li{margin-bottom:8px;color:var(--text)}.docs-link{display:inline-block;margin-top:12px;color:var(--accent);text-decoration:none;font-size:.9rem}.docs-link:hover{text-decoration:underline}.failure{margin-bottom:16px}.failure:last-child{margin-bottom:0}.failure-problem{font-weight:600;margin-bottom:4px}.failure-fix{color:var(--text-dim);padding-left:24px}.skip-warning{background:#fee75c15;border:1px solid #fee75c40;border-radius:12px;padding:16px;color:var(--yellow);font-size:.9rem}@media(max-width:768px){.main{flex-direction:column}.stepper{width:100%;position:static}.header{flex-direction:column;align-items:flex-start}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 20px #ed424530}50%{box-shadow:0 0 30px #ed424560}}