.op-page{gap:18px;min-width:0}.op-gap{gap:14px}.op-unlock{max-width:420px}.op-nav{z-index:2;background:var(--canvas);max-width:100%;padding:6px 0;position:sticky;top:0}.op-nav .seg{max-width:100%}.op-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.op-tile{min-width:0}.op-tile-v{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:1.625rem;font-weight:700;line-height:1.2}.op-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));align-items:start;gap:14px;display:grid}.op-section{min-width:0}.op-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.op-section-head h2{margin:0;font-size:1.125rem}.op-p{margin:0}.op-wrap{flex-wrap:wrap;align-items:center;gap:8px}.op-grow{flex:1;min-width:200px}.input.op-narrow,.op-narrow{flex:none;width:90px}.input.op-mid,.op-mid{flex:none;width:170px}.op-help{flex-wrap:wrap;gap:10px}.op-key{font-size:1.125rem;font-weight:600}.op-ok{color:var(--primary-ink,var(--primary));font-weight:600}.op-bad{color:var(--empty);font-weight:600}.op-num{font-variant-numeric:tabular-nums;white-space:nowrap}.op-nowrap{white-space:nowrap}.op-id{overflow-wrap:anywhere;text-align:left}.op-note{overflow-wrap:anywhere;max-width:260px}.op-scroll{max-width:100%;overflow-x:auto}.op-table td,.op-table th{vertical-align:top}.op-table button{min-height:36px}.op-banner{line-height:1.5}.op-form{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px 12px;display:grid}.op-form .op-span{grid-column:1/-1}.op-fresh{justify-items:start;gap:8px;display:grid}.op-fresh .codebox{width:100%;margin:0}.op-chart{margin:0}.op-bars{position:relative}.op-bars svg{width:100%;height:100%;display:block}.op-axis{stroke:var(--line-strong);stroke-width:1px}.op-bar{fill:var(--primary)}.op-bar.on{fill:var(--ink)}.op-bar.sup{fill:none;stroke:var(--ink-3,var(--ink-2));stroke-width:1px;stroke-dasharray:2 2}.op-hits{display:flex;position:absolute;inset:0}.op-hit{cursor:default;background:0 0;border:0;flex:1;padding:0}.op-hit:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.op-tip{pointer-events:none;background:var(--surface);box-shadow:inset 0 0 0 var(--stroke) var(--ink);border-radius:var(--r-sm);font-size:var(--fs-xs);white-space:nowrap;font-variant-numeric:tabular-nums;padding:4px 8px;position:absolute;top:0}.op-xaxis{justify-content:space-between;margin-top:4px;display:flex}.op-events{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:18px 22px;display:grid}.op-event h3{font-size:var(--fs-s);margin:0}.op-funnel{gap:10px;margin:0;padding:0;list-style:none;display:grid}.op-funnel-head{flex-wrap:wrap;justify-content:space-between;gap:8px}.op-funnel-track{background:var(--surface-2);border-radius:3px;height:10px;margin-top:4px;overflow:hidden}.op-funnel-track i{background:var(--primary);border-radius:0 3px 3px 0;height:100%;display:block}.op-funnel-track i.sup{background:var(--line-strong)}.op-cohorts td,.op-cohorts th{white-space:nowrap}@media (prefers-reduced-motion:no-preference){.op-bar{transition:fill .12s ease-out}}.op-recipe-top{grid-template-columns:minmax(0,220px) 1fr;align-items:start;gap:14px;display:grid}@media (width<=560px){.op-recipe-top{grid-template-columns:1fr}}.op-warn{background:var(--surface-2)}.op-warn ul{margin:6px 0 0;padding-left:1.2em}.op-actions{border-top:1px solid var(--line);padding-top:12px}.op-rrow{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;min-height:52px}.op-rrow .grow{gap:2px;min-width:0;display:grid}.op-rrow:hover b{text-decoration:underline}.op-section-head .seg{max-width:100%}@media (width<=560px){.op-hide-sm{display:none}}.op-acc{text-align:left;overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;display:flex}.op-acc-name{font-family:inherit}.op-danger summary{cursor:pointer;color:var(--danger,#b42318);align-items:center;min-height:44px;font-weight:600;display:flex}.err-row{flex-direction:column;align-items:stretch}.err-head{text-align:left;flex-wrap:wrap;align-items:baseline;gap:6px;width:100%;display:flex}.err-msg{overflow-wrap:anywhere;flex:200px;font-weight:600}.err-meta{overflow-wrap:anywhere;flex-basis:100%}.err-stack{white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;font-size:.75rem;overflow:auto}
