:root{--bg:#0e1825;--bg-2:#0a1320;--surface:#122031;--surface-2:#182a3f;--surface-3:#1f344c;--hairline:#1f2f44;--hairline-2:#2a3d56;--scrim:#080e18c7;--fg:#e9edf3;--fg-1:#fff;--fg-2:#b8c1cf;--fg-3:#7b8699;--fg-4:#5a6478;--fg-5:#3e4a5f;--accent:#ec8762;--accent-soft:#f4a587;--accent-deep:#d3683f;--accent-tint:#ec87621a;--accent-line:#ec876259;--mark-blue:#5a7fd9;--mark-blue-2:#4866b3;--ok:#3dd9a8;--ok-bg:#3dd9a814;--ok-line:#3dd9a840;--warn:#f0c560;--warn-bg:#f0c5601a;--risk:#e76b5c;--risk-bg:#e76b5c1a;--info:#5a9bd9;--info-bg:#5a9bd91a;--ff-display:"Archivo Black", "Helvetica Neue", Arial, sans-serif;--ff-italic:"Playfair Display", "Times New Roman", Georgia, serif;--ff-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ff-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-hero:clamp(2rem, 4.4vw, 3.4rem);--fs-h1:2rem;--fs-h2:1.4rem;--fs-h3:1.05rem;--fs-body:.95rem;--fs-body-sm:.85rem;--fs-caption:.78rem;--fs-micro:.68rem;--fs-nano:.58rem;--lh-display:1.02;--lh-tight:1.2;--lh-body:1.55;--tr-tight:-.02em;--tr-display:-.015em;--tr-mono:.1em;--tr-mono-wide:.18em;--r-xs:2px;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-pill:999px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:32px;--sp-8:48px;--sp-9:64px;--sp-10:96px;--el-0:none;--el-1:0 1px 0 #00000040;--el-2:0 4px 16px #00000059;--el-3:0 10px 32px #00000073;--el-modal:0 20px 60px #0000008c;--t-fast:.12s ease;--t-base:.18s ease;--t-slow:.28s ease;--rail-w:220px;--rail-w-narrow:180px;--content-max:1100px;--app-max:1300px;--form-max:720px}body{background:var(--bg);color:var(--fg);font-family:var(--ff-body);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}.hed{font-size:var(--fs-hero);line-height:var(--lh-display);letter-spacing:var(--tr-display);margin:0 0 var(--sp-5);color:var(--fg-1);text-wrap:balance}.hed-uc{font-family:var(--ff-display);text-transform:uppercase;letter-spacing:-.005em;margin-right:.4em;font-weight:400}.hed-it{font-family:var(--ff-italic);color:var(--accent);letter-spacing:-.01em;font-style:italic;font-weight:600}.eyebrow,.micro{font-family:var(--ff-mono);font-size:var(--fs-micro);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-3);font-weight:500}.eyebrow{align-items:center;gap:var(--sp-3);margin:0 0 var(--sp-4);display:inline-flex}.eyebrow-rule{background:var(--accent);width:28px;height:2px;display:inline-block}p,.body{color:var(--fg-2);font-size:var(--fs-body);line-height:var(--lh-body);margin:0 0 var(--sp-4)}.body-1{color:var(--fg)}.body-2{color:var(--fg-2)}.body-3{color:var(--fg-3)}.helper{color:var(--fg-3);font-size:var(--fs-body-sm)}h1,h2,h3,h4{color:var(--fg-1);margin:0 0 var(--sp-4);line-height:var(--lh-tight);letter-spacing:var(--tr-tight)}h1{font-size:var(--fs-h1);font-weight:700}h2{font-size:var(--fs-h2);font-weight:600}h3{font-size:var(--fs-h3);font-weight:600}code,kbd,.mono{font-family:var(--ff-mono);font-size:.9em}.wordmark{font-family:var(--ff-display);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-1);align-items:baseline;gap:0;font-size:1.05rem;text-decoration:none;display:inline-flex}.wordmark em{color:var(--mark-blue);font-style:normal;position:relative}.wordmark em:after{content:"";background:var(--mark-blue);transform-origin:0 0;height:2px;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(1)}.wordmark i{font-style:normal;font-family:var(--ff-mono);color:var(--fg-3);letter-spacing:.08em;align-self:center;margin-left:.18em;font-size:.55em;font-weight:500;transform:translateY(-.1em)}.btn{align-items:center;gap:var(--sp-2);font-family:var(--ff-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tr-mono);border-radius:var(--r-sm);cursor:pointer;transition:background var(--t-base), border-color var(--t-base), color var(--t-base);border:1px solid #0000;padding:10px 16px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:var(--fg-1);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-soft);border-color:var(--accent-soft)}.btn-primary:active{background:var(--accent-deep);border-color:var(--accent-deep)}.btn-primary[disabled]{background:var(--surface-3);border-color:var(--surface-3);color:var(--fg-4);cursor:not-allowed}.btn-ghost{color:var(--fg-2);border-color:var(--hairline);background:0 0}.btn-ghost:hover{color:var(--fg-1);border-color:var(--hairline-2);background:var(--surface)}.btn-link{color:var(--fg-2);text-transform:uppercase;font-family:var(--ff-mono);letter-spacing:var(--tr-mono);font-size:var(--fs-micro);background:0 0;border:0;padding:6px 0}.btn-link:hover{color:var(--fg-1)}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-5)}.card-hover{transition:border-color var(--t-base), background var(--t-base);cursor:pointer}.card-hover:hover{border-color:var(--hairline-2);background:var(--surface-2)}.card-selected{border-color:var(--accent);background:var(--accent-tint);box-shadow:inset 0 0 0 1px var(--accent)}.field{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm);width:100%;color:var(--fg-1);font-family:var(--ff-body);font-size:var(--fs-body);transition:border-color var(--t-base);padding:12px 14px}.field::placeholder{color:var(--fg-4)}.field:focus{border-color:var(--accent);outline:none}.field-label{font-family:var(--ff-mono);font-size:var(--fs-micro);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-3);margin:0 0 var(--sp-2);display:block}.badge{align-items:center;gap:var(--sp-1);font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;border-radius:var(--r-xs);padding:3px 8px;font-weight:500;display:inline-flex}.badge-ok{color:var(--ok);background:var(--ok-bg)}.badge-warn{color:var(--warn);background:var(--warn-bg)}.badge-risk{color:var(--risk);background:var(--risk-bg)}.badge-info{color:var(--info);background:var(--info-bg)}.badge-soft{color:var(--fg-3);background:var(--surface-3)}.badge-coral{color:var(--accent);background:var(--accent-tint)}.step-dot{width:26px;height:26px;font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:.04em;border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.step-dot--future{color:var(--fg-4);border:1px solid var(--hairline-2);background:0 0}.step-dot--current{color:var(--fg-1);background:var(--accent)}.step-dot--complete{color:var(--ok);border:1px solid var(--ok);background:0 0}.progress{background:var(--hairline);height:2px;overflow:hidden}.progress>i{background:var(--accent);height:100%;display:block}.toggle{border-radius:var(--r-pill);background:var(--surface-3);cursor:pointer;width:36px;height:20px;transition:background var(--t-base);position:relative}.toggle:after{content:"";background:var(--fg-1);width:16px;height:16px;transition:transform var(--t-base);border-radius:50%;position:absolute;top:2px;left:2px}.toggle[data-on=true]{background:var(--accent)}.toggle[data-on=true]:after{transform:translate(16px)}.check-ring{border:1px solid var(--hairline-2);color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.check-ring--on{background:var(--accent);border-color:var(--accent);color:var(--fg-1)}.utility-link{font-family:var(--ff-mono);font-size:var(--fs-micro);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-2);text-decoration:none}.utility-link:hover{color:var(--fg-1)}.callout{border:1px solid var(--accent-line);background:var(--accent-tint);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);font-family:var(--ff-mono);font-size:var(--fs-caption);color:var(--fg-2);letter-spacing:.02em}.callout strong{color:var(--accent);letter-spacing:var(--tr-mono);font-weight:700}.callout--dashed{border-style:dashed}.marketing{--bg:#f4f1ec;--bg-2:#edeae3;--surface:#fff;--surface-2:#edeae3;--surface-3:#e4e0d8;--hairline:#ddd8cf;--hairline-2:#c9c2b5;--fg:#18160f;--fg-1:#18160f;--fg-2:#48443a;--fg-3:#8a8272;--fg-4:#b6ad99;--accent:#b87818;--accent-soft:#d08e1e;--accent-deep:#8d5a10;--accent-tint:#fef6e8;--accent-line:#b8781859;background:var(--bg);color:var(--fg)}.marketing .hed-it{color:var(--accent)}*,:before,:after{box-sizing:border-box}html{height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.op-shell{background:var(--bg);min-height:100vh;display:flex}.op-main{flex-direction:column;flex:1;min-width:0;display:flex}.op-utility{padding:0 var(--sp-7);border-bottom:1px solid var(--hairline);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;height:44px;display:flex;position:sticky;top:0}.op-utility-crumb{color:var(--fg-3)}.op-form{max-width:var(--form-max);padding:var(--sp-8) var(--sp-7);width:100%;margin:0 auto}.op-actions{padding-top:var(--sp-7);margin-top:var(--sp-7);border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.op-actions-right{gap:var(--sp-3);align-items:center;display:flex}.op-rail{width:var(--rail-w);background:var(--bg-2);border-right:1px solid var(--hairline);flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.op-rail-logo{padding:var(--sp-5) var(--sp-5) var(--sp-4);border-bottom:1px solid var(--hairline)}.op-rail-label{font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-4);padding:var(--sp-4) var(--sp-5) var(--sp-2)}.op-rail-steps{padding:var(--sp-2) 0;flex:1}.op-rail-step{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-5);cursor:pointer;transition:background var(--t-base);display:flex}.op-rail-step:hover,.op-rail-step--active{background:var(--surface)}.op-rail-step-label{font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--fg-3);transition:color var(--t-base)}.op-rail-step:hover .op-rail-step-label,.op-rail-step--active .op-rail-step-label{color:var(--fg-1)}.op-rail-progress{padding:var(--sp-5);border-top:1px solid var(--hairline)}.op-rail-progress-label{font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-4);margin-bottom:var(--sp-2);justify-content:space-between;display:flex}.op-sub{color:var(--fg-2);margin-bottom:var(--sp-7)}.op-dot-sep{color:var(--fg-4);margin:0 var(--sp-2)}.op-mono-inline{font-family:var(--ff-mono);color:var(--accent);font-size:.9em}.op-step-section{margin-top:var(--sp-7)}.op-step-section-label{color:var(--fg-3);margin-bottom:var(--sp-4)}.op-or{align-items:center;gap:var(--sp-4);color:var(--fg-4);font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono);text-transform:uppercase;margin:var(--sp-5) 0;display:flex}.op-or:before,.op-or:after{content:"";background:var(--hairline);flex:1;height:1px}.op-google{justify-content:center;align-items:center;gap:var(--sp-3);border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--hairline);width:100%;color:var(--fg-1);font-family:var(--ff-body);font-size:var(--fs-body);cursor:pointer;transition:border-color var(--t-base), background var(--t-base);padding:12px;display:flex}.op-google:hover{border-color:var(--hairline-2);background:var(--surface-2)}.op-foot-note{font-size:var(--fs-body-sm);color:var(--fg-4);margin-top:var(--sp-5)}.op-foot-note a{color:var(--fg-3)}.op-foot-note a:hover{color:var(--fg-1)}.op-otp{gap:var(--sp-2);margin-bottom:var(--sp-5);display:flex}.op-otp-cell{border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--hairline);width:56px;height:64px;font-family:var(--ff-display);color:var(--fg-1);transition:border-color var(--t-base);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.op-otp-cell--active{border-color:var(--accent)}.op-otp-foot{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-5);display:flex}.op-entity{margin-top:var(--sp-5)}.op-entity-head{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.op-entity-status{align-items:center;gap:var(--sp-2);display:flex}.op-entity-name{font-family:var(--ff-mono);font-size:var(--fs-body);letter-spacing:var(--tr-mono);color:var(--fg-1);margin-bottom:var(--sp-3)}.op-entity-meta{gap:var(--sp-5);color:var(--fg-3);font-size:var(--fs-body-sm);margin-bottom:var(--sp-4);display:flex}.op-entity-meta .micro{color:var(--fg-4);margin-right:var(--sp-1)}.op-entity-grid{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.op-entity-val{color:var(--fg-2);font-size:var(--fs-body-sm);margin-top:2px}.grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.btn-sm{font-size:var(--fs-nano);padding:6px 10px}.op-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.op-dot--ok{background:var(--ok)}.op-dot--risk{background:var(--risk)}.op-dot--warn{background:var(--warn)}.op-dot--info{background:var(--info)}.op-org-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm);margin-bottom:var(--sp-5);display:flex}.op-avatar{background:var(--accent-tint);border:1px solid var(--accent);width:32px;height:32px;font-family:var(--ff-mono);font-size:var(--fs-nano);color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-org-email{font-size:var(--fs-body-sm);color:var(--fg-2);flex:1}.op-invite-row{gap:var(--sp-2);margin-bottom:var(--sp-3);grid-template-columns:1fr 160px 32px;align-items:center;display:grid}.op-invite-role{font-size:var(--fs-body-sm)}.op-invite-x{border:1px solid var(--hairline);border-radius:var(--r-xs);width:32px;height:44px;color:var(--fg-3);cursor:pointer;transition:color var(--t-base), border-color var(--t-base);background:0 0;justify-content:center;align-items:center;display:flex}.op-invite-x:hover{color:var(--risk);border-color:var(--risk)}.op-invite-add{color:var(--accent);font-family:var(--ff-mono);font-size:var(--fs-micro);letter-spacing:var(--tr-mono);text-transform:uppercase;cursor:pointer;padding:var(--sp-2) 0;background:0 0;border:0}.op-integration-code{font-family:var(--ff-mono);color:var(--accent);letter-spacing:.12em;font-size:.78rem;font-weight:700}.op-channel{align-items:center;gap:var(--sp-3);padding:var(--sp-4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);cursor:pointer;text-align:left;transition:border-color var(--t-base), background var(--t-base);width:100%;display:flex}.op-channel-title{font-weight:600;font-size:var(--fs-body-sm);color:var(--fg-1)}.op-channel-blurb{font-size:var(--fs-caption);color:var(--fg-3)}.op-signal-list{margin-bottom:var(--sp-5);flex-direction:column;gap:8px;display:flex}.op-signal-row{align-items:center;gap:var(--sp-4);padding:var(--sp-4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm);transition:border-color var(--t-base);display:flex}.op-signal-row:hover{border-color:var(--hairline-2)}.op-signal-code{font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:.12em;color:var(--accent);flex-shrink:0;width:52px}.op-signal-body{flex:1}.op-signal-title{font-size:var(--fs-body-sm);color:var(--fg-1);font-weight:500}.op-signal-blurb{font-size:var(--fs-caption);color:var(--fg-3)}.op-signal-kind{font-family:var(--ff-mono);font-size:var(--fs-nano);border-radius:var(--r-xs);text-transform:uppercase;letter-spacing:var(--tr-mono);padding:2px 6px}.op-signal-kind--opportunity{color:var(--ok);background:var(--ok-bg)}.op-signal-kind--risk{color:var(--risk);background:var(--risk-bg)}.op-signal-kind--macro{color:var(--info);background:var(--info-bg)}.op-chip-input{gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm);cursor:text;min-height:48px;transition:border-color var(--t-base);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.op-chip-input:focus-within{border-color:var(--accent)}.op-chip{border-radius:var(--r-xs);font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono);text-transform:uppercase;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.op-chip--info{background:var(--info-bg);color:var(--info)}.op-chip--ghost{background:var(--surface-2);color:var(--fg-3);cursor:pointer}.op-chip--ghost:hover{color:var(--fg-1);background:var(--surface-3)}.op-chip-x{cursor:pointer;color:var(--fg-4)}.op-chip-x:hover{color:var(--fg-1)}.op-chip-field{color:var(--fg-1);font-size:var(--fs-body-sm);background:0 0;border:0;outline:none;flex:1;min-width:120px}.op-chip-suggest{gap:var(--sp-2);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.op-coverage-band{padding:var(--sp-3) var(--sp-4);background:var(--ok-bg);border:1px solid var(--ok-line);border-radius:var(--r-sm);margin-top:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.op-coverage-num{color:var(--ok)}.op-pill-group{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-sm);width:fit-content;margin-bottom:var(--sp-5);gap:2px;padding:3px;display:flex}.op-pill{color:var(--fg-3);font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono);text-transform:uppercase;cursor:pointer;transition:background var(--t-base), color var(--t-base);background:0 0;border:0;border-radius:3px;padding:5px 12px}.op-pill--on{background:var(--surface-3);color:var(--fg-1)}.op-pricing{gap:12px}.op-exchange{align-items:flex-start;gap:var(--sp-4);margin-top:var(--sp-5);display:flex}.op-exchange-icon{color:var(--accent);flex-shrink:0;padding-top:2px;font-size:1.4rem}.op-exchange-text{flex:1}.op-exchange-title{color:var(--fg-1);margin-bottom:2px;font-weight:600}.op-exchange-blurb{font-size:var(--fs-body-sm);color:var(--fg-3)}.grid-pay{gap:var(--sp-7);grid-template-columns:1fr 340px;display:grid}.op-tabs{margin-bottom:var(--sp-5);border-bottom:1px solid var(--hairline);gap:2px;display:flex}.op-tab{padding:var(--sp-3) var(--sp-4);font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--fg-3);cursor:pointer;align-items:center;gap:var(--sp-2);transition:color var(--t-base), border-color var(--t-base);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;display:flex}.op-tab:hover{color:var(--fg-1)}.op-tab--on{color:var(--fg-1);border-bottom-color:var(--accent)}.op-tab-glyph{font-size:1rem}.op-pay-form,.op-pay-side{gap:var(--sp-4);flex-direction:column;display:flex}.op-card-preview{background:linear-gradient(135deg, var(--surface-2) 0%, var(--surface-3) 100%);border:1px solid var(--hairline-2);padding:var(--sp-5);aspect-ratio:1.586;border-radius:10px;flex-direction:column;justify-content:space-between;display:flex}.op-card-preview-row{justify-content:space-between;align-items:center;display:flex}.op-card-preview-chip{color:var(--warn);font-size:1.4rem}.op-card-preview-num{font-family:var(--ff-mono);letter-spacing:.2em;color:var(--fg-2);font-size:1rem}.op-card-preview-val{font-family:var(--ff-mono);font-size:var(--fs-caption);color:var(--fg-1)}.op-card-preview-brand{font-family:var(--ff-display);font-size:var(--fs-caption);color:var(--fg-3);text-transform:uppercase;letter-spacing:.15em}.op-summary{gap:var(--sp-3);flex-direction:column;display:flex}.op-summary-row{font-size:var(--fs-body-sm);color:var(--fg-2);justify-content:space-between;display:flex}.op-summary-divider{background:var(--hairline);height:1px;margin:var(--sp-1) 0}.op-summary-total{align-items:flex-end}.op-summary-date{font-size:var(--fs-caption);color:var(--fg-3)}.op-summary-amount{text-align:right}.op-summary-num{color:var(--fg-1);font-size:1.3rem;font-weight:700}.op-summary-per,.op-summary-reassure{font-size:var(--fs-caption);color:var(--fg-3)}.op-summary-zero{font-family:var(--ff-display);color:var(--ok)}.op-pay-foot{gap:var(--sp-6);padding-top:var(--sp-5);border-top:1px solid var(--hairline);display:flex}.op-pay-foot-glyph{color:var(--accent);margin-right:var(--sp-1)}.op-stats{margin-bottom:var(--sp-5);grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.op-stat{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-4);text-align:center}.op-stat-num{font-family:var(--ff-display);color:var(--fg-1);margin-bottom:4px;font-size:1.8rem}.op-first-signal{align-items:center;gap:var(--sp-5);padding:var(--sp-5);margin-bottom:var(--sp-5);display:flex}.op-first-circle{background:var(--risk-bg);border:1px solid var(--risk);width:52px;height:52px;font-family:var(--ff-mono);font-size:var(--fs-nano);color:var(--risk);letter-spacing:.08em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.op-first-text{flex:1}.op-first-meta{color:var(--accent);margin-bottom:4px}.op-first-title{color:var(--fg-1);margin-bottom:4px;font-weight:500}.op-first-sub{color:var(--fg-4)}.op-feed{padding:0;overflow:hidden}.op-feed-head{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.op-feed-stream{align-items:center;gap:var(--sp-2);color:var(--ok);display:flex}.op-feed-row{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--hairline);display:flex}.op-feed-row:last-child{border-bottom:0}.op-feed-time{flex-direction:column;flex-shrink:0;align-items:flex-end;width:44px;display:flex}.op-feed-text{flex:1}.op-feed-title{font-size:var(--fs-body-sm);color:var(--fg-1)}.op-feed-meta{color:var(--fg-4)}.op-feed-post{color:var(--fg-3);text-align:center;width:40px}.op-feed-conf{color:var(--ok);text-align:right;width:36px}.op-checks{margin-top:var(--sp-5);gap:12px}.op-check{align-items:center;gap:var(--sp-3);font-size:var(--fs-body-sm);color:var(--fg-2);display:flex}.op-pulse{background:var(--ok);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-shell{background:var(--bg);min-height:100vh;display:flex}.app-nav{width:var(--rail-w-narrow);background:var(--bg-2);border-right:1px solid var(--hairline);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.app-nav-logo{padding:var(--sp-4) var(--sp-4) var(--sp-3);border-bottom:1px solid var(--hairline)}.app-nav-section{padding:var(--sp-3) var(--sp-3) 0}.app-nav-section-label{font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-5);padding:var(--sp-2) var(--sp-2)}.app-nav-item{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-2);border-radius:var(--r-sm);color:var(--fg-3);font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono);text-transform:uppercase;cursor:pointer;transition:background var(--t-base), color var(--t-base);text-decoration:none;display:flex}.app-nav-item:hover{background:var(--surface);color:var(--fg-1);text-decoration:none}.app-nav-item--active{background:var(--surface);color:var(--fg-1)}.app-nav-item--active .app-nav-dot{background:var(--accent)}.app-nav-dot{background:var(--hairline-2);width:6px;height:6px;transition:background var(--t-base);border-radius:50%;flex-shrink:0}.app-content{flex:1;min-width:0;overflow-y:auto}.app-header{padding:var(--sp-4) var(--sp-7);border-bottom:1px solid var(--hairline);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-page{padding:var(--sp-6) var(--sp-7);max-width:var(--app-max)}.app-page-title{font-family:var(--ff-mono);font-size:var(--fs-caption);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-3);margin-bottom:var(--sp-2)}.dt-wrap{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}.dt-table{border-collapse:collapse;width:100%}.dt-th{font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-4);padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--hairline);background:var(--bg-2);white-space:nowrap}.dt-td{padding:var(--sp-3) var(--sp-4);color:var(--fg-2);font-size:var(--fs-body-sm);border-bottom:1px solid var(--hairline);vertical-align:middle}.dt-tr:last-child .dt-td{border-bottom:0}.dt-tr:hover .dt-td{background:var(--surface-2)}.page-grid-2{gap:var(--sp-5);grid-template-columns:repeat(2,1fr);display:grid}.page-grid-3{gap:var(--sp-4);grid-template-columns:repeat(3,1fr);display:grid}.page-grid-4{gap:var(--sp-4);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);padding:var(--sp-5)}.stat-card-label{font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono-wide);text-transform:uppercase;color:var(--fg-4);margin-bottom:var(--sp-2)}.stat-card-value{font-family:var(--ff-display);color:var(--fg-1);font-size:1.6rem;line-height:1.1}.stat-card-sub{font-size:var(--fs-caption);color:var(--fg-3);margin-top:4px}.form-group{margin-bottom:var(--sp-5)}.form-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.form-row-3{gap:var(--sp-4);grid-template-columns:1fr 1fr 1fr;display:grid}.field-prefix-wrap{align-items:center;display:flex;position:relative}.field-prefix{font-family:var(--ff-mono);font-size:var(--fs-nano);color:var(--fg-4);letter-spacing:var(--tr-mono);text-transform:uppercase;pointer-events:none;position:absolute;left:12px}.field-has-prefix{padding-left:52px}.breadcrumb{align-items:center;gap:var(--sp-2);font-family:var(--ff-mono);font-size:var(--fs-nano);letter-spacing:var(--tr-mono);text-transform:uppercase;color:var(--fg-4);margin-bottom:var(--sp-5);display:flex}.breadcrumb-sep{color:var(--fg-5)}.breadcrumb a{color:var(--fg-3);text-decoration:none}.breadcrumb a:hover{color:var(--fg-1)}.notice{padding:var(--sp-4);border-radius:var(--r-sm);font-size:var(--fs-body-sm);gap:var(--sp-3);align-items:flex-start;display:flex}.notice--warn{background:var(--warn-bg);color:var(--warn);border:1px solid #f0c56040}.notice--ok{background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok)}.notice--risk{background:var(--risk-bg);color:var(--risk);border:1px solid #e76b5c40}.notice--info{background:var(--info-bg);color:var(--info);border:1px solid #5a9bd940}