*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}:root{--bg:#0b111a;--glass-bg:#ffffff14;--glass-bg-hover:#ffffff1f;--glass-bg-menu:#ffffff1f;--glass-border:#ffffff1f;--glass-border-light:#ffffff38;--text:#fff;--muted:#8c9baf;--accent:#3b82f6;--green:#22c55e;--green-text:#4ade80;--yellow:#f59e0b;--red:#f87171;--red-text:#f87171;--r:16px;--r-sm:12px;--tap:48px;--shadow:0 8px 32px #0000004d}body{background:var(--bg);min-height:100dvh;color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}.app{max-width:960px;padding:16px max(16px, env(safe-area-inset-right)) 120px max(16px, env(safe-area-inset-left));min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.aurora-bg{z-index:0;pointer-events:none;background-color:var(--bg);filter:blur(60px);background-image:radial-gradient(circle at 20% 80%,#60a5fa4d 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf640 0,#0000 50%),radial-gradient(circle at 50% 40%,#22c55e26 0,#0000 50%),radial-gradient(circle at 70% 70%,#3b82f633 0,#0000 50%);background-size:150% 150%;animation:25s ease-in-out infinite aurora-drift;position:fixed;inset:0}@keyframes aurora-drift{0%{background-position:0 0;background-size:100% 100%}25%{background-position:20% 80%;background-size:170% 130%}50%{background-position:80% 20%;background-size:130% 160%}75%{background-position:40% 60%;background-size:180% 120%}to{background-position:0 0;background-size:100% 100%}}.orb{display:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--r);box-shadow:inset 0 1px 0 #ffffff14, var(--shadow)}.hero-tile{box-shadow:inset 0 1px 0 #ffffff26, var(--shadow);z-index:1;background:linear-gradient(#ffffff1f 0%,#ffffff0a 100%);justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px;animation:.5s ease-out 50ms backwards card-appear;display:flex;position:relative}.hero-title h1{letter-spacing:-.5px;margin-bottom:2px;font-size:28px;font-weight:800}.hero-title p{color:var(--muted);font-size:14px}.status-ring{background:#3b82f61a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:64px;height:64px;transition:background .4s,box-shadow .4s;display:flex;position:relative;box-shadow:0 0 20px #3b82f633}.status-ring.active{background:#22c55e1a;box-shadow:0 0 20px #22c55e33}.status-ring svg{width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(-90deg)}.status-ring circle.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:4px}.status-ring circle.ring-fill{fill:none;stroke:#60a5fa;stroke-width:4px;stroke-dasharray:100 100;stroke-linecap:round;transition:stroke-dashoffset .8s ease-out,stroke .4s}.status-ring.active circle.ring-fill{stroke:var(--green)}.status-ring .ring-count{font-size:20px;font-weight:700;line-height:1;transition:transform .3s}.status-ring .ring-label{color:var(--muted);margin-top:1px;font-size:10px}.page{z-index:1;flex-direction:column;gap:14px;display:none;position:relative}.page.active{display:flex}.section-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.section-title{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:600}.section-count{border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-flex}.section-count-green{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.section-count-yellow{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.section-count-muted{color:var(--muted);border:1px solid var(--glass-border);background:#94a3b81a}.grid{grid-template-columns:1fr;gap:14px;display:grid}.grid-discovery{grid-template-columns:1fr;gap:12px;display:grid}.card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--r);box-shadow:inset 0 1px 0 #ffffff1a, var(--shadow);background:linear-gradient(#ffffff17 0%,#ffffff0a 100%);flex-direction:column;gap:12px;min-width:0;padding:20px;display:flex;position:relative;overflow:hidden}.card.dimmed{opacity:.55}.card.stopped,.card.failed{opacity:.6}.unified-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--r);box-shadow:inset 0 1px 0 #ffffff1a, var(--shadow);background:linear-gradient(#ffffff17 0%,#ffffff0a 100%);flex-direction:column;gap:12px;padding:20px;transition:border-color .4s,box-shadow .4s;display:flex;position:relative;overflow:hidden}.unified-card--pending{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 20px #f59e0b1f, var(--shadow);border-color:#f59e0b59}.unified-card--running{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 20px #22c55e1f, var(--shadow);border-color:#22c55e59}.unified-card--unhealthy{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 16px #f8717114, var(--shadow);border-color:#f8717140}.card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.card-title{letter-spacing:-.2px;word-break:break-word;font-size:18px;font-weight:700}.card-meta{color:var(--muted);margin-top:2px;font-size:13px}.card-path{border-radius:var(--r-sm);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#0000004d;border:1px solid #ffffff0a;padding:8px 12px;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:12px;display:block;overflow:hidden}.unified-card-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.unified-card-actions--end{justify-content:flex-end}.actions{flex-wrap:wrap;gap:6px;display:flex}.btn{appearance:none;border:1px solid var(--glass-border);border-radius:var(--r-sm);min-height:var(--tap);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);color:var(--text);font:inherit;cursor:pointer;justify-content:center;align-items:center;padding:0 16px;font-size:15px;font-weight:600;transition:all .15s;display:flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(#3b82f638,#3b82f61f);border-color:#60a5fa59}.btn-danger{color:#fecaca;background:#7f1d1d40;border-color:#f871714d}.btn-ghost{background:#ffffff0a}.btn-sm{white-space:nowrap;border-radius:10px;align-items:center;gap:4px;min-height:36px;padding:0 10px;font-size:13px;display:inline-flex}.btn-full{width:100%}.btn-launch{min-height:var(--tap);border-color:#3b82f666;flex:1;font-size:16px;font-weight:600;box-shadow:0 0 12px #3b82f640,0 0 4px #3b82f626}.btn-menu{min-width:var(--tap);min-height:var(--tap);letter-spacing:3px;color:var(--muted);justify-content:center;align-items:center;padding:0;font-size:1.2rem;display:flex}.open-btn{border-radius:var(--r-sm);color:#bbf7d0;cursor:pointer;background:linear-gradient(#22c55e38 0%,#16a34a24 100%);border:1px solid #22c55e66;justify-content:center;align-items:center;width:100%;min-height:52px;padding:12px 16px;font-size:16px;font-weight:700;text-decoration:none;animation:2.5s ease-in-out infinite pulse-green;display:flex}.open-btn:hover{background:linear-gradient(#22c55e4d,#16a34a33);border-color:#22c55e8c}.open-hint{color:var(--muted);text-align:center;margin-top:4px;font-size:11px}@keyframes pulse-green{0%,to{box-shadow:0 4px 20px #22c55e4d,0 0 8px #22c55e26}50%{box-shadow:0 6px 35px #22c55e80,0 0 12px #22c55e4d}}.pill{border:1px solid var(--glass-border);white-space:nowrap;background:#ffffff0d;border-radius:999px;flex-shrink:1;align-items:center;gap:6px;min-width:0;height:28px;padding:0 10px;font-size:13px;font-weight:600;display:inline-flex}.pill:before{content:"";background:#64748b;border-radius:999px;width:8px;height:8px}.pill-green{color:var(--green-text);background:#22c55e1f;border-color:#22c55e40;box-shadow:0 0 12px #22c55e4d}.pill-green:before{background:var(--green);box-shadow:0 0 6px #22c55e80}.pill-yellow{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b40;box-shadow:0 0 12px #f59e0b4d}.pill-yellow:before{background:var(--yellow);box-shadow:0 0 6px #f59e0b80}.pill-red{color:var(--red-text);background:#ef44441f;border-color:#ef444440;box-shadow:0 0 12px #ef44444d}.pill-red:before{background:var(--red);box-shadow:0 0 6px #ef444480}.pill-plain:before{display:none}.pill-tag{color:#93c5fd;background:#60a5fa1a;border-color:#60a5fa40;height:24px;padding:0 8px;font-size:11px}.pill-tag:before{display:none}.pill-added{color:#86efac;background:#22c55e1a;border-color:#22c55e4d}.checks{color:var(--muted);flex-wrap:wrap;gap:4px 8px;font-size:12px;display:flex}.chk{align-items:center;gap:4px;display:inline-flex}.chk-ok{color:var(--green-text)}.chk-no{color:#f87171b3}.errors{flex-direction:column;gap:6px;display:flex}.err{border-radius:var(--r-sm);color:#fecaca;word-break:break-word;background:#7f1d1d33;border:1px solid #f8717133;padding:8px 10px;font-size:13px}.card-menu{background:var(--glass-bg-menu);border:1px solid var(--glass-border-light);border-radius:var(--r-sm);flex-direction:column;gap:2px;padding:6px;display:flex;overflow:hidden}.card-menu-item{appearance:none;width:100%;min-height:var(--tap);color:var(--text);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;font-size:15px;font-weight:600;transition:background .12s;display:flex}.card-menu-item:hover{background:#60a5fa14}.card-menu-item--danger{color:#fecaca}.card-menu-item--danger:hover{background:#7f1d1d33}.session-mini{border-radius:var(--r-sm);background:#ffffff0a;border:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.session-mini-info{flex-direction:column;gap:2px;min-width:0;display:flex}.session-mini-label{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.session-mini-time{color:var(--muted);font-size:11px}.session-mini-actions{flex-shrink:0;gap:4px;display:flex}.session-count-badge{color:#86efac;background:#22c55e1f;border:1px solid #22c55e40;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:20px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:800;display:inline-flex}.progress{border-radius:var(--r-sm);background:#f59e0b0f;border:1px solid #f59e0b26;flex-direction:column;gap:8px;padding:14px;display:flex}.progress-step{color:#94a3b880;gap:8px;font-size:13px;display:flex}.progress-step.active{color:#fbbf24;font-weight:600}.progress-step.done{color:var(--green-text)}.progress-step-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.progress-bar{background:#ffffff14;border-radius:2px;height:3px}.progress-bar-fill{background:linear-gradient(90deg, var(--yellow), var(--green));border-radius:2px;height:100%;transition:width 1s}.progress-time{color:var(--muted);text-align:center;font-size:11px}.panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--r);box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow);flex-direction:column;gap:12px;padding:16px;display:flex}.panel-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.panel-title{font-size:1rem;font-weight:800}.panel-sub{color:var(--muted);font-size:13px}.content-narrow{flex-direction:column;gap:14px;max-width:600px;margin:0 auto;display:flex}.form-area{border-radius:var(--r-sm);-webkit-backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #60a5fa26;flex-direction:column;gap:10px;padding:14px;display:none}.form-area.open{display:flex}.form-grid{grid-template-columns:1fr;gap:10px;display:grid}.form-label{color:#cbd5e1;flex-direction:column;gap:6px;font-size:12px;font-weight:700;display:flex}.form-input{width:100%;min-height:44px;color:var(--text);font:inherit;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;padding:0 12px;font-size:14px}.form-input:focus{border-color:#60a5fa66;outline:none;box-shadow:0 0 0 3px #60a5fa1a}.notice{border-radius:var(--r-sm);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);cursor:pointer;z-index:10;padding:12px 14px;font-size:14px;display:none;position:relative}.notice.info{color:#dbeafe;border-color:#60a5fa4d;display:block}.notice.error{color:#fecaca;border-color:#f8717159;display:block}.output-box{border-radius:var(--r-sm);max-height:280px;color:var(--muted);white-space:pre-wrap;word-break:break-all;background:#0006;border:1px solid #ffffff0d;padding:10px;font-family:SF Mono,Cascadia Code,Fira Code,monospace;font-size:11px;line-height:1.6;display:none;overflow-y:auto}.output-box.open{display:block}.spinner{border:2px solid #f59e0b33;border-top-color:var(--yellow);border-radius:999px;flex-shrink:0;width:16px;height:16px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.collapse-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;display:flex}.collapse-toggle .arrow{color:var(--muted);font-size:.7rem;transition:transform .2s}.collapse-toggle.open .arrow{transform:rotate(90deg)}.empty{text-align:center;color:var(--muted);background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-border);border-radius:var(--r);padding:24px;font-size:14px}.empty-setup{text-align:left;padding:24px 16px}.empty-setup h2{color:var(--text);margin-bottom:8px;font-size:1.1rem}.empty-setup p{color:var(--muted);margin-bottom:10px;font-size:14px}.empty-setup pre{border-radius:var(--r-sm);color:#93c5fd;white-space:pre;background:#0006;border:1px solid #ffffff0d;margin-bottom:14px;padding:10px;font-size:11px;overflow-x:auto}.conversation-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.conversation-row{min-height:var(--tap);border-radius:var(--r-sm);border:1px solid var(--glass-border);cursor:pointer;background:#ffffff0a;flex-direction:column;gap:4px;padding:12px;transition:border-color .15s,background .15s;display:flex}.conversation-row:hover{border-color:#60a5fa4d}.conversation-row.selected{border-color:var(--accent);background:#60a5fa14}.conversation-preview{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.conversation-meta{color:var(--muted);font-size:12px}.bottom-nav{-webkit-backdrop-filter:blur(24px);z-index:50;background:#0f172ad9;border:1px solid #ffffff26;border-radius:36px;justify-content:space-around;align-items:center;width:min(360px,100vw - 32px);height:72px;padding:0 12px;animation:.4s ease-out .35s backwards nav-appear;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1a,0 8px 32px #00000080}.nav-item{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-family:inherit;font-size:11px;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--text)}.nav-item svg{stroke:currentColor;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;transition:transform .2s}.nav-item.active svg{stroke-width:2px;transform:scale(1.15)}.active-dot{background-color:var(--accent);width:5px;height:5px;box-shadow:0 0 10px var(--accent);border-radius:50%;position:absolute;bottom:8px}.unified-card,.card{animation:.5s ease-out backwards card-appear}.grid .unified-card:first-child{animation-delay:80ms}.grid .unified-card:nth-child(2){animation-delay:.14s}.grid .unified-card:nth-child(3){animation-delay:.2s}.grid .unified-card:nth-child(4){animation-delay:.26s}.grid .unified-card:nth-child(5){animation-delay:.32s}.grid .unified-card:nth-child(6){animation-delay:.38s}.grid .unified-card:nth-child(7){animation-delay:.44s}.grid .unified-card:nth-child(8){animation-delay:.5s}@keyframes card-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes nav-appear{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes border-flash-green{0%{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 20px #22c55e1f, var(--shadow)}30%{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 40px #22c55e66, var(--shadow)}to{box-shadow:inset 0 1px 0 #ffffff1a, 0 0 20px #22c55e1f, var(--shadow)}}@keyframes count-bump{0%{transform:scale(1)}40%{transform:scale(1.3)}to{transform:scale(1)}}.hero-tile:before{content:"";pointer-events:none;z-index:1;border-radius:inherit;background:linear-gradient(135deg,#fff0 0%,#ffffff08 40%,#ffffff1f 50%,#ffffff08 60%,#fff0 100%) 0 0/300% 300%;animation:10s ease-in-out infinite shine-sweep;position:absolute;inset:0}@keyframes shine-sweep{0%{background-position:100% 100%}50%{background-position:0 0}to{background-position:100% 100%}}.status-ring{animation:4s ease-in-out infinite ring-breathe}.status-ring.active{animation:3s ease-in-out infinite ring-breathe-active}@keyframes ring-breathe{0%,to{box-shadow:0 0 16px #3b82f626}50%{box-shadow:0 0 28px #3b82f64d}}@keyframes ring-breathe-active{0%,to{box-shadow:0 0 16px #22c55e33}50%{box-shadow:0 0 32px #22c55e66}}.btn-launch{animation:3.5s ease-in-out infinite launch-glow}@keyframes launch-glow{0%,to{box-shadow:0 0 10px #3b82f633,0 0 4px #3b82f61a}50%{box-shadow:0 0 20px #3b82f659,0 0 6px #3b82f633}}.unified-card{transition:border-color .4s,box-shadow .4s,transform .2s}.unified-card:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff24,0 12px 40px #00000059}.unified-card:active{transform:translateY(0)scale(.995)}.open-btn{position:relative}.pill-green{animation:4s ease-in-out infinite badge-pulse-green}.pill-red{animation:4s ease-in-out infinite badge-pulse-red}.pill-yellow{animation:3s ease-in-out infinite badge-pulse-yellow}@keyframes badge-pulse-green{0%,to{box-shadow:0 0 10px #22c55e40}50%{box-shadow:0 0 18px #22c55e80,0 0 4px #22c55e33}}@keyframes badge-pulse-red{0%,to{box-shadow:0 0 10px #ef444440}50%{box-shadow:0 0 18px #ef444480,0 0 4px #ef444433}}@keyframes badge-pulse-yellow{0%,to{box-shadow:0 0 10px #f59e0b40}50%{box-shadow:0 0 18px #f59e0b80,0 0 4px #f59e0b33}}.nav-item.active:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);border-radius:50%;width:32px;height:32px;animation:2s ease-in-out infinite nav-glow;position:absolute;top:8px;left:50%;transform:translate(-50%)}@keyframes nav-glow{0%,to{opacity:.6}50%{opacity:1}}.unified-card--pending{background:linear-gradient(#f59e0b0f 0%,#ffffff0a 100%)}.unified-card--running{background:linear-gradient(#22c55e0d 0%,#ffffff0a 100%)}.unified-card--unhealthy{background:linear-gradient(#ef44440a 0%,#ffffff0a 100%)}.bottom-nav{position:fixed;overflow:hidden}.bottom-nav:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%) 0 0/200% 100%;border-radius:32px 32px 0 0;height:1px;animation:10s ease-in-out infinite nav-shimmer;position:absolute;top:0;left:0;right:0}@keyframes nav-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.bottom-nav{bottom:max(20px, env(safe-area-inset-bottom))}@media (width>=640px){body{font-size:16px}.app{padding:20px max(24px, env(safe-area-inset-right)) 120px max(24px, env(safe-area-inset-left))}.hero-title h1{font-size:32px}.form-grid{grid-template-columns:1fr 1fr}.grid,.grid-discovery{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.app{padding:24px max(32px, env(safe-area-inset-right)) 120px max(32px, env(safe-area-inset-left))}.grid,.grid-discovery{grid-template-columns:repeat(3,1fr)}.hero-tile{padding:28px}.hero-title h1{font-size:34px}.card,.unified-card{padding:24px}}@media (width>=1280px){.app{max-width:1120px;padding:28px max(40px, env(safe-area-inset-right)) 120px max(40px, env(safe-area-inset-left))}.grid{gap:18px}.grid-discovery{gap:16px}.hero-tile{padding:32px}.hero-title h1{font-size:36px}}