@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Lora:wght@400;500&display=swap";:root{--stone-50: #faf9f7;--stone-100: #f5f3ef;--stone-200: #ebe7df;--stone-300: #d8d1c4;--stone-400: #9b9387;--stone-700: #4f4a43;--stone-900: #1f252d;--emerald-500: #279a63;--emerald-100: #e7f5ed;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;--font-serif: "Lora", ui-serif, Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--stone-50);color:var(--stone-900);font-family:var(--font-sans);line-height:1.5}.app-shell{max-width:1040px;margin:0 auto;padding:var(--space-6) var(--space-4) calc(var(--space-6) + var(--space-4))}.app-header{margin-bottom:var(--space-5)}.header-row{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.app-header h1{margin:var(--space-2) 0 var(--space-3);font-family:var(--font-serif);font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.02em;font-weight:400}.app-lede{margin:0;color:var(--stone-700);font-size:1rem;max-width:640px}.section-eyebrow{margin:0;color:var(--stone-400);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.connection-badge{display:inline-flex;align-items:center;gap:var(--space-2);border:1px solid var(--stone-300);border-radius:var(--radius-lg);padding:.5rem .7rem;background:#fff;font-size:.8rem;color:var(--stone-700);white-space:nowrap}.connection-badge .status-dot{width:.55rem;height:.55rem;border-radius:999px}.connection-badge.connected .status-dot{background:var(--emerald-500)}.connection-badge.disconnected .status-dot{background:var(--stone-300)}.utility-label{font-size:.8rem;color:var(--stone-700);font-weight:600}.primary-button{border:1px solid var(--stone-900);background:var(--stone-900);color:#fff;border-radius:var(--radius-md);padding:.5rem .8rem;font-weight:500;cursor:pointer;transition:opacity .15s ease,transform .15s ease}.primary-button:disabled{opacity:.35;cursor:not-allowed}.primary-button:not(:disabled):hover{opacity:.9;transform:translateY(-1px)}.app-nav{margin:0 0 var(--space-5);border-bottom:1px solid var(--stone-300);display:flex;gap:var(--space-4)}.app-nav a{display:inline-block;padding:.5rem .1rem .65rem;text-decoration:none;color:var(--stone-700);font-weight:500;border-bottom:2px solid transparent}.app-nav a.active{color:var(--stone-900);border-bottom-color:var(--stone-900)}.page-frame{display:block}.content-section{background:#fff;border:1px solid var(--stone-300);border-radius:var(--radius-xl);padding:var(--space-5)}.content-section h2{margin:var(--space-2) 0 var(--space-3);font-family:var(--font-serif);font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-.01em;font-weight:500}.content-section h3{margin:var(--space-5) 0 var(--space-2);font-size:1.1rem}.section-copy{margin:0 0 var(--space-4);color:var(--stone-700)}.onboarding .section-copy{max-width:760px}.setup-card{margin-bottom:var(--space-4);border:1px solid var(--stone-200);border-radius:var(--radius-lg);background:var(--stone-50);padding:var(--space-4)}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.18rem .6rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--stone-300)}.status-pill.success{border-color:#b5e3cb;background:var(--emerald-100);color:#1c6e47}.status-pill.muted{background:#fff;color:var(--stone-700)}.path-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.path-card{text-align:left;border:1px solid var(--stone-300);border-radius:var(--radius-lg);background:#fff;color:var(--stone-900);padding:var(--space-3);display:grid;gap:var(--space-2);cursor:pointer}.path-card strong{font-size:.95rem}.path-card span{color:var(--stone-700);font-size:.85rem}.path-card em{font-style:normal;color:var(--stone-400);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.path-card.active{border-color:var(--stone-900);background:var(--stone-50)}.onboarding-detail{border:1px solid var(--stone-200);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--stone-50)}.step-list{margin:0;padding-left:1.15rem;display:grid;gap:.55rem}.action-links{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.secondary-button{border:1px solid var(--stone-300);background:#fff;color:var(--stone-900);border-radius:var(--radius-md);padding:.45rem .7rem;text-decoration:none;font-size:.82rem;cursor:pointer}.secondary-button:hover{border-color:var(--stone-700)}.quick-action-card,.command-launcher{margin-top:var(--space-4);border:1px solid var(--stone-200);border-radius:var(--radius-lg);background:#fff;padding:var(--space-3)}.quick-action-card h4,.command-launcher h4{margin:0 0 var(--space-2)}.inline-form{display:grid;grid-template-columns:1fr auto;gap:var(--space-2);align-items:center}.inline-form input{width:100%;height:2.3rem;border:1px solid var(--stone-300);border-radius:var(--radius-md);padding:0 var(--space-3);font-family:var(--font-mono);font-size:.78rem}.code-block{margin:var(--space-2) 0;border:1px solid var(--stone-200);border-radius:var(--radius-md);background:var(--stone-50);padding:var(--space-3);overflow-x:auto;white-space:pre-wrap;font-size:.76rem;font-family:var(--font-mono)}.action-result{margin:var(--space-2) 0 0;font-size:.82rem;color:var(--stone-700)}.empty-state{text-align:left}.settings-card{border:1px solid var(--stone-200);border-radius:var(--radius-lg);background:var(--stone-50);padding:var(--space-4);margin-top:var(--space-4)}.integration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.integration-card{border:1px solid var(--stone-200);border-radius:var(--radius-lg);background:#fff;padding:var(--space-3)}.integration-card h4{margin:0 0 var(--space-2);font-size:.95rem}.settings-card input,.settings-card select,.settings-card textarea{width:100%;height:2.3rem;border:1px solid var(--stone-300);border-radius:var(--radius-md);padding:0 var(--space-3);font-family:var(--font-mono);font-size:.78rem;background:#fff}.settings-card textarea{min-height:5.5rem;padding:.65rem var(--space-3);resize:vertical}.compact-list{margin:0;padding-left:1rem;display:grid;gap:.4rem}.compact-list li{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.org-list{margin:0;padding:0;list-style:none;border:1px solid var(--stone-200);border-radius:var(--radius-lg);overflow:hidden}.org-list-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:.8rem;border-bottom:1px solid var(--stone-200);background:#fff}.org-list-item:last-child{border-bottom:0}.org-list-primary{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.org-list-actions{display:flex;align-items:center;gap:var(--space-2)}.onboarding-status{margin-top:var(--space-5)}.status-list{margin:0;padding:0;list-style:none;border:1px solid var(--stone-200);border-radius:var(--radius-lg);overflow:hidden}.status-list li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-3);align-items:center;padding:.7rem .8rem;border-bottom:1px solid var(--stone-200)}.status-list li:last-child{border-bottom:0}.status-dot{width:.6rem;height:.6rem;border-radius:999px}.status-dot.done{background:var(--emerald-500)}.status-dot.todo{background:var(--stone-300)}.status-list code{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--stone-300);border-radius:var(--radius-sm);padding:.2rem .35rem;background:#fff}.status-counts{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.status-counts code{font-family:var(--font-mono);font-size:.72rem;border:1px solid var(--stone-300);border-radius:var(--radius-sm);padding:.2rem .35rem;background:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.metric-card{border:1px solid var(--stone-300);border-radius:var(--radius-lg);background:var(--stone-50);padding:var(--space-4)}.metric-card h3{margin:0 0 var(--space-2);font-size:.86rem;text-transform:uppercase;letter-spacing:.09em;color:var(--stone-400)}.metric-card p{margin:0;font-size:1.7rem;line-height:1;font-weight:500;color:var(--stone-900)}.decision-list{margin:var(--space-3) 0 0;padding:0;list-style:none}.decision-list li{display:grid;grid-template-columns:150px 1fr auto;gap:var(--space-3);align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--stone-200)}.decision-list li:last-child{border-bottom:0}.decision-list code{font-family:var(--font-mono);font-size:.76rem;padding:.2rem .35rem;border:1px solid var(--stone-300);border-radius:var(--radius-sm);background:var(--stone-50);color:var(--stone-700)}.decision-list em{font-style:normal;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:var(--emerald-500)}table{width:100%;border-collapse:collapse;margin-top:var(--space-3)}th,td{text-align:left;border-bottom:1px solid var(--stone-200);padding:.65rem .5rem}th{font-size:.79rem;text-transform:uppercase;letter-spacing:.08em;color:var(--stone-400);font-weight:700}td{color:var(--stone-900)}@media(max-width:900px){.header-row{flex-direction:column}.inline-form{grid-template-columns:1fr}.decision-list li{grid-template-columns:1fr;gap:var(--space-2)}.content-section{padding:var(--space-4)}}
