.ob{--ob-bg:#f7f8fc;--ob-surface:#fff;--ob-subdued:#f1f5f9;--ob-text:#172033;--ob-muted:#536078;--ob-faint:#8391a8;--ob-border:#dce2ed;--ob-border-strong:#c2cadb;--ob-primary:#4f46e5;--ob-primary-dark:#4338ca;--ob-primary-soft:#eef0ff;--ob-primary-border:#c7cbff;--ob-green:#047857;--ob-green-soft:#eaf8f0;--ob-green-border:#6ee7b7;--ob-amber:#b45309;--ob-amber-soft:#fff4de;--ob-amber-border:#fcd34d;--ob-danger:#b91c1c;--ob-shadow:0 1px 3px 0 #1720330a, 0 1px 2px -1px #17203305;--ob-shadow-md:0 4px 6px -1px #1720330f, 0 2px 4px -2px #1720330a;min-height:100vh;color:var(--ob-text);font-family:var(--font-inter), Inter, ui-sans-serif, system-ui, sans-serif;background:var(--ob-bg);-webkit-font-smoothing:antialiased;flex-direction:column;font-size:14px;line-height:1.5;display:flex}[data-theme=dark] .ob{--ob-bg:#0f1320;--ob-surface:#161b2b;--ob-subdued:#1c2234;--ob-text:#eef1f8;--ob-muted:#a5afc4;--ob-faint:#7d889f;--ob-border:#2a3248;--ob-border-strong:#3a4460;--ob-primary-soft:#23264a;--ob-primary-border:#3a3f78;--ob-green:#34d399;--ob-green-soft:#0478572e;--ob-green-border:#34d39966;--ob-amber:#fbbf24;--ob-amber-soft:#b453092e;--ob-amber-border:#fbbf2466;--ob-danger:#f87171;--ob-shadow:none;--ob-shadow-md:0 4px 12px #0000004d}.ob{cursor:default}.ob button,.ob a,.ob summary,.ob label,.ob select{cursor:pointer}.ob input:not([type=checkbox]):not([type=radio]),.ob textarea{cursor:text}.ob-steps,.ob-tile,.ob-btn{-webkit-user-select:none;user-select:none}.ob button,.ob input,.ob select{font:inherit}.ob a{color:var(--ob-primary);font-weight:500;text-decoration:none}.ob a:hover{color:var(--ob-primary-dark)}.ob h1,.ob h2,.ob h3{letter-spacing:inherit}.ob :focus-visible{outline:2px solid var(--ob-primary);outline-offset:2px}.ob-topbar{background:var(--ob-surface);border-bottom:1px solid var(--ob-border);z-index:10;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:32px;height:64px;padding:0 32px;display:grid;position:sticky;top:0}.ob .ob-brand{color:var(--ob-text);align-items:center;gap:10px;font-weight:700;display:flex}.ob .ob-brand:hover{color:var(--ob-text)}.ob-brand-text{letter-spacing:-.01em;font-size:17px;line-height:1.15;display:grid}.ob-brand-text small{letter-spacing:.06em;text-transform:uppercase;color:var(--ob-muted);font-size:11px;font-weight:500}.ob-mark{color:#fff;background:var(--ob-primary);width:36px;height:36px;box-shadow:var(--ob-shadow);border-radius:10px;place-items:center;display:grid}.ob-mark svg{width:20px;height:20px;display:block}.ob-topbar-step{border-left:1px solid var(--ob-border);align-items:center;gap:12px;min-width:0;padding-left:24px;display:flex}.ob-topbar-count{color:var(--ob-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.ob-topbar-step strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.ob-segments{flex-shrink:0;grid-template-columns:repeat(6,1fr);gap:4px;width:180px;display:grid}.ob-segments span{background:var(--ob-subdued);border-radius:999px;height:6px}.ob-segments span.done{background:var(--ob-primary)}.ob-segments span.on{background:linear-gradient(90deg, var(--ob-primary) 50%, var(--ob-primary-border) 50%)}.ob-user{color:var(--ob-muted);align-items:center;gap:10px;font-size:13px;display:flex}.ob-avatar{background:var(--ob-primary-soft);width:32px;height:32px;color:var(--ob-primary);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid}.ob-main{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;width:min(1240px,100% - 48px);margin:0 auto;padding:32px 0 56px;display:grid}.ob-rail{grid-area:1/2;gap:16px;display:grid;position:sticky;top:96px}.ob-rail-card{background:var(--ob-surface);border:1px solid var(--ob-border);box-shadow:var(--ob-shadow);border-radius:10px;padding:20px}.ob-rail-head{letter-spacing:.04em;text-transform:uppercase;color:var(--ob-muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:600;display:flex}.ob-rail-count{color:var(--ob-primary);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;font-size:12px}.ob-steps{gap:2px;margin:0;padding:0;list-style:none;display:grid}.ob-step{border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:12px;padding:10px;display:flex}.ob-step.on{background:var(--ob-primary-soft);border-color:var(--ob-primary-border)}.ob-step-circle{border:1.5px solid var(--ob-border);background:var(--ob-surface);width:24px;height:24px;color:var(--ob-faint);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.ob-step-circle svg{width:13px;height:13px}.ob-step.on .ob-step-circle{border-color:var(--ob-primary);background:var(--ob-primary);color:#fff;box-shadow:0 0 0 3px var(--ob-primary-border)}.ob-step.done .ob-step-circle{border-color:var(--ob-green-border);background:var(--ob-green-soft);color:var(--ob-green)}.ob-step-text{min-width:0;display:grid}.ob-step-text strong{color:var(--ob-muted);font-size:13px;font-weight:600}.ob-step-text small{color:var(--ob-faint);font-size:12px}.ob-step.on .ob-step-text strong{color:var(--ob-primary)}.ob-step.on .ob-step-text small,.ob-step.done .ob-step-text strong{color:var(--ob-text)}.ob-guarantee-title{color:var(--ob-primary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ob-guarantee-title svg{width:18px;height:18px}.ob-guarantee p{color:var(--ob-muted);margin:10px 0 0;font-size:13px;line-height:1.55}.ob-workspace{background:var(--ob-surface);border:1px solid var(--ob-border);min-width:0;box-shadow:var(--ob-shadow);border-radius:14px;grid-area:1/1;overflow:hidden}.ob-body{min-height:460px;padding:32px}.ob-screen{animation:.3s both ob-screenIn}@keyframes ob-screenIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ob-head{margin-bottom:24px}.ob-head h2{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:600;line-height:1.2}.ob-head p{color:var(--ob-muted);max-width:680px;margin:8px 0 0;font-size:15px;line-height:1.6}.ob-welcome{grid-template-columns:1.05fr .95fr;gap:16px;display:grid}.ob-welcome-card{border:1px solid var(--ob-primary-border);background:var(--ob-primary-soft);border-radius:10px;padding:24px}.ob-welcome-card h3{margin:0 0 8px;font-size:16px;font-weight:600}.ob-welcome-card p{color:var(--ob-muted);margin:0;font-size:14px;line-height:1.6}.ob-loop{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:20px;display:grid}.ob-loop-item{text-align:center;border:1px solid var(--ob-border);background:var(--ob-surface);color:var(--ob-muted);border-radius:6px;padding:10px 4px;font-size:12px;font-weight:500}.ob-loop-item strong{color:var(--ob-primary);font-variant-numeric:tabular-nums;margin-bottom:2px;font-size:12px;display:block}.ob-benefits{gap:10px;display:grid}.ob-benefit{border:1px solid var(--ob-border);background:var(--ob-surface);border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.ob-benefit-icon{width:32px;height:32px;color:var(--ob-primary);background:var(--ob-primary-soft);border-radius:6px;flex:none;place-items:center;display:grid}.ob-benefit-icon svg{width:16px;height:16px;display:block}.ob-benefit strong{margin-bottom:2px;font-size:14px;font-weight:600;display:block}.ob-benefit span{color:var(--ob-muted);font-size:13px;line-height:1.5;display:block}.ob-card{border:1px solid var(--ob-border);background:var(--ob-surface);box-shadow:var(--ob-shadow);border-radius:10px;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;margin-bottom:12px;padding:16px 20px;transition:border-color .15s;display:grid}.ob-card:hover{border-color:var(--ob-border-strong)}.ob-logo{border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:17px;font-weight:700;display:grid}.ob-logo.jira{color:#0052cc;background:#e9f2ff}.ob-logo.slack{color:#4a154b;background:#f5ecf6}.ob-logo.other{background:var(--ob-primary-soft);color:var(--ob-primary)}[data-theme=dark] .ob-logo.jira{color:#79a8f2;background:#0052cc33}[data-theme=dark] .ob-logo.slack{color:#e3b5e6;background:#4a154b73}.ob-info h3{margin:0 0 2px;font-size:16px;font-weight:600}.ob-info p{color:var(--ob-muted);margin:0;font-size:13px;line-height:1.5}.ob-status{border:1px solid;border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.ob-status.pending{color:var(--ob-amber);background:var(--ob-amber-soft);border-color:var(--ob-amber-border)}.ob-status.connected{color:var(--ob-green);background:var(--ob-green-soft);border-color:var(--ob-green-border)}.ob-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.ob-card-actions{align-items:center;gap:8px;display:flex}.ob-btn{border:1px solid var(--ob-border);background:var(--ob-surface);height:36px;color:var(--ob-text);appearance:none;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.ob-btn:hover:not(:disabled){background:var(--ob-bg);border-color:var(--ob-border-strong)}.ob-btn.primary{border-color:var(--ob-primary);background:var(--ob-primary);color:#fff;box-shadow:var(--ob-shadow)}.ob-btn.primary:hover:not(:disabled){border-color:var(--ob-primary-dark);background:var(--ob-primary-dark)}.ob-btn.primary:active:not(:disabled){background:#3730a3}.ob-btn.ghost{color:var(--ob-muted);background:0 0;border-color:#0000}.ob-btn.ghost:hover:not(:disabled){background:var(--ob-primary-soft);color:var(--ob-primary);border-color:#0000}.ob-btn.lg{height:44px;padding:0 20px;font-size:14px}.ob-btn:disabled{opacity:.55;cursor:not-allowed}.ob-arrow-icon{flex-shrink:0;width:16px;height:16px}.ob-inline-btn{justify-self:start;margin-top:6px}.ob-banner{background:var(--ob-subdued);border:1px solid var(--ob-border);border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.ob-banner .ob-logo{width:36px;height:36px;font-size:14px}.ob-banner strong{font-size:14px;font-weight:600;display:block}.ob-banner span{color:var(--ob-muted);font-size:12px}.ob-banner .ob-banner-end{color:var(--ob-green);margin:0 0 0 auto}.ob-summary{border:1px solid var(--ob-border);background:var(--ob-subdued);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 16px;display:flex}.ob-summary strong{margin-bottom:2px;font-size:14px;font-weight:600;display:block}.ob-summary span{color:var(--ob-muted);font-size:13px;display:block}.ob-count{border:1px solid var(--ob-primary-border);background:var(--ob-primary-soft);color:var(--ob-primary);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;padding:2px 10px;font-size:12px;font-weight:600}.ob-list{border:1px solid var(--ob-border);border-radius:10px;max-height:380px;overflow:hidden auto}.ob-row{border:0;border-bottom:1px solid var(--ob-border);background:var(--ob-surface);width:100%;min-height:56px;color:inherit;text-align:left;cursor:pointer;border-left:3px solid #0000;border-radius:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.ob-row:last-child{border-bottom:0}.ob-row:hover{background:var(--ob-bg)}.ob-row.selected{background:var(--ob-primary-soft);border-left-color:var(--ob-primary)}.ob-check{border:1.5px solid var(--ob-border-strong);color:#0000;background:var(--ob-surface);border-radius:4px;flex:none;place-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:grid}.ob-row.selected .ob-check{border-color:var(--ob-primary);background:var(--ob-primary);color:#fff}.ob-proj{background:var(--ob-subdued);width:32px;height:32px;color:var(--ob-muted);border-radius:6px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.ob-row.selected .ob-proj{background:var(--ob-surface);color:var(--ob-primary)}.ob-proj-info strong{font-size:14px;font-weight:600;display:block}.ob-proj-info span{color:var(--ob-muted);font-variant-numeric:tabular-nums;font-size:12px;display:block}.ob-tag{border:1px solid var(--ob-border);background:var(--ob-subdued);color:var(--ob-muted);border-radius:6px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:500}.ob-hint{color:var(--ob-faint);margin-top:10px;font-size:13px}.ob-hint.ok{color:var(--ob-green)}.ob-map{border:1px solid var(--ob-border);border-radius:10px;overflow:hidden}.ob-map-head,.ob-map-row{grid-template-columns:1fr 32px 220px;align-items:center;gap:12px;padding:0 16px;display:grid}.ob-map-head{background:var(--ob-subdued);border-bottom:1px solid var(--ob-border);height:36px;color:var(--ob-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.ob-map-row{border-bottom:1px solid var(--ob-border);min-height:52px;font-size:14px}.ob-map-row:last-child{border-bottom:0}.ob-map-row:hover{background:var(--ob-bg)}.ob-map-source{align-items:center;gap:8px;font-weight:500;display:flex}.ob-dot{background:var(--ob-border-strong);border-radius:2px;width:8px;height:8px}.ob-arrow{color:var(--ob-faint);text-align:center}.ob .ob-map-row .select-trigger{border:1px solid var(--ob-border);background:var(--ob-surface);height:36px;color:var(--ob-text);border-radius:6px;font-size:13px;font-weight:500}.ob .ob-map-row .select-trigger:hover:not(:disabled){border-color:var(--ob-border-strong)}.ob .ob-map-row .select-trigger.open,.ob .ob-map-row .select-trigger:focus-visible{border-color:var(--ob-primary);box-shadow:0 0 0 3px var(--ob-primary-soft);outline:none}.ob-note{color:var(--ob-muted);margin-top:12px;font-size:13px}.ob-creds{border:1px solid var(--ob-border);background:var(--ob-subdued);border-radius:10px;gap:14px;margin:4px 0 16px;padding:20px;display:grid}.ob-or{color:var(--ob-faint);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;font-size:11px;font-weight:500;display:flex}.ob-or:before,.ob-or:after{content:"";background:var(--ob-border);flex:1;height:1px}.ob-howto{color:var(--ob-muted);gap:6px;margin:0;padding-left:18px;font-size:13px;line-height:1.55;display:grid}.ob-howto a{font-size:13px}.ob-howto code{background:var(--ob-surface);border:1px solid var(--ob-border);border-radius:4px;padding:1px 5px;font-size:12px}.ob-field{color:var(--ob-text);gap:6px;font-size:13px;font-weight:500;display:grid}.ob-field input{border:1px solid var(--ob-border);height:40px;color:var(--ob-text);background:var(--ob-surface);border-radius:6px;outline:none;padding:0 12px;font-size:14px;font-weight:400;transition:border-color .15s,box-shadow .15s}.ob-field input::placeholder{color:var(--ob-faint)}.ob-field input:hover{border-color:var(--ob-border-strong)}.ob-field input:focus{border-color:var(--ob-primary);box-shadow:0 0 0 3px var(--ob-primary-soft)}.ob-field small{color:var(--ob-muted);font-size:12px;font-weight:400;line-height:1.45}.ob-note-secure{color:var(--ob-muted);margin:0;font-size:13px;line-height:1.5}.ob-error{color:#b91c1c;background:#fdecee;border:1px solid #fca5a5;border-radius:6px;margin:12px 0 0;padding:10px 12px;font-size:13px}[data-theme=dark] .ob-error{color:var(--ob-danger);background:#b91c1c29;border-color:#f8717166}.ob-sync{text-align:center;padding:24px 0 0}.ob-orbit{width:88px;height:88px;margin:0 auto 20px;position:relative}.ob-orbit:before{content:"";border:3px solid var(--ob-primary-soft);border-top-color:var(--ob-primary);border-radius:50%;animation:1.15s linear infinite ob-spin;position:absolute;inset:0}.ob-orbit-icon{color:var(--ob-primary);background:var(--ob-primary-soft);border-radius:50%;place-items:center;display:grid;position:absolute;inset:16px}.ob-orbit-icon svg{width:24px;height:24px}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-sync h3{letter-spacing:-.01em;margin:0 0 8px;font-size:22px;font-weight:600}.ob-sync p{max-width:500px;color:var(--ob-muted);margin:0 auto;font-size:14px;line-height:1.6}.ob-track{max-width:540px;margin:24px auto 0}.ob-track-bar{background:var(--ob-subdued);border-radius:999px;height:8px;overflow:hidden}.ob-track-fill{border-radius:inherit;background:var(--ob-primary);height:100%;transition:width .35s}.ob-track-meta{color:var(--ob-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.ob-log{text-align:left;border:1px solid var(--ob-border);background:var(--ob-subdued);max-width:540px;min-height:40px;color:var(--ob-muted);border-radius:6px;margin:16px auto 0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.ob-footer{border-top:1px solid var(--ob-border);background:var(--ob-bg);justify-content:space-between;align-items:center;gap:12px;padding:16px 32px;display:flex}.ob-step-note{color:var(--ob-faint);font-variant-numeric:tabular-nums;font-size:12px}.ob-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.ob-finish-banner{color:#fff;background:radial-gradient(circle at 90% 0,#ffffff29,#0000 45%),linear-gradient(135deg,#3525cd,#4f46e5 60%,#6366f1);border-radius:10px;align-items:flex-start;gap:20px;padding:28px;display:flex}.ob-finish-icon{color:#fff;background:#ffffff29;border:1px solid #ffffff4d;border-radius:10px;flex-shrink:0;place-items:center;width:48px;height:48px;animation:.45s cubic-bezier(.2,.8,.2,1) ob-pop;display:grid}.ob-finish-icon svg{width:26px;height:26px}@keyframes ob-pop{0%{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.ob-finish-kicker{letter-spacing:.06em;text-transform:uppercase;background:#ffffff29;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.ob-finish h2{letter-spacing:-.02em;margin:10px 0 6px;font-size:28px;font-weight:600;line-height:1.2}.ob-finish p{color:#e0e7ff;max-width:620px;margin:0;font-size:15px;line-height:1.6}.ob-finish-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 24px;display:grid}.ob-tile{border:1px solid var(--ob-border);background:var(--ob-surface);box-shadow:var(--ob-shadow);border-radius:10px;min-width:0;padding:14px 16px}.ob-tile strong{color:var(--ob-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.ob-tile span{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;display:block;overflow:hidden}.ob-finish-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.ob-finish-banner.tone-wait{background:radial-gradient(circle at 90% 0,#ffffff1f,#0000 45%),linear-gradient(135deg,#334155,#475569 60%,#64748b)}.ob-first{border:1px solid var(--ob-border);background:var(--ob-surface);box-shadow:var(--ob-shadow);border-radius:10px;margin:0 0 20px;padding:14px 16px}.ob-first strong{color:var(--ob-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.ob-first span{color:var(--ob-text);font-size:14px;line-height:1.5;display:block}@media (max-width:1023px){.ob-topbar{grid-template-columns:auto minmax(0,1fr);gap:16px;padding:0 20px}.ob-user{display:none}.ob-main{grid-template-columns:1fr;width:calc(100% - 32px);padding-top:24px}.ob-rail{grid-area:auto/1;position:static}.ob-guarantee{display:none}.ob-finish-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.ob-brand-text small,.ob-topbar-step strong{display:none}.ob-topbar-step{justify-content:flex-end;padding-left:16px}.ob-segments{width:120px}.ob-steps{grid-template-columns:repeat(6,1fr)}.ob-step{justify-content:center;padding:6px}.ob-step-text{display:none}.ob-body{padding:24px 20px}.ob-head h2{font-size:24px}.ob-welcome{grid-template-columns:1fr}.ob-loop{grid-template-columns:repeat(3,1fr)}.ob-card{grid-template-columns:44px 1fr}.ob-card-actions{grid-column:2}.ob-map-head,.ob-map-row{grid-template-columns:1fr;gap:6px;padding:10px 16px}.ob-map-head{height:auto}.ob-arrow{display:none}.ob-footer{flex-wrap:wrap;padding:16px 20px}.ob-finish-banner{flex-direction:column;padding:22px}}@media (max-width:500px){.ob-main{width:calc(100% - 16px)}.ob-workspace{border-radius:10px}.ob-body{min-height:0;padding:20px 16px}.ob-finish-grid,.ob-loop{grid-template-columns:1fr}.ob-actions{width:100%}.ob-step-note{display:none}.ob-actions .ob-btn,.ob-finish-actions .ob-btn{width:100%}}@media (min-width:1800px){.ob-main{width:min(1440px,100% - 96px)}}@media (prefers-reduced-motion:reduce){.ob *,.ob :before,.ob :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ob-card>*,.ob-field{min-width:0}@media (max-width:760px){.ob-field input,.ob-field textarea{font-size:16px}}@media (max-width:500px){.ob-topbar{gap:8px;padding-inline:12px}.ob-segments{width:84px}.ob-card{grid-template-columns:36px minmax(0,1fr);padding:12px}.ob-logo{width:36px;height:36px}.ob-card-actions,.ob-actions{flex-wrap:wrap}}