.landing{position:relative;max-width:1120px;margin:0 auto;padding:0 clamp(1rem,4vw,1.75rem) 0;isolation:isolate}.landing:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(820px 520px at 18% -6%,color-mix(in oklch,var(--color-accent) 16%,transparent),transparent 64%),radial-gradient(640px 460px at 88% 4%,color-mix(in oklch,var(--color-accent) 7%,transparent),transparent 60%);-webkit-mask-image:linear-gradient(180deg,oklch(0% 0 0) 0%,transparent 82%);mask-image:linear-gradient(180deg,oklch(0% 0 0) 0%,transparent 82%)}.landing:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");background-size:160px 160px}.nav-pill{position:fixed;top:var(--space-md);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-md);background:color-mix(in oklch,var(--color-paper) 78%,transparent);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border:var(--rule-hair) solid var(--color-rule);border-radius:999px;box-shadow:var(--shadow-pill);z-index:var(--z-sticky);white-space:nowrap}.nav-pill .brand-name{font-size:15px}.nav-pill .brand-logo{width:20px;height:20px}.nav-pill-links{display:inline-flex;align-items:center;gap:var(--space-md)}.nav-pill-links a{font-size:14px;font-weight:540;color:var(--color-muted);white-space:nowrap}.nav-pill-links a:hover{color:var(--color-ink);text-decoration:none}.nav-pill-links a.active{color:var(--color-ink);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:5px}.nav-pill-cta{display:inline-flex;align-items:center;background:var(--color-accent);color:var(--color-accent-ink);border-radius:999px;padding:7px 15px;font-size:13.5px;font-weight:600;white-space:nowrap;transition:background var(--dur-micro) var(--ease-out)}.nav-pill-cta:hover{background:var(--color-accent-2);text-decoration:none}.nav-pill a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:999px}@media (max-width: 46rem){.nav-pill-links{display:none}}.landing main{padding-top:clamp(5rem,10vh,7rem)}.hero{padding:var(--space-xl) 0 var(--space-2xl);max-width:860px}.hero h1{font-size:var(--text-display);line-height:1.02;letter-spacing:-.035em;font-weight:720;margin:0 0 var(--space-lg)}.hero h1 .accent{color:var(--color-accent)}.hero .lede{margin-bottom:var(--space-xl)}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-md) var(--space-lg)}.hero-line{display:inline-block}.hero-line,.hero-rise{opacity:0;transform:translateY(14px);animation:rise var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 90ms)}@keyframes rise{to{opacity:1;transform:none}}.draw-underline{position:relative}.draw-underline:after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:3px;background:var(--color-accent-2);transform:scaleX(0);transform-origin:left;animation:draw-line .5s var(--ease-out) .7s forwards}@keyframes draw-line{to{transform:scaleX(1)}}.map{padding:var(--space-lg) 0 var(--space-3xl)}.map-caption{margin:0 0 var(--space-md);font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-muted)}.map-clients{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-sm)}.client-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xs);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);color:var(--color-ink);text-align:center;min-width:0;transition:transform var(--dur-short) var(--ease-out),border-color var(--dur-short) var(--ease-out)}@media (hover: hover) and (pointer: fine){.client-node:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--color-accent) 45%,var(--color-rule))}}.client-node .ci{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius);background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);color:var(--color-accent)}.client-node small{font-size:12.5px;color:var(--color-muted);overflow-wrap:anywhere}.map-edges{display:block;width:100%;height:clamp(48px,8vw,84px);margin:var(--space-3xs) 0;color:var(--color-rule)}.map-edges path{stroke:currentColor;fill:none;vector-effect:non-scaling-stroke;stroke-width:1.25}.map-edges .edge-mid{color:color-mix(in oklch,var(--color-accent) 55%,var(--color-rule))}.map-edges .signals path{color:color-mix(in oklch,var(--color-accent) 75%,var(--color-rule));stroke-width:2;stroke-linecap:round;stroke-dasharray:.02 .15;stroke-dashoffset:0;opacity:0}.map.in .signals path{animation-name:signal-fade,signal-march;animation-duration:.8s,3.4s;animation-timing-function:var(--ease-out),linear;animation-delay:1.1s,var(--d, 0s);animation-iteration-count:1,infinite;animation-fill-mode:forwards,none}@keyframes signal-fade{to{opacity:.85}}@keyframes signal-march{to{stroke-dashoffset:-.17}}.map-core{display:flex;align-items:center;gap:var(--space-lg);max-width:680px;margin:0 auto;padding:var(--space-lg);background:var(--color-paper-3);border:var(--rule-hair) solid color-mix(in oklch,var(--color-accent) 45%,var(--color-rule));border-radius:var(--radius-lg)}.map-core .core-logo{width:46px;height:46px;object-fit:contain;flex-shrink:0}.core-body{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0;flex:1}.core-title{font-weight:680;font-size:17px;letter-spacing:-.02em}.core-title b{color:var(--color-accent);font-weight:680}.core-url{font-family:var(--font-outlier);font-size:13px;color:var(--color-accent);word-break:break-all}.map-after{margin:var(--space-md) auto 0;max-width:680px;font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.04em;color:var(--color-muted)}.client-node,.map-core,.map-after{opacity:0;transform:translateY(8px)}.map-edges .edges path{stroke-dasharray:1;stroke-dashoffset:1}.map.in .client-node{animation:node-ink var(--dur-long) var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms)}.map.in .edges path{animation:edge-draw .6s var(--ease-out) forwards;animation-delay:.28s}.map.in .map-core{animation:node-ink var(--dur-long) var(--ease-out) forwards;animation-delay:.48s}.map.in .map-after{animation:node-ink var(--dur-long) var(--ease-out) forwards;animation-delay:.7s}@keyframes node-ink{to{opacity:1;transform:none}}@keyframes edge-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.client-node,.map-core,.map-after,.hero-line,.hero-rise{opacity:1;transform:none}.map-edges .edges path{stroke-dashoffset:0}.map-edges .signals{display:none}.draw-underline:after{transform:scaleX(1)}}.assure{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-xl) var(--space-2xl);padding:0 0 var(--space-3xl);align-items:start}.assure-head h2{font-size:var(--text-xl);letter-spacing:-.03em;margin-bottom:var(--space-sm);max-width:16ch}.assure-head p{margin:0;color:var(--color-muted);font-size:var(--text-base);line-height:1.6;max-width:34ch}.assure-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-xl)}.assure-item{padding:var(--space-md) 0;border-bottom:var(--rule-hair) solid var(--color-rule)}.assure-item dt{font-weight:640;font-size:15px;margin-bottom:var(--space-3xs)}.assure-item dd{margin:0;color:var(--color-muted);font-size:14px;line-height:1.55}.toolsheet{padding:0 0 var(--space-3xl);max-width:860px}.toolsheet h2{font-size:var(--text-xl);letter-spacing:-.03em;margin-bottom:var(--space-lg)}.sheet{margin:0;border-top:var(--rule-hair) solid var(--color-rule)}.sheet-row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:var(--space-xs) var(--space-xl);padding:var(--space-sm) var(--space-2xs);border-bottom:var(--rule-hair) solid var(--color-rule);transition:background var(--dur-micro) var(--ease-out)}@media (hover: hover) and (pointer: fine){.sheet-row:hover{background:var(--color-inset)}}.sheet-row dt{font-family:var(--font-outlier);font-size:13.5px;color:var(--color-accent);overflow-wrap:anywhere}.sheet-row dd{margin:0;color:var(--color-muted);font-size:14px;line-height:1.55}.connect{padding:0 0 var(--space-2xl)}.connect-h{font-size:var(--text-xl);letter-spacing:-.03em;margin:0 0 var(--space-lg);max-width:24ch}.code-frame{max-width:780px;margin:0 0 var(--space-lg)}.code-frame figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) 0;border-top:var(--rule-hair) solid var(--color-rule);font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-muted)}.code-frame .code-body{display:flex;align-items:center;gap:var(--space-sm);background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius);padding:var(--space-sm) var(--space-md)}.code-frame pre{flex:1;min-width:0;margin:0;font-family:var(--font-outlier);font-size:13.5px;line-height:1.6;color:var(--color-ink);white-space:pre-wrap;word-break:break-all}.code-frame .prompt{color:var(--color-accent);-webkit-user-select:none;user-select:none;margin-right:8px}.copy-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);border-radius:var(--radius-sm);padding:7px 12px;font-size:12.5px;font-weight:560;font-family:inherit;cursor:pointer;white-space:nowrap;transition:color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),background var(--dur-micro) var(--ease-out)}.copy-btn:hover{color:var(--color-ink);border-color:var(--color-accent);background:var(--color-paper-3)}.copy-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.copy-btn.copied{color:var(--color-ok);border-color:color-mix(in oklch,var(--color-ok) 45%,transparent)}.copy-btn svg{display:block}.connect-note{display:block;margin-top:var(--space-xs);font-size:var(--text-sm)}.cta{padding:var(--space-xl) 0 var(--space-3xl);max-width:640px}.cta h2{font-size:var(--text-2xl);letter-spacing:-.03em;margin:0 0 var(--space-lg)}.cta h2 .accent{color:var(--color-accent)}.about{max-width:720px;padding:var(--space-xl) 0 var(--space-3xl)}.about h1{font-size:var(--text-display-s);letter-spacing:-.03em;margin-bottom:var(--space-sm)}.about-lede{color:var(--color-muted);font-size:var(--text-md);line-height:1.6;max-width:56ch;margin:0 0 var(--space-xl)}.about-diagram{margin:0 0 var(--space-xl)}.about-diagram figcaption{margin-top:var(--space-xs);font-size:var(--text-sm);color:var(--color-muted);max-width:56ch}.vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-sm)}.vs-panel{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);min-width:0}.vs-syn{background:var(--color-paper-3);border-color:color-mix(in oklch,var(--color-accent) 40%,var(--color-rule))}.vs-tag{margin:0;font-family:var(--font-outlier);font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-muted)}.vs-agents{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.mini-agent{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);font-size:12.5px;color:var(--color-ink);white-space:nowrap}.mini-agent svg{color:var(--color-accent);flex:none}.mini-mem{font-style:normal;font-family:var(--font-outlier);font-size:10.5px;color:var(--color-muted);border-left:var(--rule-hair) solid var(--color-rule);padding-left:7px;margin-left:3px}.vs-join{width:1px;height:18px;margin-left:var(--space-lg);background:color-mix(in oklch,var(--color-accent) 55%,var(--color-rule))}.mini-brain{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:0;padding:7px 12px;background:var(--color-inset);border:var(--rule-hair) solid color-mix(in oklch,var(--color-accent) 45%,var(--color-rule));border-radius:var(--radius-sm);font-size:13px;font-weight:600}.mini-brain img{width:18px;height:18px;object-fit:contain}.vs-note{display:flex;align-items:center;gap:6px;margin:auto 0 0;font-size:12.5px;line-height:1.45}.vs-note svg{flex:none}.vs-bad{color:var(--color-warn)}.vs-good{color:var(--color-muted)}.flow-strip{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs) var(--space-sm);padding:var(--space-md);background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg)}.mem-chip{font-family:var(--font-outlier);font-size:12px;padding:5px 10px;border-radius:var(--radius-sm);border:var(--rule-hair) solid var(--color-rule);background:var(--color-inset);white-space:nowrap}.mem-old{color:var(--color-muted);text-decoration:line-through;text-decoration-color:var(--color-warn)}.mem-new{color:var(--color-accent);border-color:color-mix(in oklch,var(--color-accent) 45%,var(--color-rule))}.flow-arrow{color:var(--color-muted)}.mem-alert{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-ink)}.mem-alert svg{color:var(--color-accent);flex:none}.about h2{font-size:var(--text-lg);letter-spacing:-.02em;margin:var(--space-2xl) 0 var(--space-sm)}.about p{margin:0 0 var(--space-md);line-height:1.65;color:var(--color-ink)}.about-pull{margin:var(--space-2xl) 0;padding:var(--space-lg) 0;border-top:var(--rule-hair) solid var(--color-rule);border-bottom:var(--rule-hair) solid var(--color-rule);font-size:var(--text-xl);font-weight:680;letter-spacing:-.025em;line-height:1.25}.about-pull b{color:var(--color-accent);font-weight:680}.about-next{margin-top:var(--space-xl)}.install{padding:var(--space-xl) 0 var(--space-3xl)}.install-head{max-width:640px;margin-bottom:var(--space-xl)}.install-head h1{font-size:var(--text-display-s);letter-spacing:-.03em;margin-bottom:var(--space-sm)}.install-head .lede{margin-bottom:0}.install-guide{margin-top:var(--space-2xl);max-width:860px}.install-guide h2{font-size:var(--text-lg);letter-spacing:-.02em;margin-bottom:var(--space-md)}.foot-stmt{display:grid;gap:var(--space-lg);padding:var(--space-2xl) 0 var(--space-xl)}.foot-stmt-line{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3.25rem);font-weight:700;line-height:1.02;letter-spacing:-.03em;max-width:28ch;margin:0;overflow-wrap:anywhere;min-width:0}.foot-stmt-meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:var(--space-sm);padding-block-start:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);font-size:13px}.foot-stmt-meta nav{display:inline-flex;flex-wrap:wrap;gap:var(--space-md)}.foot-stmt-meta a{color:var(--color-muted);white-space:nowrap}.foot-stmt-meta a:hover{color:var(--color-ink)}@media (max-width: 60rem){.map-clients{grid-template-columns:repeat(3,minmax(0,1fr))}.assure{grid-template-columns:1fr;gap:var(--space-lg)}}@media (max-width: 40rem){.map-clients{grid-template-columns:repeat(2,minmax(0,1fr))}.map-edges{display:none}.map-core{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.assure-list,.vs{grid-template-columns:1fr}.sheet-row{grid-template-columns:1fr;gap:var(--space-3xs)}.code-frame .code-body{flex-direction:column;align-items:stretch}.copy-btn{justify-content:center}}.ig{display:flex;flex-direction:column;gap:18px;min-width:0}.ig-tablist{display:flex;flex-wrap:wrap;gap:6px;padding:4px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius)}.ig-tab{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);padding:8px 14px;font-size:13.5px;font-weight:560;font-family:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;transition:background .14s var(--ease),color .14s var(--ease),border-color .14s var(--ease)}.ig-tab:hover{color:var(--text)}.ig-tab.active{background:var(--bg-elev);color:var(--text);border-color:var(--border)}.ig-tab svg{display:block;flex-shrink:0;color:var(--accent)}.ig-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ig-panel{display:flex;flex-direction:column;gap:16px;min-width:0}.ig-panel:focus-visible{outline:none}.ig-panel-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ig-panel-head h3{font-size:17px;font-weight:660;display:inline-flex;align-items:center;gap:9px}.ig-panel-head h3 svg{color:var(--accent)}.ig-blurb{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.ig-steps{margin:0;padding:0;list-style:none;counter-reset:ig-step;display:flex;flex-direction:column;gap:12px;max-width:68ch}.ig-steps li{counter-increment:ig-step;position:relative;padding-left:34px;font-size:14px;line-height:1.55;color:var(--text);min-width:0}.ig-steps li:before{content:counter(ig-step);position:absolute;left:0;top:-1px;width:23px;height:23px;display:grid;place-items:center;border-radius:999px;background:var(--color-inset);border:1px solid var(--color-rule);color:var(--accent);font-family:var(--font-mono);font-size:11.5px;font-weight:600}.ig-steps li code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-inset);border:1px solid var(--border);border-radius:5px;padding:1px 5px;color:var(--text);word-break:break-word}.ig-snippet{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);overflow:hidden}.ig-snippet-fold{background:transparent}.ig-snippet-summary{display:flex;align-items:center;gap:8px;padding:9px 13px;cursor:pointer;list-style:none;color:var(--muted);font-size:13px;-webkit-user-select:none;user-select:none}.ig-snippet-summary::-webkit-details-marker{display:none}.ig-snippet-summary:hover{color:var(--text);background:var(--bg-hover)}.ig-snippet-summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.ig-fold-caret{flex-shrink:0;color:var(--muted);transform:rotate(-90deg);transition:transform .14s var(--ease-out)}.ig-snippet-fold[open] .ig-fold-caret{transform:rotate(0)}.ig-snippet-fold[open]{background:var(--bg-inset)}.ig-snippet-fold[open] .ig-snippet-summary{border-bottom:1px solid var(--border)}.ig-snippet-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 8px 7px 13px;border-bottom:1px solid var(--border);background:var(--bg)}.ig-snippet-label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ig-copy{flex-shrink:0}.ig-copy.copied{color:var(--ok);border-color:color-mix(in oklch,var(--color-ok) 45%,transparent)}.ig-copy.copied svg{color:var(--ok)}.ig-code{margin:0;padding:13px 15px;overflow-x:auto;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;color:var(--text);white-space:pre;-moz-tab-size:2;tab-size:2}.ig-code code{font-family:inherit}.ig-doc{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:13px;font-weight:540;color:var(--accent)}.ig-doc:hover{text-decoration:none;color:var(--color-ink)}.ig-doc svg{flex-shrink:0;opacity:.9}.ig-compact{gap:8px}.ig-acc{display:flex;flex-direction:column;gap:8px}.ig-acc-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev);overflow:hidden}.ig-acc-item.open{border-color:color-mix(in oklch,var(--color-accent) 40%,var(--color-rule))}.ig-acc-head{width:100%;display:flex;align-items:center;gap:10px;padding:11px 13px;background:none;border:none;color:var(--text);font-family:inherit;font-size:14px;font-weight:560;cursor:pointer;text-align:left}.ig-acc-head:hover{background:var(--bg-hover)}.ig-acc-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ig-acc-head .ig-acc-icon{color:var(--accent);flex-shrink:0;display:block}.ig-acc-head .ig-acc-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ig-acc-head .ig-acc-caret{color:var(--muted);flex-shrink:0;transition:transform .16s var(--ease)}.ig-acc-item.open .ig-acc-caret{transform:rotate(180deg)}.ig-acc-body{display:flex;flex-direction:column;gap:13px;padding:4px 13px 15px;border-top:1px solid var(--border);min-width:0}.ig-acc-body .ig-blurb{margin-top:9px;font-size:13px}.ig-compact .ig-steps li{font-size:13px}.ig-compact .ig-code{font-size:11.5px;padding:11px 13px}.dash-stack{display:flex;flex-direction:column;gap:var(--space-lg);max-width:1100px}.connect-card{padding:var(--space-xs) var(--space-sm);border-color:color-mix(in oklch,var(--color-accent) 30%,var(--color-rule))}.connect-row{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.connect-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:var(--radius-sm);background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);color:var(--color-accent);flex:none}.connect-row h2{font-size:14px;font-weight:640;white-space:nowrap}.connect-url{flex:1;min-width:0;background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);padding:5px 10px;font-family:var(--font-outlier);font-size:12.5px;color:var(--color-accent);overflow-x:auto;white-space:nowrap}.connect-copy{flex:none}.connect-install{font-size:13.5px;flex:none}.connect-more{margin-top:var(--space-xs)}.connect-more summary{display:flex;align-items:center;gap:7px;padding:6px 4px;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none;color:var(--color-muted);font-size:13px;border-radius:var(--radius-sm)}.connect-more summary::-webkit-details-marker{display:none}.connect-more summary:hover{color:var(--color-ink);background:var(--color-paper-3)}.connect-more summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.connect-caret{flex-shrink:0;transform:rotate(-90deg);transition:transform var(--dur-micro) var(--ease-out)}.connect-more[open] .connect-caret{transform:rotate(0)}.connect-more-body{padding:var(--space-sm) var(--space-2xs) var(--space-2xs);border-top:var(--rule-hair) solid var(--color-rule);margin-top:var(--space-2xs)}.connect-lede{margin:0 0 var(--space-sm);color:var(--color-muted);font-size:13.5px;line-height:1.55;max-width:64ch}.connect-lede strong{color:var(--color-ink);font-weight:600}.connect-lede code{font-family:var(--font-outlier);font-size:12px;color:var(--color-ink);background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:5px;padding:1px 6px}@media (max-width: 720px){.connect-row{flex-wrap:wrap}.connect-url{flex-basis:100%;order:4}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-paper: oklch(17% .012 250);--color-paper-2: oklch(21% .013 250);--color-paper-3: oklch(24% .015 250);--color-inset: oklch(14% .012 255);--color-rule: oklch(29% .014 245);--color-ink: oklch(94% .007 240);--color-muted: oklch(68% .011 240);--color-accent: oklch(84% .011 265);--color-accent-2: oklch(75% .014 262);--color-accent-ink: oklch(17% .012 250);--color-focus: oklch(84% .011 265);--color-ok: oklch(70% .17 150);--color-warn: oklch(72% .14 80);--color-danger: oklch(66% .19 25);--bg: var(--color-paper);--bg-soft: var(--color-paper-2);--bg-elev: var(--color-paper-2);--bg-hover: var(--color-paper-3);--bg-inset: var(--color-inset);--sidebar-bg: var(--color-inset);--border: var(--color-rule);--text: var(--color-ink);--muted: var(--color-muted);--accent: var(--color-accent);--accent-strong: var(--color-accent);--accent-deep: var(--color-accent-2);--accent-text: var(--color-accent-ink);--green: var(--color-ok);--ok: var(--color-ok);--amber: var(--color-warn);--warn: var(--color-warn);--red: var(--color-danger);--danger: var(--color-danger);--font-display: "Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: var(--font-display);--font-ui: var(--font-body);--font-outlier: "JetBrains Mono Variable", ui-monospace, "Cascadia Code", SFMono-Regular, Menlo, monospace;--font-mono: var(--font-outlier);--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.1875rem;--text-lg: 1.5rem;--text-xl: 1.9375rem;--text-2xl: 2.4375rem;--text-display: clamp(2.75rem, 5vw + 1rem, 5.25rem);--text-display-s: clamp(1.75rem, 2.5vw + 1rem, 2.75rem);--space-3xs: .125rem;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--space-2xl: 4rem;--space-3xl: 6rem;--space-4xl: 9rem;--radius-sm: 7px;--radius: 10px;--radius-lg: 14px;--rule-hair: 1px;--shadow: 0 14px 40px oklch(0% 0 0 / .45);--shadow-pill: 0 8px 24px -12px oklch(0% 0 0 / .55);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.7, 0, .84, 0);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease: var(--ease-in-out);--dur-micro: .12s;--dur-short: .22s;--dur-long: .42s;--z-base: 1;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-feature-settings:"cv02" 1,"cv03" 1,"cv04" 1,"cv11" 1,"ss03" 1;font-optical-sizing:auto;font-size:var(--text-base);line-height:1.55;letter-spacing:-.006em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-family:var(--font-display);font-style:normal;font-weight:680;letter-spacing:-.022em;overflow-wrap:anywhere;min-width:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}.muted{color:var(--color-muted)}.accent{color:var(--color-accent)}.pad{padding:var(--space-sm)}.pad-sm{padding:0 0 var(--space-xs)}.boot{display:grid;place-items:center;height:100%;color:var(--color-muted)}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--color-ink);font-weight:700;letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand-name{font-family:var(--font-outlier);font-size:18px;letter-spacing:.04em}.brand-lg .brand-name{font-size:24px}.brand-logo{width:24px;height:24px;object-fit:contain;display:block;flex-shrink:0}.brand-lg .brand-logo{width:32px;height:32px}.brand-accent{color:var(--color-accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:var(--rule-hair) solid transparent;border-radius:var(--radius);padding:9px 16px;font-size:14px;font-weight:560;cursor:pointer;white-space:nowrap;transition:background var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),transform .1s var(--ease-out)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-primary:hover:not(:disabled){background:var(--color-accent-2);transform:translateY(-1.5px)}.btn-ghost{background:var(--color-paper-2);border-color:var(--color-rule);color:var(--color-ink)}.btn-ghost:hover:not(:disabled){background:var(--color-paper-3)}.btn-danger{background:transparent;border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:color-mix(in oklch,var(--color-danger) 14%,transparent)}.btn-lg{padding:12px 22px;font-size:15px}.btn-sm{padding:5px 11px;font-size:13px}.btn-block{width:100%}.icon-btn{border:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2);color:var(--color-muted);width:30px;height:30px;border-radius:var(--radius-sm);cursor:pointer;display:inline-grid;place-items:center;flex-shrink:0;transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out),border-color var(--dur-micro) var(--ease-out)}.icon-btn:hover{background:var(--color-paper-3);color:var(--color-ink);border-color:var(--color-accent)}.icon-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.icon-btn.danger:hover{color:var(--color-danger);border-color:var(--color-danger);background:color-mix(in oklch,var(--color-danger) 14%,transparent)}.link-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:var(--rule-hair) solid transparent;color:var(--color-accent);cursor:pointer;padding:3px 8px;border-radius:var(--radius-sm);font-size:13px;font-weight:540;font-family:inherit}.link-btn:hover{background:var(--color-paper-3);color:var(--color-ink)}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--color-accent);font-size:15px;font-weight:560;white-space:nowrap}.text-link:hover{text-decoration:none;color:var(--color-ink)}.text-link:after{content:"→";transition:transform var(--dur-micro) var(--ease-out)}.text-link:hover:after{transform:translate(3px)}.btn svg,.tab svg,.icon-btn svg,.link-btn svg{display:block;flex-shrink:0}.pill{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;border:var(--rule-hair) solid var(--color-rule);color:var(--color-muted);white-space:nowrap}.pill-demo{border-color:var(--color-warn);color:var(--color-warn)}.pill-role{background:var(--color-paper-2)}.pill-plan.plan-free{color:var(--color-muted)}.pill-plan.plan-pro{color:var(--color-accent);border-color:var(--color-accent)}.pill-plan.plan-team{color:var(--color-ok);border-color:var(--color-ok)}.pill-write{color:var(--color-ok);border-color:color-mix(in oklch,var(--color-ok) 40%,transparent)}.pill-read{color:var(--color-muted)}input,select{background:var(--color-paper);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius);color:var(--color-ink);padding:9px 11px;font-size:14px;font-family:inherit}input,select{outline:2px solid transparent;outline-offset:1px}input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);border-color:var(--color-accent)}select{cursor:pointer}.error{color:var(--color-danger);font-size:13px;background:color-mix(in oklch,var(--color-danger) 10%,transparent);border:var(--rule-hair) solid color-mix(in oklch,var(--color-danger) 30%,transparent);border-radius:var(--radius-sm);padding:8px 11px}.error-link{color:inherit;font-weight:650;text-decoration:underline;white-space:nowrap}.banner{background:color-mix(in oklch,var(--color-warn) 12%,transparent);border:var(--rule-hair) solid color-mix(in oklch,var(--color-warn) 35%,transparent);color:var(--color-warn);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-lg) 0}.topbar-actions{display:flex;gap:var(--space-xs)}.lede{font-size:var(--text-md);line-height:1.6;color:var(--color-muted);max-width:580px;margin:0 0 var(--space-xl)}.pricing-page{max-width:1040px;padding:0 0 var(--space-2xl)}.pricing-hero{padding:var(--space-xl) 0;max-width:640px}.pricing-hero .pill-demo{margin-bottom:var(--space-sm)}.pricing-hero h1{font-size:var(--text-display-s);letter-spacing:-.03em;margin-bottom:var(--space-sm)}.pricing-hero .lede{margin-bottom:0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:var(--space-md);max-width:720px}.pricing-grid-3{max-width:1040px}.plan-soon{border-style:dashed}.plan-badge-soon{color:var(--color-muted);border-color:var(--color-rule);background:var(--color-inset)}.plan{position:relative;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg)}.plan-featured{border-color:var(--color-accent);background:var(--color-paper-3)}.plan-badge{position:absolute;top:-11px;right:20px;background:var(--color-paper)}.plan h2{font-size:18px}.plan-price{display:flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums}.plan-price .amount{font-size:40px;font-weight:720;letter-spacing:-.03em}.plan-price .per{color:var(--color-muted);font-size:15px}.plan-tagline{margin:0;min-height:2.6em}.plan-features{list-style:none;margin:0 0 var(--space-2xs);padding:0;display:flex;flex-direction:column;gap:9px;font-size:14px}.plan-features li{display:flex;align-items:center;gap:9px}.plan-features svg{color:var(--color-ok);flex:none}.pricing-foot{font-size:13px;margin-top:var(--space-xl)}.auth{min-height:100%;display:grid;place-items:center;padding:var(--space-xl) var(--space-md)}.auth-card{width:100%;max-width:400px;background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.auth-card h1{font-size:24px;margin-top:6px}.auth-card .muted{margin:-8px 0 0}.oauth-row{display:grid;gap:var(--space-xs)}.divider{display:flex;align-items:center;text-align:center;color:var(--color-muted);font-size:12px}.divider:before,.divider:after{content:"";flex:1;border-top:var(--rule-hair) solid var(--color-rule)}.divider span{padding:0 var(--space-sm)}.form{display:flex;flex-direction:column;gap:var(--space-sm)}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--color-muted)}.auth-switch{text-align:center;font-size:14px}.shell{display:flex;flex-direction:column;height:100%}.appbar{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-bottom:var(--rule-hair) solid var(--color-rule);background:var(--color-paper-2)}.appbar-spacer{flex:1}.shell-body{flex:1;display:flex;min-height:0}.sidebar{width:260px;flex-shrink:0;border-right:var(--rule-hair) solid var(--color-rule);background:var(--color-inset);overflow-y:auto;padding:var(--space-sm)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2xs) var(--space-2xs) var(--space-sm)}.sidebar-head h2{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.content{flex:1;min-width:0;overflow-y:auto;padding:var(--space-lg);background:var(--color-paper)}.empty{display:grid;place-items:center;height:100%;text-align:center;gap:var(--space-xs)}.empty-pane{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-muted);font-size:14px;border:var(--rule-hair) dashed var(--color-rule);border-radius:var(--radius-lg);background:var(--color-inset)}.empty-icon{color:var(--color-muted);opacity:.55}.appbar-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.rail-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-sm)}.rail-upgrade{display:flex;align-items:center;gap:7px;margin-top:var(--space-xs);padding:9px 11px;border:var(--rule-hair) dashed var(--color-rule);border-radius:var(--radius-sm);color:var(--color-muted);font-size:13px;font-weight:540;white-space:nowrap}.rail-upgrade:hover{color:var(--color-ink);border-color:var(--color-accent);background:var(--color-paper-2);text-decoration:none}.rail-upgrade svg{opacity:.8}.inline-form{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xs)}.inline-form input{flex:1;min-width:0}.group-add{margin-top:var(--space-sm);margin-bottom:0;padding-top:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule)}.team-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2xs)}.team-item{width:100%;text-align:left;background:none;border:var(--rule-hair) solid transparent;border-radius:var(--radius-sm);padding:10px 11px;cursor:pointer;color:var(--color-ink);display:flex;flex-direction:column;gap:6px}.team-item:hover{background:var(--color-paper-2)}.team-item.active{background:var(--color-paper-2);border-color:var(--color-accent)}.team-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.team-top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.team-name{font-weight:600;color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:12px}.team-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-muted);font-variant-numeric:tabular-nums}.team-sub svg{opacity:.8}.dot-sep{opacity:.5}.team-panel{display:flex;flex-direction:column;gap:var(--space-lg);max-width:1100px}.team-header{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}.team-header h1{font-size:24px}.usage{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--color-muted);font-variant-numeric:tabular-nums}.usage svg{opacity:.8}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:var(--space-md)}.tabs{display:inline-flex;align-items:center;gap:2px;background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius);padding:3px}.tab{background:transparent;border:var(--rule-hair) solid transparent;color:var(--color-muted);border-radius:var(--radius-sm);padding:6px 14px;font-size:13px;font-weight:560;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:background var(--dur-micro) var(--ease-out),color var(--dur-micro) var(--ease-out)}.tab:hover{color:var(--color-ink)}.tab:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.tab.active{background:var(--color-paper-2);color:var(--color-ink)}.filter-tabs{display:inline-flex;align-items:center;gap:2px;background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius);padding:3px}.filter-tabs .tab{padding:5px 12px}.files-layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:var(--space-md);align-items:start}.group-rail{align-self:start;padding:0 var(--space-2xs) 0 0;min-width:0}.group-rail>.card-head{padding:0 var(--space-2xs)}.card{background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-md)}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.card-head h2{font-size:16px;display:flex;align-items:center;gap:7px}.card-head h2 svg{color:var(--color-muted)}.roster-card{width:100%}.member-list,.group-list,.access-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.member,.access-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:var(--space-xs) var(--space-2xs);border-bottom:var(--rule-hair) solid var(--color-rule)}.member:last-child,.access-row:last-child{border-bottom:none}.member-main{display:flex;align-items:center;gap:10px;min-width:0}.member-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:650;background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);color:var(--color-ink);flex:none}.member-id{display:flex;flex-direction:column;font-size:13px;min-width:0}.member-id .muted{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-name{font-weight:550;display:flex;align-items:center;gap:7px}.role-dot{width:7px;height:7px;border-radius:999px;flex-shrink:0;background:var(--color-rule)}.role-dot.role-owner{background:var(--color-accent)}.role-dot.role-admin{background:var(--color-muted)}.role-dot.role-member{background:color-mix(in oklch,var(--color-rule) 70%,var(--color-muted))}.member-actions{display:flex;align-items:center;gap:6px}.member-actions select{padding:5px 8px;font-size:13px}.access-select{padding:5px 10px;font-size:13px;flex-shrink:0}.invite-form{display:flex;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--rule-hair) solid var(--color-rule)}.invite-form input{flex:1;min-width:0}.group-list li{display:flex;align-items:center;gap:var(--space-2xs)}.group-item{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:5px;background:none;border:var(--rule-hair) solid transparent;border-radius:var(--radius-sm);padding:9px 11px;cursor:pointer;color:var(--color-ink);text-align:left;font-family:inherit}.group-item:hover{background:var(--color-inset)}.group-item.active{background:var(--color-inset);border-color:var(--color-accent)}.group-item:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.group-name{font-weight:550;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-meta{display:flex;align-items:center;gap:var(--space-xs);font-size:12px;flex-shrink:0}.row-actions{display:flex;gap:var(--space-2xs)}.group-panel{display:flex;flex-direction:column;gap:var(--space-md);min-width:0}.group-panel-head{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.group-panel-head h2{font-size:20px}.group-panel-head .filter-tabs{margin-left:auto}.notes-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:var(--space-md);align-items:start;min-width:0}.file-tree{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.tree-agent{background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius);padding:var(--space-xs)}.agent-row{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-2xs) 6px}.tree-file{margin-left:10px}.file-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);background:none;border:var(--rule-hair) solid transparent;border-radius:var(--radius-sm);padding:6px 8px;cursor:pointer;color:var(--color-ink);font-family:inherit;font-size:13px;text-align:left}.file-row:hover{background:var(--color-paper-2)}.file-row.active{border-color:var(--color-accent);background:var(--color-paper-2)}.file-row:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.status-dot{width:7px;height:7px;border-radius:999px;flex-shrink:0;background:var(--color-muted)}.status-dot.status-pending{background:var(--color-warn)}.status-dot.status-approved{background:var(--color-ok)}.note-pane{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.notespace{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.note-column h3{font-size:14px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);margin-bottom:var(--space-xs);display:flex;align-items:center;gap:var(--space-xs)}.count{background:var(--color-inset);border-radius:999px;padding:1px 8px;font-size:12px;color:var(--color-ink);font-variant-numeric:tabular-nums}.note{background:var(--color-paper-2);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-lg);padding:var(--space-sm)}.note-busy{opacity:.7;transition:opacity var(--dur-micro) var(--ease-out)}.note-pending{border-left:3px solid var(--color-warn)}.note-approved{border-left:3px solid var(--color-ok)}.note-top{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:6px}.note-file{font-family:var(--font-outlier);font-size:12px;color:var(--color-accent)}.note-time{font-size:12px;color:var(--color-muted);margin-left:auto}.status-pill.status-pending{color:var(--color-warn);border-color:color-mix(in oklch,var(--color-warn) 40%,transparent)}.status-pill.status-approved{color:var(--color-ok);border-color:color-mix(in oklch,var(--color-ok) 40%,transparent)}.file-row .file-glyph{color:var(--color-muted);flex:none}.file-row .note-file{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-summary{margin:0 0 var(--space-xs);font-weight:500}.note-by{display:flex;align-items:center;justify-content:space-between}.agent-tag{font-family:var(--font-outlier);font-size:12px;background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius-sm);padding:2px 7px;color:var(--color-muted)}.note-content{margin:var(--space-sm) 0 0;background:var(--color-inset);border:var(--rule-hair) solid var(--color-rule);border-radius:var(--radius);padding:var(--space-sm);font-family:var(--font-outlier);font-size:12.5px;white-space:pre-wrap;word-break:break-word;color:var(--color-ink)}.note-actions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.access-card{max-width:560px}.connector-avatar{border-radius:var(--radius-sm);color:var(--color-accent)}.connector-version{font-family:var(--font-outlier);font-size:11px;color:var(--color-muted);font-weight:400}.connector-seen{font-size:12.5px;font-variant-numeric:tabular-nums;white-space:nowrap}.link-inline{padding:0;border-radius:0;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.link-inline:hover{background:none;color:var(--color-ink)}.switch{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:13px;color:var(--color-muted);cursor:pointer}.switch input{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}@media (max-width: 1100px){.notes-layout{grid-template-columns:1fr}}@media (max-width: 920px){.files-layout{grid-template-columns:1fr}}@media (max-width: 860px){.panel-grid,.notespace,.files-layout,.notes-layout{grid-template-columns:1fr}.shell-body{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:var(--rule-hair) solid var(--color-rule)}.group-rail{align-self:stretch}}