.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}.m-page{background:var(--tandem-bg);width:1440px;color:var(--tandem-fg);font-family:var(--tandem-font-sans);font-feature-settings:"cv11", "ss01", "ss03";-webkit-font-smoothing:antialiased;position:relative;overflow:hidden}.m-wrap{max-width:1180px;margin:0 auto;padding:0 72px}.m-wrap-narrow{max-width:880px;margin:0 auto;padding:0 72px}.m-eyebrow{font-family:var(--tandem-font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--tandem-fg-faint);margin:0;font-size:12px;font-weight:500}.m-eyebrow.user{color:color-mix(in srgb, var(--tandem-author-user) 78%, var(--tandem-fg-faint))}.m-eyebrow.claude{color:color-mix(in srgb, var(--tandem-author-claude) 70%, var(--tandem-fg-muted))}.m-display{font-family:var(--tandem-font-serif);letter-spacing:-.022em;color:var(--tandem-fg);text-wrap:balance;margin:0;font-weight:600;line-height:1.04}.m-d1{font-size:76px}.m-d2{font-size:54px}.m-d3{font-size:38px}.m-d4{font-size:28px;line-height:1.12}.m-lede{color:var(--tandem-fg-muted);text-wrap:pretty;margin:0;font-size:19px;line-height:1.62}.m-lede.big{font-size:21px}.m-body{color:var(--tandem-fg-muted);margin:0;font-size:16px;line-height:1.65}.m-logotype{font-family:"Comfortaa", var(--tandem-font-sans);color:var(--tandem-fg);letter-spacing:-.035em;white-space:nowrap;font-size:20px;font-weight:700;line-height:1;display:inline-block}.m-logo-glyph{vertical-align:baseline;width:auto;height:.82em;margin-left:-.04em;margin-right:-.16em;display:inline-block}.m-logotype-inline{letter-spacing:-.03em;color:inherit;vertical-align:baseline;font-size:.97em}.m-you{color:var(--tandem-author-user)}.m-claude{color:var(--tandem-author-claude)}.m-uline-you{background-image:linear-gradient(var(--tandem-author-user), var(--tandem-author-user));background-position:0 92%;background-repeat:no-repeat;background-size:100% 2px;padding-bottom:1px}.m-uline-claude{background-image:linear-gradient(var(--tandem-author-claude), var(--tandem-author-claude));background-position:0 92%;background-repeat:no-repeat;background-size:100% 2px;padding-bottom:1px}.m-btn{font-family:var(--tandem-font-sans);letter-spacing:-.01em;border-radius:var(--tandem-r-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:8px;padding:14px 22px;font-size:15px;font-weight:540;line-height:1;text-decoration:none;transition:background .12s,color .12s,border-color .12s,filter .12s;display:inline-flex}.m-btn svg{width:17px;height:17px}.m-btn-primary{background:var(--tandem-fg);color:var(--tandem-bg)}.m-btn-primary:hover{filter:brightness(1.12)}.m-btn-primary:active{filter:brightness(1.05)}.m-btn-ghost{background:var(--tandem-surface);color:var(--tandem-fg);border-color:var(--tandem-border-strong)}.m-btn-ghost:hover{background:var(--tandem-surface-sunk)}.m-btn-sm{padding:9px 15px;font-size:13.5px}.m-btn-lg{padding:16px 26px;font-size:16px}.m-btn-onink{background:var(--tandem-bg);color:var(--tandem-fg)}.m-btn-onink:hover{filter:brightness(1.06)}.m-btn-ghost-onink{color:var(--tandem-bg);border-color:color-mix(in srgb, var(--tandem-bg) 32%, transparent);background:0 0}.m-btn-ghost-onink:hover{background:color-mix(in srgb, var(--tandem-bg) 10%, transparent)}.m-section{padding:116px 0}.m-section.tight{padding:80px 0}.m-ink{background:var(--tandem-fg);color:var(--tandem-bg)}.m-ink .m-display,.m-ink .m-d1,.m-ink .m-d2,.m-ink .m-d3{color:var(--tandem-bg)}.m-ink .m-lede,.m-ink .m-body{color:color-mix(in srgb, var(--tandem-bg) 72%, transparent)}.m-ink .m-eyebrow{color:color-mix(in srgb, var(--tandem-bg) 55%, transparent)}.m-rule{background:linear-gradient(90deg, var(--tandem-author-user) 0%, var(--tandem-author-user) 50%, var(--tandem-author-claude) 50%, var(--tandem-author-claude) 100%);border:0;border-radius:2px;height:3px;margin:0}.m-rule.thin{height:2px}.m-head{flex-direction:column;gap:16px;display:flex}.m-head .m-lede{max-width:620px}.m-card{background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-4);padding:28px}.m-frame{background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-5);box-shadow:var(--c7-pill-shadow);overflow:hidden}.m-dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.m-dot.user{background:var(--tandem-author-user)}.m-dot.claude{background:var(--tandem-author-claude)}.m-chip{font-family:var(--tandem-font-mono);letter-spacing:.02em;border-radius:var(--tandem-r-pill);background:var(--tandem-surface);border:1px solid var(--tandem-border);color:var(--tandem-fg-muted);align-items:center;gap:7px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.m-kbd{font-family:var(--tandem-font-mono);border-radius:var(--tandem-r-2);background:var(--tandem-surface-sunk);border:1px solid var(--tandem-border);color:var(--tandem-fg-muted);padding:3px 7px;font-size:12px}.m-footer{border-top:1px solid var(--tandem-border);overflow-wrap:anywhere;padding:64px 0 48px}.m-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;display:grid}.m-footer-grid>div{min-width:0}.m-footer h2{font-family:var(--tandem-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tandem-fg-faint);margin:0 0 14px;font-size:11px;font-weight:600}.m-footer a{color:var(--tandem-fg-muted);margin-bottom:9px;font-size:14px;text-decoration:none;display:block}.m-footer a:hover{color:var(--tandem-fg)}.m-footer-bottom{border-top:1px solid var(--tandem-border);color:var(--tandem-fg-faint);justify-content:space-between;align-items:center;margin-top:48px;padding-top:24px;font-size:13px;display:flex}.m-glyph{border-radius:var(--tandem-r-4);background:var(--tandem-surface-sunk);width:52px;height:52px;color:var(--tandem-fg);border:1px solid var(--tandem-border);place-items:center;display:grid}.m-glyph svg{width:24px;height:24px}.m-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.m-grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (prefers-reduced-motion:reduce){.m-anim,.m-anim *{transition:none!important;animation:none!important}}.ed{background:var(--tandem-bg);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-5);box-shadow:var(--c7-pill-shadow);font-family:var(--tandem-font-sans);color:var(--tandem-fg);isolation:isolate;position:relative;overflow:hidden}.ed-top{border-bottom:1px solid color-mix(in srgb, var(--tandem-border) 70%, transparent);background:color-mix(in srgb, var(--tandem-surface) 60%, transparent);align-items:center;gap:12px;height:46px;padding:0 16px;display:flex;position:relative}.ed-lights{gap:7px;display:flex}.ed-lights i{background:var(--tandem-border-strong);border-radius:50%;width:11px;height:11px;display:block}.ed-file{color:var(--tandem-fg-muted);align-items:center;gap:7px;font-size:12.5px;font-weight:500;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.ed-file .pip{background:var(--tandem-author-user);border-radius:50%;width:7px;height:7px}.ed-file .ext{font-family:var(--tandem-font-mono);color:var(--tandem-fg-faint);font-size:11px}.ed-mode{background:var(--tandem-surface-sunk);border-radius:var(--tandem-r-pill);border:1px solid var(--tandem-border);margin-left:auto;padding:2px;display:inline-flex}.ed-mode span{border-radius:var(--tandem-r-pill);color:var(--tandem-fg-faint);letter-spacing:.01em;padding:4px 10px;font-size:11px;font-weight:600}.ed-mode span.on{background:var(--tandem-surface);color:var(--tandem-fg);box-shadow:var(--tandem-shadow-1)}.ed-fmt{z-index:6;background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-pill);box-shadow:var(--c7-pill-shadow);align-items:center;gap:2px;padding:4px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%)}.ed-fmt button{border-radius:var(--tandem-r-2);width:28px;height:28px;color:var(--tandem-fg-muted);cursor:default;background:0 0;border:0;place-items:center;display:grid}.ed-fmt button:hover{background:var(--tandem-surface-sunk);color:var(--tandem-fg)}.ed-fmt .div{background:var(--tandem-border);width:1px;height:18px;margin:0 3px}.ed-body{grid-template-columns:1fr 248px;min-height:408px;display:grid}.ed-prose{padding:62px 40px 52px;position:relative}.ed-prose h1{font-family:var(--tandem-font-serif);letter-spacing:-.02em;color:var(--tandem-fg);margin:0 0 20px;font-size:30px;font-weight:600;line-height:1.15}.ed-prose p{color:var(--tandem-fg);max-width:56ch;margin:0 0 16px;font-size:16px;line-height:1.7}.ed-prose p.muted{color:var(--tandem-fg-muted)}.ed-sel{transition:background .32s var(--ease-out,ease-out);box-decoration-break:clone;background:0 0;border-radius:3px;margin:0 -2px;padding:1px 2px}.ed-sel.is-sel{background:color-mix(in srgb, var(--tandem-author-user) 26%, transparent)}.ed-sel.is-focus{background:var(--tandem-claude-focus-bg,color-mix(in srgb, var(--tandem-author-claude) 12%, transparent))}.ed-sel.is-accepted{background:color-mix(in srgb, var(--tandem-success) 16%, transparent);animation:ed-accept-flash .42s var(--ease-out,ease-out);transition:background .2s ease-out}@keyframes ed-accept-flash{0%{box-shadow:0 0 0 5px color-mix(in srgb, var(--tandem-success) 32%, transparent)}to{box-shadow:0 0 #0000}}.ed-pulse-gutter{background:var(--tandem-author-claude);opacity:.25;border-radius:2px;width:3px;animation:2s ease-in-out infinite ed-gutter-pulse;position:absolute;top:3px;bottom:3px;left:-24px}@keyframes ed-gutter-pulse{0%,to{opacity:.25;box-shadow:0 0 0 0 color-mix(in srgb, var(--tandem-author-claude) 0%, transparent)}50%{opacity:.85;box-shadow:0 0 12px 1px color-mix(in srgb, var(--tandem-author-claude) 35%, transparent)}}.ed-ghost-caret{vertical-align:text-bottom;background:var(--tandem-author-claude);width:1.5px;height:1em;margin-left:1px;animation:.9s ease-in-out infinite ed-caret-blink;display:inline-block}@keyframes ed-caret-blink{0%,to{opacity:0}50%{opacity:1}}.ed-arrive-ring{border:1.5px solid var(--tandem-author-claude);opacity:0;pointer-events:none;width:8px;height:8px;animation:ed-ping-ring .7s var(--ease-out,ease-out);border-radius:50%;position:absolute;top:14px;left:13px}@keyframes ed-ping-ring{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}.ed-mini{z-index:8;background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-pill);box-shadow:var(--tandem-shadow-2);opacity:0;transform-origin:bottom;pointer-events:none;align-items:center;gap:2px;padding:4px;transition:opacity .14s ease-out,transform .14s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;transform:translateY(6px)scale(.96)}.ed-mini.show{opacity:1;transform:translateY(0)scale(1)}.ed-mini button{border-radius:var(--tandem-r-2);height:28px;color:var(--tandem-fg-muted);font-family:var(--tandem-font-sans);cursor:default;background:0 0;border:0;align-items:center;gap:6px;padding:0 9px;font-size:12.5px;font-weight:500;display:inline-flex}.ed-mini button.ask{color:var(--tandem-author-claude);font-weight:600}.ed-mini button:hover{background:var(--tandem-surface-sunk)}.ed-mini .div{background:var(--tandem-border);width:1px;height:16px;margin:0 2px}.ed-rail{border-left:1px solid var(--tandem-border);background:var(--tandem-surface-muted);flex-direction:column;gap:11px;padding:16px 14px;display:flex}.ed-rail-head{font-family:var(--tandem-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tandem-fg-faint);justify-content:space-between;align-items:center;padding:0 2px 2px;font-size:10px;font-weight:600;display:flex}.ed-rail-head .count{border-radius:var(--tandem-r-pill);background:var(--tandem-surface-sunk);color:var(--tandem-fg-muted);padding:1px 7px;font-size:10px}.anno{background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-3);padding:12px 13px}.anno.claude{background:var(--tandem-author-claude-bg);border-color:color-mix(in srgb, var(--tandem-author-claude) 26%, var(--tandem-border))}.anno.user{background:var(--tandem-author-user-bg);border-color:color-mix(in srgb, var(--tandem-author-user) 22%, var(--tandem-border))}.anno-head{align-items:center;gap:7px;margin-bottom:8px;display:flex}.anno-who{align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.anno-who.claude{color:color-mix(in srgb, var(--tandem-author-claude) 60%, var(--tandem-fg))}.anno-who.user{color:color-mix(in srgb, var(--tandem-author-user) 70%, var(--tandem-fg))}.anno-time{font-family:var(--tandem-font-mono);color:var(--tandem-fg-faint);margin-left:auto;font-size:10px}.anno-body{color:var(--tandem-fg);font-size:13px;line-height:1.5}.anno-quote{font-family:var(--tandem-font-serif);color:var(--tandem-fg-muted);border-left:2px solid var(--tandem-border-strong);margin:8px 0;padding-left:9px;font-size:12.5px;line-height:1.45}.anno-diff{font-family:var(--tandem-font-serif);margin:9px 0 4px;font-size:12.5px;line-height:1.5}.anno-diff .del{background:color-mix(in srgb, var(--tandem-error) 12%, transparent);color:var(--tandem-error-fg-strong);border-radius:2px;padding:0 2px;text-decoration:line-through}.anno-diff .add{background:color-mix(in srgb, var(--tandem-success) 14%, transparent);color:var(--tandem-success-fg-strong);border-radius:2px;padding:0 2px}.anno-acts{gap:6px;margin-top:11px;display:flex}.anno-acts button{font-family:var(--tandem-font-sans);border-radius:var(--tandem-r-2);cursor:default;border:1px solid #0000;flex:none;padding:6px 12px;font-size:12px;font-weight:600;transition:filter .12s}.anno-acts .accept{background:var(--tandem-author-claude);color:var(--tandem-author-claude-fg)}.anno-acts .accept.pressed{filter:brightness(1.06)}.anno-acts .dismiss{color:var(--tandem-fg-muted);border-color:var(--tandem-border);background:0 0}.anno-enter{animation:.32s cubic-bezier(.2,.8,.2,1) both annoIn}@keyframes annoIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.ed-think{background:var(--tandem-surface);border:1px dashed color-mix(in srgb, var(--tandem-author-claude) 40%, var(--tandem-border));border-radius:var(--tandem-r-3);color:var(--tandem-fg-muted);align-items:center;gap:8px;padding:11px 13px;font-size:12px;display:flex}.ed-think .dot{background:var(--tandem-author-claude);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulseDot}@keyframes pulseDot{0%,to{opacity:.35}50%{opacity:1}}.ed-status{z-index:6;font-family:var(--tandem-font-mono);color:var(--tandem-fg-muted);background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-pill);box-shadow:var(--c7-pill-shadow);align-items:center;gap:7px;padding:5px 11px;font-size:11px;display:inline-flex;position:absolute;bottom:16px;left:18px}.ed-status .live{background:var(--tandem-success);border-radius:50%;width:7px;height:7px}:root{--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1)}.mo-a8{flex-direction:column;align-items:center;gap:18px;display:flex}.mo-seg{background:var(--tandem-surface-sunk);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-pill);font-family:var(--tandem-font-sans);padding:3px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.mo-seg button{z-index:1;border-radius:var(--tandem-r-pill);cursor:pointer;color:var(--tandem-fg-muted);transition:color .18s var(--ease-out);background:0 0;border:none;padding:7px 20px;position:relative}.mo-seg .mo-thumb{z-index:0;background:var(--tandem-surface);border-radius:var(--tandem-r-pill);width:74px;box-shadow:var(--tandem-shadow-1);transition:transform .22s var(--ease-out);position:absolute;top:3px;bottom:3px;left:3px}.mo-seg.solo .mo-thumb{transform:translate(0)}.mo-seg.tandem .mo-thumb{transform:translate(74px)}.mo-seg.solo button.solo,.mo-seg.tandem button.tandem{color:var(--tandem-fg)}.mo-layout{align-items:stretch;gap:12px;display:flex}.mo-doc{background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-3);width:230px;height:150px;transition:width .22s var(--ease-out);flex-direction:column;gap:8px;padding:16px 18px;display:flex}.mo-a8.tandem-on .mo-doc{width:168px}.mo-doc i{background:var(--tandem-surface-sunk);border-radius:2px;height:7px;display:block}.mo-doc i.t{background:color-mix(in srgb, var(--tandem-fg) 22%, var(--tandem-surface-sunk));width:60%;height:11px}.mo-doc i.sel{background:color-mix(in srgb, var(--tandem-author-user) 30%, var(--tandem-surface))}.mo-rail{background:var(--tandem-surface);border-radius:var(--tandem-r-3);opacity:0;width:0;transition:width .22s var(--ease-out), opacity .18s var(--ease-out) 60ms, padding .22s var(--ease-out), border-color .22s var(--ease-out);border:1px solid #0000;flex-direction:column;gap:7px;padding:0;display:flex;overflow:hidden}.mo-a8.tandem-on .mo-rail{border-color:var(--tandem-border);opacity:1;width:138px;padding:12px}.mo-rail .card{border-radius:var(--tandem-r-2);flex-direction:column;gap:5px;padding:8px;display:flex}.mo-rail .card.claude{background:var(--tandem-author-claude-bg)}.mo-rail .card.user{background:var(--tandem-author-user-bg)}.mo-rail .card i{background:color-mix(in srgb, var(--tandem-fg) 14%, transparent);border-radius:2px;height:5px;display:block}.mo-rail .card i.s{width:60%}.mo-a9-pill{background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-pill);box-shadow:var(--c7-pill-shadow);font-family:var(--tandem-font-mono);color:var(--tandem-fg-muted);align-items:center;gap:10px;min-width:188px;padding:9px 16px 9px 13px;font-size:13px;display:inline-flex}.mo-a9-dot{background:var(--tandem-error);width:9px;height:9px;transition:background .18s var(--ease-out);border-radius:50%;flex:none;position:relative}.mo-a9.s-offline .mo-a9-dot{background:var(--tandem-error)}.mo-a9.s-reconnect .mo-a9-dot{background:var(--tandem-warning);animation:.9s ease-in-out infinite mo-dot-pulse}.mo-a9.s-connected .mo-a9-dot{background:var(--tandem-success);animation:mo-dot-bloom .5s var(--ease-out)}@keyframes mo-dot-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--tandem-warning) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--tandem-warning) 25%, transparent)}}@keyframes mo-dot-bloom{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--tandem-success) 50%, transparent)}to{box-shadow:0 0 0 10px color-mix(in srgb, var(--tandem-success) 0%, transparent)}}@media (prefers-reduced-motion:reduce){.mo-seg .mo-thumb,.mo-doc,.mo-rail{transition:none!important}.mo-a9-dot{animation:none!important}.hd-hl-claude{background-size:100% 100%!important;transition:none!important}.hd-gutter{animation:none!important}}.hd-hl-you{background:color-mix(in srgb, var(--tandem-author-user) 22%, transparent);border-radius:3px;margin:0 -3px;padding:1px 3px}.hd-hl-claude{background-image:linear-gradient(color-mix(in srgb, var(--tandem-author-claude) 24%, transparent), color-mix(in srgb, var(--tandem-author-claude) 24%, transparent));transition:background-size .54s var(--ease-standard);background-position:0;background-repeat:no-repeat;background-size:0% 100%;border-radius:3px;margin:0 -3px;padding:1px 3px}.hd-gutter{background:var(--tandem-author-claude);opacity:.25;border-radius:2px;width:3px;animation:2s ease-in-out infinite ed-gutter-pulse;position:absolute;top:3px;bottom:3px;left:-22px}html,body,#root{height:100%;overflow:hidden}:root{--rail-left-w:240px;--rail-right-w:340px;--peek-w:14px;--tandem-rail-inner-radius:14px}body.m-app-body{font-family:var(--tandem-font-sans);color:var(--tandem-fg);background:var(--tandem-bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01", "ss03";margin:0;font-size:13px;line-height:1.4}.app-frame{grid-template-rows:60px 1fr;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.c7-top{z-index:10;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:14px 14px 4px;display:grid;position:relative}.c7-brand-wrap{flex-shrink:0;align-self:start;margin:-6px 0 0 -6px;position:relative}.c7-brand{cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;width:40px;height:40px;padding:0;transition:background .15s;display:grid}.c7-brand:hover{background:#0000000a}.c7-brand.open{background:#0000000f}.c7-brand img{object-fit:contain;width:32px;height:32px}.brand-menu{background:var(--tandem-surface);border:1px solid var(--tandem-border);min-width:220px;box-shadow:var(--c7-pill-shadow), 0 10px 30px -8px #0000002e;z-index:100;border-radius:14px;padding:6px;animation:.14s brandMenuIn;position:absolute;top:calc(100% + 6px);left:-2px}@keyframes brandMenuIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.brand-menu-group{padding:6px 4px 4px}.brand-menu-label{font-family:var(--tandem-font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--tandem-fg-faint);padding:0 8px 6px;font-size:9px}.brand-menu-themes{flex-direction:column;gap:1px;display:flex}.brand-theme-sw{width:100%;color:var(--tandem-fg);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-family:inherit;font-size:12.5px;transition:background .1s;display:flex}.brand-theme-sw:hover{background:var(--tandem-surface-sunk)}.brand-theme-sw.on{color:var(--tandem-accent);font-weight:500}.brand-theme-dot{border:1px solid var(--tandem-border);border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset 0 0 0 1px #ffffff80}.brand-theme-sw.on .brand-theme-dot{box-shadow:0 0 0 2px var(--tandem-surface), 0 0 0 3.5px var(--tandem-accent)}.brand-menu-sep{background:var(--tandem-border);height:1px;margin:4px 0}.brand-menu-item{width:100%;color:var(--tandem-fg);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;font-family:inherit;font-size:12.5px;transition:background .1s;display:flex}.brand-menu-item:hover{background:var(--tandem-surface-sunk)}.brand-menu-item svg{color:var(--tandem-fg-muted);flex-shrink:0}.brand-menu-item>span:nth-child(2){flex:1}.brand-menu-kbd{font-family:var(--tandem-font-mono);color:var(--tandem-fg-faint);letter-spacing:.02em;font-size:10px}.c7-tabs-wrap{align-items:center;gap:6px;min-width:0;display:flex}.c7-tabs{scrollbar-width:none;flex:1;gap:6px;min-width:0;margin:-6px 0 -12px;padding:6px 6px 12px;display:flex;overflow-x:auto}.c7-tabs::-webkit-scrollbar{display:none}.c7-tab{color:var(--tandem-fg-muted);cursor:pointer;white-space:nowrap;user-select:none;background:0 0;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;max-width:220px;padding:7px 14px;font-size:12.5px;line-height:1;transition:color .12s,background .12s,box-shadow .12s;display:inline-flex;box-shadow:0 1px 2px #0000000d,0 3px 8px -3px #0000001a}.c7-tab-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.c7-tab .ext{font-family:var(--tandem-font-mono);color:var(--tandem-fg-faint);background:#0000000d;border-radius:4px;flex-shrink:0;padding:1px 5px;font-size:10px}.c7-tab .pip{background:var(--tandem-author-user);border-radius:50%;flex-shrink:0;width:6px;height:6px}.c7-tab .c7-tab-tail{flex-shrink:0;place-items:center;width:14px;height:14px;display:inline-grid;position:relative}.c7-tab .close-x{color:var(--tandem-fg-faint);opacity:.55;border-radius:50%;place-items:center;transition:opacity .12s,background .12s;display:inline-grid;position:absolute;inset:0}.c7-tab:hover .close-x{opacity:.9}.c7-tab .close-x:hover{color:var(--tandem-fg);background:#00000012}.c7-tab .dirty-dot{display:none}.c7-tab.on{color:var(--tandem-fg);box-shadow:var(--c7-pill-shadow);background:#ffffffc7}[data-theme=dark] .c7-tab.on{background:oklch(27% .012 280)}.c7-tab-add{width:28px;height:28px;color:var(--tandem-fg-faint);cursor:pointer;background:#0000000a;border:0;border-radius:999px;flex-shrink:0;place-items:center;display:inline-grid}.c7-tab-add:hover{color:var(--tandem-fg)}.c7-controls{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.c7-seg{background:#0000000f;border-radius:999px;gap:2px;padding:3px;display:inline-flex}[data-theme=dark] .c7-seg{background:#ffffff14}.c7-seg button{height:24px;color:var(--tandem-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 12px;font-size:12px;font-weight:500}.c7-seg button.on{color:var(--tandem-fg);background:#fffc;box-shadow:0 1px 2px #0000000f}[data-theme=dark] .c7-seg button.on{background:oklch(30% .012 270)}.c7-icbtn{width:30px;height:30px;color:var(--tandem-fg-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;transition:background .12s,color .12s;display:inline-grid}.c7-icbtn:hover{color:var(--tandem-fg);background:#00000012}[data-theme=dark] .c7-icbtn:hover{background:#ffffff1a}.c7-main{min-height:0;display:flex;position:relative;overflow:hidden}.editor-wrap{background:0 0;flex:1 1 0;min-width:0;position:relative;overflow:auto;mask-image:linear-gradient(#0000 0,#000 32px calc(100% - 32px),#0000 100%)}.m-doc{width:1180px;max-width:100%;color:var(--tandem-fg);font-family:var(--tandem-font-sans);font-feature-settings:"cv11", "ss01", "ss03";background:0 0;margin:0 auto;padding:20px 0 96px;position:relative}.c7-rail{background:var(--tandem-surface-muted);margin-top:var(--tandem-rail-top-clearance);margin-bottom:var(--tandem-status-clearance-total);border:1px solid var(--tandem-border);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.c7-rail-right{width:var(--rail-right-w);border-radius:var(--tandem-rail-inner-radius) 0 0 var(--tandem-rail-inner-radius);box-shadow:var(--tandem-rail-shadow-right);border-right:none}.c7-rail-left{width:var(--rail-left-w);border-radius:0 var(--tandem-rail-inner-radius) var(--tandem-rail-inner-radius) 0;box-shadow:var(--tandem-rail-shadow-left);border-left:none}.rail-full{flex-direction:column;display:flex;position:absolute;top:0;bottom:0}.c7-rail-right .rail-full{width:var(--rail-right-w);left:0}.c7-rail-left .rail-full{width:var(--rail-left-w);right:0}.c7-rail-left-head{height:40px;font-family:var(--tandem-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tandem-fg-faint);border-bottom:1px solid var(--tandem-border);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-size:10px;display:flex}.c7-rail-left-head .progress{align-items:center;gap:7px;margin-left:auto;display:flex}.c7-rail-left-head .progress .bar{background:var(--tandem-surface-sunk);border-radius:2px;width:46px;height:3px;overflow:hidden}.c7-rail-left-head .progress .bar i{background:var(--tandem-accent);height:100%;transition:width 90ms linear;display:block}.outline-body{flex-direction:column;flex:1;gap:1px;padding:10px;display:flex;overflow-y:auto;mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 16px),#0000 100%)}.outline-item{color:var(--tandem-fg-muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:13px;transition:background .1s,color .1s;display:flex}.outline-item:hover{background:var(--tandem-surface-sunk);color:var(--tandem-fg)}.outline-item.active{background:var(--tandem-accent-bg);color:var(--tandem-accent-fg-strong);font-weight:500}.outline-item.h1{font-family:var(--tandem-font-serif);color:var(--tandem-fg);font-size:14px;font-weight:600}.outline-item.h2{padding-left:20px;font-size:12.5px}.outline-item .label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.outline-tick{background:var(--tandem-border-strong);border-radius:1px;flex-shrink:0;width:2px;height:12px}.outline-item.active .outline-tick{background:var(--tandem-accent)}.outline-anno-count{font-family:var(--tandem-font-mono);background:var(--tandem-surface-sunk);border:1px solid var(--tandem-border);min-width:18px;height:16px;color:var(--tandem-fg-muted);border-radius:8px;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;font-size:9.5px;display:inline-flex}.outline-item.active .outline-anno-count{background:var(--tandem-accent);border-color:var(--tandem-accent);color:#fff}.c7-rail-tabs{border-bottom:1px solid var(--tandem-border);background:var(--tandem-surface-muted);flex-shrink:0;align-items:stretch;gap:2px;height:40px;padding:0 10px;display:flex}.c7-rail-tab{color:var(--tandem-fg-subtle);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:0 12px;font-size:12px;font-weight:500;transition:color .12s;display:inline-flex}.c7-rail-tab:hover{color:var(--tandem-fg)}.c7-rail-tab.active{color:var(--tandem-fg);border-bottom-color:var(--tandem-accent)}.c7-rail-count{font-family:var(--tandem-font-mono);background:var(--tandem-surface-sunk);border:1px solid var(--tandem-border);text-align:center;min-width:16px;color:var(--tandem-fg-muted);border-radius:999px;padding:0 5px;font-size:9.5px}.c7-rail-tab.active .c7-rail-count{background:var(--tandem-accent-bg);color:var(--tandem-accent-fg-strong);border-color:var(--tandem-accent-border)}.c7-rail-spacer{flex:1}.c7-rail-actions{flex-shrink:0;align-items:center;padding:0 6px;display:flex}.rail-icon-btn{width:24px;height:24px;color:var(--tandem-fg-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;transition:background .1s,color .1s;display:inline-grid}.rail-icon-btn:hover{background:var(--tandem-surface-sunk);color:var(--tandem-fg)}.c7-rail-body{flex-direction:column;flex:1;gap:7px;padding:12px;display:flex;overflow-y:auto;mask-image:linear-gradient(#0000 0,#000 16px calc(100% - 16px),#0000 100%)}.anno-card{background:var(--tandem-surface);border:1px solid var(--tandem-border);cursor:pointer;border-radius:16px;flex-direction:column;flex-shrink:0;gap:9px;padding:14px 14px 12px;transition:box-shadow .2s,border-color .14s;display:flex;position:relative;box-shadow:0 1px 2px #0000000d,0 4px 12px -2px #00000012,0 12px 24px -8px #0000000f}.anno-card.active{outline:2px solid var(--tandem-accent);outline-offset:1px}.anno-card.suggest{background:oklch(98.5% .008 295)}.anno-card.comment-user{background:oklch(98.7% .005 250)}[data-theme=dark] .anno-card.suggest{background:oklch(24% .04 295)}[data-theme=dark] .anno-card.comment-user{background:oklch(24% .03 250)}.card-head{align-items:center;gap:6px;display:flex}.author-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.author-dot.user{background:var(--tandem-author-user)}.author-dot.claude{background:var(--tandem-author-claude)}.author-name{font-size:11px;font-weight:600}.author-name.user{color:oklch(35% .14 245)}.author-name.claude{color:oklch(40% .12 45)}[data-theme=dark] .author-name.user{color:oklch(75% .12 245)}[data-theme=dark] .author-name.claude{color:oklch(78% .12 45)}.type-badge{font-family:var(--tandem-font-mono);letter-spacing:.06em;text-transform:uppercase;background:var(--tandem-surface-sunk);color:var(--tandem-fg-subtle);border:1px solid var(--tandem-border);border-radius:999px;padding:2px 8px;font-size:9px}.type-badge.suggest{color:oklch(36% .18 305);background:oklch(94% .04 305/.6);border-color:oklch(88% .08 305/.4)}.type-badge.comment{color:oklch(35% .14 245);background:oklch(94% .025 245/.5);border-color:oklch(84% .1 245/.35)}.type-badge.flag{background:color-mix(in srgb, var(--tandem-warning) 14%, var(--tandem-surface));color:var(--tandem-warning-fg-strong);border-color:color-mix(in srgb, var(--tandem-warning) 30%, transparent)}.type-badge.highlight{color:oklch(42% .1 80);background:oklch(92% .1 95/.5);border-color:oklch(82% .12 95/.5)}[data-theme=dark] .type-badge.suggest{color:oklch(85% .14 305);background:oklch(30% .08 305);border-color:oklch(40% .08 305)}[data-theme=dark] .type-badge.comment{color:oklch(85% .13 245);background:oklch(30% .06 245);border-color:oklch(40% .08 245)}[data-theme=dark] .type-badge.highlight{color:oklch(88% .12 95);background:oklch(32% .06 95);border-color:oklch(42% .08 95)}.card-time{font-family:var(--tandem-font-mono);color:var(--tandem-fg-faint);margin-left:auto;font-size:9px}.card-body{color:var(--tandem-fg);font-size:12.5px;line-height:1.5}.card-quote{font-family:var(--tandem-font-serif);color:var(--tandem-fg-subtle);border-left:2px solid var(--tandem-border-strong);padding:0 0 0 10px;font-size:11.5px;font-style:italic;line-height:1.45}.diff-block{font-size:11.5px;font-family:var(--tandem-font-serif);flex-direction:column;gap:3px;display:flex}.diff-del{background:color-mix(in srgb, var(--tandem-error) 7%, var(--tandem-surface));color:oklch(42% .16 30);border:1px solid color-mix(in srgb, var(--tandem-error) 12%, transparent);border-radius:7px;padding:4px 10px;text-decoration:line-through}.diff-add{background:color-mix(in srgb, var(--tandem-success) 7%, var(--tandem-surface));color:oklch(36% .13 150);border:1px solid color-mix(in srgb, var(--tandem-success) 12%, transparent);border-radius:7px;padding:4px 10px}[data-theme=dark] .diff-del{color:oklch(80% .1 30)}[data-theme=dark] .diff-add{color:oklch(82% .1 150)}.card-actions{justify-content:space-between;align-items:center;gap:4px;margin-top:2px;display:flex}.btn-sm{letter-spacing:-.005em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 14px;font-family:inherit;font-size:11.5px;font-weight:500;transition:background .2s,color .2s,filter .2s,transform .1s;display:inline-flex}.btn-sm:active{transform:scale(.97)}.btn-sm.primary{color:var(--tandem-surface);background:oklch(30% .024 55);border:none;font-weight:600}.btn-sm.primary:hover{filter:brightness(1.2)}[data-theme=dark] .btn-sm.primary{color:oklch(22% .012 280);background:oklch(90% .01 55)}[data-theme=dark] .btn-sm.primary:hover{filter:brightness(.94)}.btn-sm.ghost{color:var(--tandem-fg-subtle);background:0 0}.btn-sm.ghost:hover{background:var(--tandem-surface-sunk);color:var(--tandem-fg)}.rail-empty{color:var(--tandem-fg-faint);text-align:center;padding:16px 8px;font-size:12px}.held-row{color:var(--tandem-fg-muted);background:color-mix(in srgb, var(--tandem-author-claude) 9%, var(--tandem-surface));border:1px solid color-mix(in srgb, var(--tandem-author-claude) 24%, var(--tandem-border));border-radius:12px;flex-shrink:0;align-items:center;gap:9px;padding:11px 13px;font-size:12px;line-height:1.4;display:flex}.held-row .dot{background:var(--tandem-author-claude);border-radius:50%;flex-shrink:0;width:7px;height:7px}.held-row b{color:oklch(40% .12 40);font-weight:700}[data-theme=dark] .held-row b{color:oklch(78% .12 40)}.chat-input-area{border-top:1px solid var(--tandem-border);background:var(--tandem-surface-muted);flex-shrink:0;align-items:flex-end;gap:6px;padding:10px;display:flex}.chat-textarea{border:1px solid var(--tandem-border);background:var(--tandem-surface);color:var(--tandem-fg);resize:none;border-radius:18px;outline:none;flex:1;min-height:36px;padding:8px 14px;font-family:inherit;font-size:13px;box-shadow:0 1px 2px #00000008}.chat-textarea::placeholder{color:var(--tandem-fg-faint)}.chat-send-btn{width:32px;height:32px;color:var(--tandem-surface);cursor:pointer;background:oklch(30% .024 55);border:none;border-radius:999px;flex-shrink:0;place-items:center;transition:filter .15s;display:grid}.chat-send-btn:hover{filter:brightness(1.2)}[data-theme=dark] .chat-send-btn{color:oklch(22% .012 280);background:oklch(90% .01 55)}[data-theme=dark] .chat-send-btn:hover{filter:brightness(.94)}.status-pill{background:var(--tandem-surface);border:1px solid var(--tandem-border);box-shadow:var(--c7-pill-shadow);font-family:var(--tandem-font-mono);color:var(--tandem-fg-subtle);z-index:5;pointer-events:none;user-select:none;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;display:inline-flex;position:absolute;bottom:12px;left:22px}.claude-pulse{background:var(--tandem-author-claude);border-radius:50%;flex-shrink:0;width:7px;height:7px}.claude-pulse.mcp-connected{background:var(--tandem-success)}.claude-pulse.solo{background:var(--tandem-fg-faint)}.status-sep{opacity:.35}.held-badge{background:color-mix(in srgb, var(--tandem-author-claude) 9%, var(--tandem-surface));border:1px solid color-mix(in srgb, var(--tandem-author-claude) 24%, var(--tandem-border));color:oklch(40% .12 40);border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:10px;font-weight:500;display:inline-flex}[data-theme=dark] .held-badge{color:oklch(78% .12 40)}@media (prefers-reduced-motion:reduce){.c7-rail-left-head .progress .bar i{transition:none}}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none;-ms-overflow-style:none}.activity-anchor{z-index:var(--tandem-z-toast,400);pointer-events:none;position:absolute;bottom:12px;right:22px}.activity-shell{pointer-events:auto;background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-pill);width:150px;box-shadow:var(--c7-pill-shadow);-webkit-backdrop-filter:saturate(140%)blur(8px);transform-origin:100% 100%;flex-direction:column;transition:width .34s ease-out,border-radius .34s ease-out,box-shadow .54s ease-out .34s,border-color .28s;display:flex;position:absolute;bottom:0;right:0;overflow:hidden}.activity-shell.open{width:340px;box-shadow:var(--c7-pill-shadow), 0 12px 32px -10px #0000002e;border-color:var(--tandem-border-strong);border-radius:14px}.activity-shell:not(.open){transition:width .34s ease-out .42s,border-radius .34s ease-out .42s,box-shadow .44s ease-in,border-color .28s .42s}.pill-row{height:26px;font-family:var(--tandem-font-sans);color:var(--tandem-fg);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-top:1px solid #0000;align-items:center;gap:8px;padding:0 12px;font-size:12px;transition:background .1s,border-color .2s .2s;display:inline-flex}.activity-shell.open .pill-row{border-top-color:var(--tandem-border)}.pill-row:hover{background:var(--tandem-surface-sunk)}.pill-row .led{background:var(--tandem-fg-faint);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s}.activity-shell.has-info .pill-row .led{background:var(--tandem-info)}.activity-shell.has-warning .pill-row .led{background:var(--tandem-warning);animation:1.6s ease-in-out infinite ledpulse}.activity-shell.has-error .pill-row .led{background:var(--tandem-error);animation:1.4s ease-in-out infinite ledpulse}@keyframes ledpulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pillNudge{0%{transform:none}30%{transform:translateY(-2px)scale(1.04)}to{transform:none}}.activity-shell.nudge:not(.open){animation:.5s cubic-bezier(.2,.8,.2,1) pillNudge}.activity-shell.idle .pill-row{color:var(--tandem-fg-subtle);font-family:var(--tandem-font-mono);font-size:11px}.pill-row .count{font-family:var(--tandem-font-mono);border-radius:var(--tandem-r-pill);background:var(--tandem-surface-sunk);color:var(--tandem-fg-muted);border:1px solid var(--tandem-border);padding:1px 6px;font-size:10px;font-weight:600}.activity-shell.has-error .pill-row .count{background:var(--tandem-error-bg);color:var(--tandem-error-fg-strong);border-color:var(--tandem-error-border)}.activity-shell.has-warning .pill-row .count{background:var(--tandem-warning-bg);color:var(--tandem-warning-fg-strong);border-color:var(--tandem-warning-border)}.pill-row .chev{width:14px;height:14px;color:var(--tandem-fg-faint);place-items:center;margin-left:2px;transition:transform .22s cubic-bezier(.2,.8,.2,1);display:inline-grid}.activity-shell.open .pill-row .chev{transform:rotate(180deg)}.pill-row .spacer{flex:1;min-width:8px}.tray-wrap{max-height:0;transition:max-height .44s cubic-bezier(.4,0,.6,1);overflow:hidden}.activity-shell.open .tray-wrap{max-height:400px;transition:max-height .54s cubic-bezier(.2,.8,.2,1) .34s}.tray-inner{opacity:0;flex-direction:column;transition:opacity .16s;display:flex}.activity-shell.open .tray-inner{opacity:1;transition:opacity .2s .48s}.tray-head{align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.tray-head .label{font-family:var(--tandem-font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tandem-fg-faint);font-size:10px}.tray-head .num{font-family:var(--tandem-font-mono);color:var(--tandem-fg-muted);font-size:10px}.tray-head .spacer{flex:1}.tray-head button{font-family:var(--tandem-font-sans);color:var(--tandem-fg-muted);border-radius:var(--tandem-r-2);cursor:pointer;background:0 0;border:none;padding:2px 8px;font-size:11px;transition:background .1s,color .1s}.tray-head button:hover{background:var(--tandem-surface-sunk);color:var(--tandem-fg)}.tray-list{max-height:288px;padding:2px 6px 8px;overflow-y:auto;mask-image:linear-gradient(#0000 0,#000 10px calc(100% - 10px),#0000 100%)}@property --slide-y{syntax:"<length>";inherits:false;initial-value:0}.tray-list.cascade .toast-row{animation:.42s cubic-bezier(.2,.8,.2,1) both rowSlideUp}.tray-list.cascade .toast-row:first-child{--slide-y:240px;animation-delay:.54s}.tray-list.cascade .toast-row:nth-child(2){--slide-y:160px;animation-delay:.65s}.tray-list.cascade .toast-row:nth-child(3){--slide-y:84px;animation-delay:.76s}.tray-list.cascade .toast-row:nth-child(4){--slide-y:16px;animation-delay:.87s}.tray-list.cascade .toast-row:nth-child(5){--slide-y:8px;animation-delay:.98s}.tray-list.cascade .toast-row:nth-child(n+6){--slide-y:6px;animation-delay:1.09s}@keyframes rowSlideUp{0%{opacity:0;transform:translateY(var(--slide-y,24px))}to{opacity:1;transform:translateY(0)}}.tray-empty{text-align:center;font-family:var(--tandem-font-serif);color:var(--tandem-fg-subtle);padding:20px 14px 24px;font-size:13.5px}.tray-empty .sub{font-family:var(--tandem-font-sans);color:var(--tandem-fg-faint);margin-top:4px;font-size:11px}.toast-row{border-radius:8px;gap:10px;padding:10px 10px 10px 8px;transition:background .12s;display:flex;position:relative}.toast-row:hover{background:var(--tandem-surface-sunk)}.toast-row+.toast-row{margin-top:2px}.toast-row.dismissing{animation:.2s ease-in forwards rowOut}@keyframes rowOut{0%{opacity:1;max-height:80px;transform:none}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;transform:translate(8px)}}.toast-row .glyph{border-radius:6px;flex:none;place-items:center;width:22px;height:22px;display:inline-grid}.toast-row.info .glyph{background:color-mix(in srgb, var(--tandem-info) 14%, transparent);color:var(--tandem-info)}.toast-row.warning .glyph{background:color-mix(in srgb, var(--tandem-warning) 18%, transparent);color:var(--tandem-warning)}.toast-row.error .glyph{background:color-mix(in srgb, var(--tandem-error) 18%, transparent);color:var(--tandem-error)}.toast-row .body{flex:1;min-width:0}.toast-row .msg-row{font-family:var(--tandem-font-sans);color:var(--tandem-fg);align-items:center;gap:6px;font-size:13px;line-height:1.4;display:flex}.toast-row .msg{min-width:0;font-weight:500}.toast-row .ts{font-family:var(--tandem-font-mono);color:var(--tandem-fg-faint);white-space:nowrap;align-self:flex-start;margin-left:auto;padding-top:1px;font-size:9.5px}.toast-row .sub{font-family:var(--tandem-font-sans);color:var(--tandem-fg-muted);margin-top:2px;font-size:11.5px;line-height:1.45}.toast-row .badge{font-family:var(--tandem-font-mono);border-radius:var(--tandem-r-pill);border:1px solid #0000;padding:1px 6px;font-size:9.5px;font-weight:600}.toast-row.info .badge{background:var(--tandem-info-bg);color:var(--tandem-info-fg-strong);border-color:var(--tandem-info-border)}.toast-row.warning .badge{background:var(--tandem-warning-bg);color:var(--tandem-warning-fg-strong);border-color:var(--tandem-warning-border)}.toast-row.error .badge{background:var(--tandem-error-bg);color:var(--tandem-error-fg-strong);border-color:var(--tandem-error-border)}.toast-row .action{font-family:var(--tandem-font-sans);border-radius:var(--tandem-r-pill);border:1px solid var(--tandem-border-strong);height:22px;color:var(--tandem-fg);cursor:pointer;background:0 0;align-items:center;gap:5px;margin-top:6px;padding:0 10px;font-size:11px;font-weight:500;transition:background .1s,border-color .1s;display:inline-flex}.toast-row .action:hover{background:var(--tandem-surface-sunk);border-color:var(--tandem-fg-faint)}.toast-row .dismiss{border-radius:var(--tandem-r-2);width:18px;height:18px;color:var(--tandem-fg-faint);cursor:pointer;opacity:0;background:0 0;border:none;align-self:flex-start;place-items:center;transition:opacity .1s,background .1s,color .1s;display:inline-grid}.toast-row:hover .dismiss{opacity:.9}.toast-row .dismiss:hover{background:var(--tandem-surface-sunk);color:var(--tandem-fg);opacity:1}@media (prefers-reduced-motion:reduce){.activity-shell,.activity-shell:not(.open),.activity-shell .tray-wrap,.activity-shell .tray-inner,.tray-list.cascade .toast-row,.toast-row,.toast-row.dismissing{transition:none!important;animation:none!important}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=tab]:focus-visible,[role=button]:focus-visible,.c7-tab-name:focus-visible,.c7-icbtn:focus-visible,.c7-brand:focus-visible,.brand-theme-sw:focus-visible,.brand-menu-item:focus-visible,.m-btn:focus-visible,.rail-icon-btn:focus-visible,.chat-send-btn:focus-visible,.c7-tab-add:focus-visible,.chat-textarea:focus-visible{outline:2px solid var(--tandem-accent);outline-offset:2px}.c7-tab .close-x:focus-visible{outline:2px solid var(--tandem-accent);outline-offset:1px}.c7-tab .close-x{appearance:none;font:inherit;line-height:inherit;background:0 0;border:none;margin:0;padding:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.outline-anno-count,.c7-rail-count,.type-badge,.card-time,.brand-menu-label,.toast-row .ts,.toast-row .badge{font-size:11px}.anno-card{cursor:default}.anno-card:hover{box-shadow:0 1px 2px #0000000d,0 4px 12px -2px #00000012,0 12px 24px -8px #0000000f}@media (width<=900px){html,body,#root{height:auto;min-height:100%;overflow:clip visible}.app-frame{height:auto;min-height:100%;overflow:visible}.c7-main{flex-direction:column;overflow:visible}.c7-top,.c7-main,.editor-wrap,.c7-tabs-wrap,.c7-tabs{min-width:0}.c7-rail-left,.c7-rail-right{display:none}.editor-wrap{flex:auto;width:100%;overflow:visible;mask-image:none}.c7-top{z-index:20;background:color-mix(in srgb, var(--tandem-bg) 86%, transparent);backdrop-filter:blur(10px)saturate(1.15);border-bottom:1px solid var(--tandem-border);gap:8px;padding:8px 12px 6px;position:sticky;top:0}.c7-tab{max-width:148px}.c7-controls .c7-icbtn,.status-pill{display:none}.activity-anchor{right:12px;bottom:calc(74px + env(safe-area-inset-bottom,0px));position:fixed}.m-doc{padding-bottom:24px}.m-footer{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.m-footer a{scroll-margin-bottom:120px}}.mdock{display:none}@media (width<=900px){.mdock{z-index:40;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--tandem-bg) 88%, transparent);backdrop-filter:blur(14px)saturate(1.2);border-top:1px solid var(--tandem-border);display:flex;position:fixed;bottom:0;left:0;right:0}.mdock-bar{background:var(--tandem-surface);border:1px solid var(--tandem-border);border-radius:var(--tandem-r-pill);width:100%;font-family:var(--tandem-font-sans);color:var(--tandem-fg);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex;box-shadow:0 2px 12px #00000014}.mdock-bar:active{transform:scale(.99)}.mdock-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mdock-dot.user{background:var(--tandem-author-user)}.mdock-dot.claude{background:var(--tandem-author-claude)}.mdock-dot.muted{background:var(--tandem-fg-faint)}.mdock-bar .held-badge{white-space:nowrap;flex-shrink:0}.mdock-name{flex-shrink:0;font-weight:600}.mdock-name.user{color:var(--tandem-author-user)}.mdock-name.claude{color:var(--tandem-author-claude)}.mdock-body{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--tandem-fg-muted);flex:1;overflow:hidden}.mdock-more{color:var(--tandem-fg-faint);flex-shrink:0;font-size:11px}.mdock-bar>svg{color:var(--tandem-fg-faint);flex-shrink:0}.mdock-quiet{align-items:center;gap:8px;padding-left:16px;padding-right:16px}.mdock-quiet-label{color:var(--tandem-fg-faint);font-size:12px}.mdock-held .mdock-quiet-label{color:var(--tandem-fg-muted)}.mdock-quiet:not(.mdock-held){opacity:.7}.mdock-scrim{z-index:39;background:#00000047;position:fixed;inset:0}.mdock.open{flex-direction:column}.mdock-card{width:100%;position:relative}.mdock-card .anno-card{margin:0}.mdock-close{z-index:1;width:30px;height:30px;color:var(--tandem-fg-faint);cursor:pointer;background:0 0;border:none;place-items:center;display:grid;position:absolute;top:6px;right:6px}}.c7-outline-strip{scrollbar-width:none;flex:1 0 100%;grid-column:1/-1;gap:6px;margin:-2px -2px 0;padding:4px 2px 6px;display:none;overflow:auto hidden}.ostrip-item{color:var(--tandem-fg-muted);font-family:var(--tandem-font-sans);white-space:nowrap;cursor:pointer;background:#0000000b;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:7px 12px;font-size:12px;line-height:1;transition:background .12s,color .12s,border-color .12s}.ostrip-item:hover{color:var(--tandem-fg);background:#00000012}.ostrip-item.active{background:var(--tandem-accent-bg);color:var(--tandem-accent-fg-strong);border-color:var(--tandem-accent-border);font-weight:500}[data-theme=dark] .ostrip-item{background:#ffffff12}[data-theme=dark] .ostrip-item:hover{background:#ffffff1f}.ostrip-item:focus-visible{outline:2px solid var(--tandem-accent);outline-offset:2px}.app-frame{grid-template-rows:minmax(60px,auto) 1fr}@media (width<=1399px){.c7-rail-left{width:var(--peek-w)}.c7-top{flex-wrap:wrap;align-items:center;row-gap:2px;display:flex}.c7-tabs-wrap{flex:1 1 0}.c7-controls{margin-left:auto}.c7-outline-strip{display:flex}}@media (width<=1159px){.c7-rail-right{width:var(--peek-w)}}.app-frame.hero-peek .c7-rail-left,.app-frame.hero-peek .c7-rail-right{width:var(--peek-w)}@media (width<=1399px){.app-frame.left-open .c7-rail-right{width:var(--peek-w)}}.app-frame.left-open .c7-rail-left{width:var(--rail-left-w)}.app-frame.left-peek .c7-rail-left{width:var(--peek-w)}.app-frame.right-open .c7-rail-right{width:var(--rail-right-w)}.app-frame.right-peek .c7-rail-right{width:var(--peek-w)}@media (width>=901px){.app-frame.left-peek .c7-outline-strip{display:flex}.app-frame.left-open .c7-outline-strip{display:none}}.c7-rail{transition:width .52s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion:reduce){.c7-rail{transition:none}}.rail-toggle{width:var(--peek-w);z-index:3;cursor:pointer;color:var(--tandem-fg-faint);background:0 0;border:none;place-items:center;padding:0;transition:background .12s,color .12s;display:grid;position:absolute;top:0;bottom:0}.c7-rail-left .rail-toggle{right:0}.c7-rail-right .rail-toggle{left:0}.rail-toggle:hover{color:var(--tandem-fg);background:#0000000d}[data-theme=dark] .rail-toggle:hover{background:#ffffff12}.rail-toggle:focus-visible{outline:2px solid var(--tandem-accent);outline-offset:-2px}.rail-toggle svg{opacity:.5;width:10px;height:10px;transition:opacity .12s,transform .22s}.rail-toggle:hover svg{opacity:1}.rail-toggle[aria-expanded=false] svg{transform:scaleX(-1)}.c7-rail-left .rail-full{padding-right:var(--peek-w)}.c7-rail-right .rail-full{padding-left:var(--peek-w)}@media (width<=900px){.rail-toggle{display:none}}.editor-wrap{container:doc/inline-size}@container doc (width<=800px){.m-wrap,.m-wrap-narrow{padding:0 40px}.m-section{padding:88px 0}.m-section.tight{padding:64px 0}.m-grid-3{grid-template-columns:repeat(2,1fr)}.m-wrap[style*=grid]{grid-template-columns:1fr!important}.ed-body{grid-template-columns:1fr}.m-frame>.ed-top+div{display:block!important}.m-footer-grid{grid-template-columns:1fr 1fr}.ed-top .ed-file{white-space:nowrap}.m-d1{font-size:clamp(33px,8cqi,66px)!important}.m-d2{font-size:clamp(28px,6.2cqi,54px)!important}.m-d3{font-size:clamp(23px,4.6cqi,38px)!important}.m-d4{font-size:clamp(19px,3cqi,28px)!important}}@container doc (width<=620px){.m-wrap,.m-wrap-narrow{padding:0 22px}.m-section{padding:72px 0}.m-section.tight{padding:56px 0}.m-grid-3,.m-grid-2{grid-template-columns:1fr}.m-frame{padding:20px!important}.mo-layout{flex-wrap:wrap;justify-content:center}.mo-doc{width:132px}.mo-a8.tandem-on .mo-doc{width:104px}.mo-a8.tandem-on .mo-rail{width:84px}.ed-top .ed-file{position:static!important;transform:none!important}.ed-top .ed-mode{display:none}}@container doc (width<=560px){.m-footer-grid{grid-template-columns:1fr}.m-footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}}.hero-prose{max-width:640px;margin:0 auto;padding:0 8px;position:relative}.hd-lede{font-family:var(--tandem-font-serif);color:var(--tandem-fg);margin:0 0 14px;font-size:20px;line-height:1.62}.hd-lede.last{margin-bottom:0;position:relative}.hd-hl-you{background:0 0;background-image:linear-gradient(color-mix(in srgb, var(--tandem-author-user) 22%, transparent), color-mix(in srgb, var(--tandem-author-user) 22%, transparent));transition:background-size .38s var(--ease-standard,cubic-bezier(.4, 0, .2, 1));background-position:0;background-repeat:no-repeat;background-size:0% 100%}.app-frame.hero-marked .hd-hl-you,.app-frame.hero-washed .hd-hl-claude{background-size:100% 100%}.hd-gutter{opacity:0;transition:opacity .24s;animation-play-state:paused}.app-frame.hero-read .hd-gutter{opacity:.25;animation-play-state:running}.hero-note{z-index:2;opacity:0;pointer-events:none;width:200px;transition:opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;transform:translateY(-6px)scale(.98)}.hero-note.you{top:84px;left:-232px}.hero-note.claude{top:150px;right:-232px}@container doc (width<=1103px){.hero-note{display:none}}.app-frame.hero-notes-live .hero-note{display:block}.app-frame.hero-notes-live .m-doc{overflow-x:clip}.app-frame.hero-notes-live.hero-noted .hero-note.you,.app-frame.hero-notes-live.hero-arrived .hero-note.claude{opacity:1;transform:none}.app-frame.hero-notes-live.hero-settled .hero-note.you,.app-frame.hero-notes-live.hero-settled .hero-note.claude{opacity:0;transform:translateY(-4px)}.app-frame.hero-cards-held .c7-rail-right .anno-card{opacity:0;transform:translateY(-8px)scale(.97)}.app-frame.hero-cards-in .c7-rail-right .anno-card{opacity:1;transition:opacity .26s,transform .26s cubic-bezier(.22,1,.36,1);transform:none}.app-frame.hero-cards-in .c7-rail-right .anno-card:nth-child(2 of .anno-card){transition-delay:70ms}@media (prefers-reduced-motion:reduce){.hd-hl-you,.hero-note,.app-frame.hero-cards-in .c7-rail-right .anno-card{transition:none}.brand-menu{animation:none}}.c7-tabs.is-scrollable{mask-image:linear-gradient(90deg,#000 0 calc(100% - 20px),#0000 100%)}