*{box-sizing:border-box}:root{--bg-page:#d8d8d8;--bg-shell:#efefef;--bg-panel:#f8f8f8;--bg-panel-soft:#f1f1f1;--line:#bababa;--line-dark:#8c8c8c;--text:#202020;--text-soft:#565656;--text-faint:#767676;--blue:#2b5ba7;--blue-soft:#6683b6;--purple:#7d4aa8;--green:#568141;--shadow:0 10px 22px #0000001f;--font-ui:Tahoma, Verdana, Arial, sans-serif;--font-mono:Monaco, "Courier New", monospace}html,body{min-height:100%;margin:0}body{color:var(--text);font-family:var(--font-ui);background:linear-gradient(#ffffff6b,#fff0) 0 0/100% 180px no-repeat,linear-gradient(#dedede,#d2d2d2 22%,#e5e5e5 100%)}a{color:inherit;text-decoration:none}h1,p{margin:0}.site-shell{max-width:1260px;margin:0 auto;padding:16px}.section{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#ffffffd1,#f4f4f4eb);padding:14px}.section-intro{gap:8px;max-width:780px;margin-bottom:10px;display:grid}.eyebrow{color:var(--text-faint);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";border:1px solid var(--line-dark);background:linear-gradient(#fff,#d6d6d6);width:9px;height:9px}h1{letter-spacing:-.04em;font-size:clamp(32px,4vw,48px);line-height:.98}p{color:var(--text-soft);font-size:14px;line-height:1.55}.section-intro__lede{color:#303030;font-size:18px;line-height:1.3}.github-button{border:1px solid var(--line-dark);min-height:30px;color:var(--text);background:linear-gradient(#f8f8f8,#d9d9d9);justify-content:center;align-items:center;margin-bottom:12px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffd9}.showcase-window{border:1px solid var(--line-dark);background:var(--bg-shell);overflow:hidden;box-shadow:0 14px 28px #00000024}.showcase-window__menubar{border-bottom:1px solid var(--line);background:linear-gradient(#f4f4f4,#dfdfdf);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.menu-cluster{flex-wrap:wrap;gap:12px;display:flex}.menu-cluster--right{color:var(--text-soft)}.showcase-window__titlebar{border-bottom:1px solid var(--line);background:linear-gradient(#fbfbfb,#ececec);justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.window-title{font-size:20px;font-weight:700}.window-meta{color:var(--text-soft);margin-top:4px;font-size:13px}.window-status{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.window-status__chip{border:1px solid var(--line);color:var(--text-soft);background:#f7f7f7;padding:3px 7px;font-size:11px}.showcase-window__body{grid-template-columns:250px minmax(0,1fr) 170px;min-height:570px;display:grid}.mock-pane{background:var(--bg-panel);min-width:0}.mock-pane--buffer{flex-direction:column;display:flex}.mock-pane--sidebar,.mock-pane--buffer{border-right:1px solid var(--line)}.mock-pane__header{border-bottom:1px solid var(--line);color:#404040;letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(#f9f9f9,#e7e7e7);padding:7px 9px;font-size:10px;font-weight:700}.mock-pane__header--buffer{justify-content:space-between;align-items:start;gap:14px;display:flex}.mock-create{border-bottom:1px solid var(--line);background:var(--bg-panel-soft);gap:7px;padding:10px;display:grid}.mock-label{color:var(--text-faint);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.mock-select,.mock-input,.mock-button,.composer__channel{border:1px solid var(--line-dark);min-height:30px;color:var(--text);background:#fff;padding:6px 8px;font-size:12px}.mock-select,.mock-input,.composer__channel,.buffer-title,.transcript,.user-row{font-family:var(--font-mono)}.mock-select--compact{min-width:170px}.mock-button{width:fit-content;font-family:var(--font-ui);background:linear-gradient(#f8f8f8,#d9d9d9);justify-content:center;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffd9}.network-list{gap:8px;padding:10px 8px;display:grid}.network-card{border:1px solid var(--line);background:#fbfbfb}.network-card__title{background:linear-gradient(#f7f7f7,#ededed);border-bottom:1px solid #dcdcdc;padding:7px 8px 4px;font-weight:700}.network-card__route{color:var(--text-faint);padding:4px 8px;font-size:11px}.channel-row{border-top:1px solid #ececec;padding:6px 8px}.channel-row--active{background:linear-gradient(#dfe8fb,#d1def7)}.channel-row__name{color:var(--blue);font-weight:700}.channel-row__meta{color:var(--text-faint);margin-top:2px;font-size:11px}.buffer-title{font-size:13px;font-weight:700}.buffer-meta{color:var(--text-soft);margin-top:4px;font-size:11px}.transcript{background:#fff;flex:auto;align-content:start;gap:2px;padding:12px 14px;font-size:12px;line-height:1.36;display:grid}.transcript__line{grid-template-columns:58px 88px minmax(0,1fr);align-items:start;gap:8px;display:grid}.transcript__time{color:#6c6c6c}.transcript__nick{font-weight:700}.transcript__nick--user{color:var(--blue-soft)}.transcript__nick--openrouter{color:var(--purple)}.transcript__content{color:var(--text);white-space:pre-wrap}.composer{border-top:1px solid var(--line);background:linear-gradient(#f1f1f1,#e3e3e3);margin-top:auto;padding:10px 12px}.composer__row{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;display:grid}.composer__channel{color:var(--text-soft);background:#f7f7f7}.mock-input--composer{background:#fff}.composer__status{color:var(--text-faint);justify-content:space-between;gap:10px;margin-top:8px;font-size:11px;display:flex}.mock-pane--users{background:var(--bg-panel-soft)}.users-count{color:var(--text-faint);padding:6px 10px;font-size:11px}.user-row{border-top:1px solid #e3e3e3;padding:8px 10px;font-size:12px}.user-row--you{color:var(--green)}.user-row--router{color:var(--purple)}.section-footer{border-top:1px solid var(--line);color:var(--text-faint);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-top:10px;padding-top:10px;font-size:11px;font-weight:700;display:flex}@media (max-width:980px){.site-shell{padding:12px}.showcase-window__body{grid-template-columns:220px minmax(0,1fr)}.mock-pane--users{border-top:1px solid var(--line);grid-column:1/-1}}@media (max-width:780px){.section{padding:12px}.showcase-window__titlebar,.mock-pane__header--buffer,.composer__status{flex-direction:column;align-items:start}.window-status{align-items:start}.showcase-window__body{grid-template-columns:1fr;min-height:0}.mock-pane--sidebar,.mock-pane--buffer{border-right:0;border-bottom:1px solid var(--line)}.transcript__line{grid-template-columns:54px 82px minmax(0,1fr)}.composer__row{grid-template-columns:1fr}.section-footer{flex-direction:column}}