.app{max-width:1320px;margin:0 auto;padding:0 2rem}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:2rem;min-height:104px;display:flex}.brand{flex-shrink:0;align-items:center;gap:.8rem;display:flex}.brand-mark{background:var(--accent);width:42px;height:42px;color:var(--surface);border-radius:12px;place-items:center;font-size:1.4rem;font-weight:750;display:grid}.brand .muted{font-size:.75rem}nav{flex-wrap:wrap;gap:.4rem;display:flex}nav button{color:var(--muted);background:0 0;border-color:#0000}nav button[aria-current=page]{background:var(--tint);color:var(--accent);border-color:var(--border)}main{min-height:75vh;padding:2.3rem 0 3.5rem}.page-header,.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-header{margin-bottom:1.7rem}.page-header p{margin-top:.5rem}.section-heading{margin:1.4rem 0 .8rem}.detail-panel>.section-heading:first-child{margin-top:0}.eyebrow{color:var(--accent);letter-spacing:.13em;margin-bottom:.35rem;font-size:.68rem;font-weight:750;display:block}.muted{color:var(--muted);font-size:.85rem}.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}.primary:hover:not(:disabled){background:var(--text);color:var(--surface)}.danger{color:var(--danger)}.danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger)}.actions,.refresh{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.actions button{white-space:nowrap}.refresh{font-variant-numeric:tabular-nums}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.summary-grid>div{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;padding:1.15rem 1.4rem}.summary-grid span{color:var(--muted);font-size:.82rem;display:block}.summary-grid strong{font-variant-numeric:tabular-nums;margin-top:.3rem;font-size:2rem;line-height:1.4;display:block}.summary-grid .agent-name{overflow-wrap:anywhere;margin-top:1rem;font-size:1.1rem}.table-scroll{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;min-width:640px;font-size:.86rem}th{color:var(--muted);background:var(--bg);white-space:nowrap;font-size:.78rem;font-weight:650}th,td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.9rem 1rem}tbody tr:last-child td{border-bottom:0}.channel-table{min-width:910px}.channel-table th:first-child,.channel-table td:first-child{background:var(--surface);z-index:1;position:sticky;left:0}.channel-table th:first-child{background:var(--bg)}.channel-table tr.selected td:first-child{background:var(--tint)}table .mono{white-space:nowrap;overflow-wrap:normal}.channel-table tbody tr.selected{background:var(--tint)}.channel-name{text-align:left;color:var(--accent);overflow-wrap:anywhere;background:0 0;border:0;max-width:260px;min-height:32px;padding:.15rem 0;display:block}.channel-name:hover:not(:disabled){background:0 0;text-decoration:underline}.kind{color:var(--muted);margin-top:.15rem;font-size:.74rem;display:block}.status-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:.35rem;padding:.18rem .6rem;font-size:.76rem;font-weight:600;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.live{color:var(--accent);background:var(--tint)}.status-pill.idle{color:var(--muted);background:var(--bg)}.nowrap{white-space:nowrap}.empty{text-align:center;color:var(--muted);padding:2.8rem 1.4rem}.notice{border:1px solid var(--border);background:var(--surface);overflow-wrap:anywhere;border-radius:8px;margin:1rem 0;padding:.85rem 1rem}.notice.error{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}.notice.success{color:var(--accent);background:var(--tint)}.panel,.detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:1.5rem;padding:1.5rem}.details{border-bottom:1px solid var(--border);grid-template-columns:130px minmax(0,1fr);gap:.7rem 1rem;margin:1.2rem 0;padding-bottom:1.2rem;display:grid}.details dt{color:var(--muted);font-size:.85rem}.details dd{overflow-wrap:anywhere;min-width:0;margin:0}.secret{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.secret code{overflow-wrap:anywhere;min-width:0}.secret button{min-height:32px;padding:.2rem .55rem;font-size:.75rem}.issue-grid{grid-template-columns:1fr 2fr;gap:1rem;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}.form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 1rem;display:grid}.form-grid label:first-child,.form-grid label:last-child{grid-column:1/-1}.required{color:var(--accent);margin-left:.5rem;font-size:.68rem}dialog{border:1px solid var(--border);background:var(--surface);width:min(560px,100% - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);border-radius:14px;padding:1.5rem;overflow-y:auto;box-shadow:0 24px 80px #0004}dialog::backdrop{background:#0b221aaa}dialog .section-heading{margin:0 0 1rem}dialog h2{font-size:1.25rem}footer{border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:1.2rem 0;font-size:.75rem;display:flex}.skip-link{background:var(--surface);color:var(--accent);z-index:10;padding:.75rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}@media (width<=700px){.app{padding:0 1rem}.app-header{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.2rem 0}nav{gap:.15rem;width:100%}nav button{flex:1;padding:.5rem .3rem;font-size:.82rem}main{padding-top:1.5rem}.summary-grid{gap:.5rem}.summary-grid>div{padding:.8rem .65rem}.summary-grid strong{font-size:1.65rem}.summary-grid span{font-size:.72rem}.summary-grid .agent-name{font-size:.9rem}.panel,.detail-panel{padding:1rem}.details{grid-template-columns:1fr;gap:.15rem}.details dd{margin-bottom:.7rem}.issue-grid,.form-grid{grid-template-columns:minmax(0,1fr);gap:0}.secret{min-width:140px}dialog{padding:1.1rem}button{min-height:44px}}.site-welcome{max-width:48rem;margin:3rem auto;padding:2.5rem}.site-login{background:var(--accent,#087f5b);color:var(--surface);border-radius:.6rem;margin:1rem 1rem 1rem 0;padding:.8rem 1.5rem;font-weight:650;display:inline-block}.site-search{max-width:32rem;margin-bottom:1.5rem;display:block}.site-channels{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(17rem,33.3333% - .666667rem)),1fr));gap:1rem;margin-top:1.5rem;display:grid}.site-channel-card{color:var(--text);overflow-wrap:anywhere;margin:0;text-decoration:none;display:block}.site-channel-card:hover,.site-channel-card:focus-visible{border-color:var(--accent);background:var(--tint)}.site-player{min-width:0;margin:0}.site-player video{aspect-ratio:16/9;background:#111;border-radius:.6rem;width:100%;display:block}.site-app fieldset{border:1px solid var(--border,#aaa);border-radius:.6rem;margin-top:1.5rem;padding:1rem}.site-app code{overflow-wrap:anywhere}.site-brand{color:inherit;text-decoration:none}.site-menu{flex-shrink:0;position:relative}.site-menu-toggle{place-items:center;width:44px;height:44px;padding:0;display:grid}.site-menu-panel{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:.8rem;flex-direction:column;gap:.25rem;width:min(18rem,100vw - 2rem);padding:.75rem;display:flex;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 28px #0002}.site-menu-panel[hidden]{display:none}.site-menu-panel p{overflow-wrap:anywhere;color:var(--muted);margin:.5rem}.site-menu-panel a,.site-menu-panel button{min-height:44px;color:var(--text);text-align:left;border-radius:.5rem;align-items:center;padding:.6rem .75rem;font-size:1rem;text-decoration:none;display:flex}.site-menu-panel a:hover,.site-menu-panel a[aria-current]{background:var(--bg);color:var(--accent)}.site-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer a{min-height:44px;color:var(--muted);align-items:center;font-size:.75rem;display:inline-flex}.site-live-label{color:var(--muted);margin-bottom:.6rem;font-size:.75rem;display:inline-block}.site-player video::-webkit-media-controls-timeline{display:none}.site-player video::-webkit-media-controls-current-time-display{display:none}.site-player video::-webkit-media-controls-time-remaining-display{display:none}.site-back,.site-player a{color:var(--accent)}.site-back{margin:.5rem 0 1.5rem;display:inline-block}.site-watch-layout{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);align-items:start;gap:1rem;display:grid}.site-comments{min-width:0;margin:0}.site-comment-list{overflow-wrap:anywhere;max-height:65vh;overflow:auto}.site-comment-list article{border-bottom:1px solid var(--border);padding:.75rem 0}.site-comment-list p{white-space:pre-wrap;margin:.4rem 0}@media (width<=850px){.site-app{padding:0 1rem}.site-app .app-header{flex-direction:row;gap:.5rem;min-height:76px;padding:.75rem 0}.site-app .brand{flex-shrink:1;gap:.6rem;min-width:0}.site-app .brand h1{font-size:1.1rem}.site-app .brand-mark{flex-shrink:0;width:36px;height:36px}.site-app main{padding:1rem 0 2rem}.site-app .section-heading{margin-top:.25rem}.site-app .site-back{align-items:center;min-height:44px;margin:0 0 .75rem;display:inline-flex}.site-welcome{margin:1rem auto;padding:1.25rem}.site-app input,.site-app select{min-height:44px;font-size:16px}.site-app button{min-height:44px}.site-player h2{overflow-wrap:anywhere}.site-watch-layout{grid-template-columns:minmax(0,1fr)}.site-comment-list{max-height:24rem}}.site-app{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--text:#24262b;--muted:#656970;--border:#e6e7eb;--accent:#385a8a;--tint:#f4f6f9;--danger:#a62d38;--danger-bg:#fff1f2;--shadow:none;color:var(--text);background:var(--bg);min-height:100vh}body:has(.site-app){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.site-channel-info{align-items:flex-start;gap:.9rem;display:flex}.site-channel-icon{object-fit:cover;border:1px solid var(--border);background:#fff;border-radius:50%;flex-shrink:0;width:48px;height:48px}.site-channel-icon-0yp{object-fit:contain;border-radius:0}.site-channel-copy{flex:1;min-width:0}.site-channel-info h3,.site-channel-info h2{margin:0 0 .25rem;font-size:1.05rem;font-weight:650;line-height:1.5}.site-channel-description{color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap;font-size:.9rem;line-height:1.65}.site-channel-stats{color:var(--muted);flex-wrap:wrap;gap:.25rem .8rem;margin-top:.45rem;font-size:.78rem;display:flex}.site-channel-stats:empty{display:none}.site-channel-detail{margin:1rem 0}.site-channel-detail .site-channel-description{color:var(--text);font-size:1rem}.site-channel-detail .site-channel-icon{width:56px;height:56px}.broadcast-details{grid-template-columns:minmax(6rem,auto) minmax(0,1fr);gap:.5rem 1rem;display:grid}.broadcast-details dt{font-weight:600}.broadcast-details dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.broadcast-form,.broadcast-connection{max-width:52rem;margin-top:1rem}.broadcast-form fieldset{min-width:0}.broadcast-form select{width:100%;margin-bottom:1rem}.broadcast-fields label{grid-template-columns:9rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.broadcast-board{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:.5rem;margin:.25rem 0 1rem 9.75rem;display:flex}.broadcast-connection{border:1px solid var(--border);border-radius:8px;padding:1rem}.broadcast-connection-help{margin-bottom:1rem}.broadcast-connection-fields{margin:0}.broadcast-connection-fields>div{grid-template-columns:9rem minmax(0,1fr);align-items:start;gap:.75rem;display:grid}.broadcast-connection-fields>div+div{margin-top:1rem}.broadcast-connection-fields dt{padding-top:.5rem}.broadcast-connection-fields dd{min-width:0;margin:0}.broadcast-connection-fields dd>code,.broadcast-connection-fields .secret{border:1px solid var(--border);overflow-wrap:anywhere;border-radius:6px;align-items:center;min-height:2.75rem;padding:.5rem .65rem;display:flex}.broadcast-connection-fields dd>.muted{margin:.5rem 0}.broadcast-connection-fields .secret>[role=status]:empty{display:none}@media (width<=600px){.broadcast-board{margin-left:0}.broadcast-connection-fields dt{padding-top:0}.broadcast-connection-fields>div,.broadcast-fields label{grid-template-columns:minmax(0,1fr);gap:.3rem}}.site-app .brand-mark{text-decoration:none}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6f5;--surface:#fff;--text:#203b35;--muted:#5c706a;--border:#dce5e1;--accent:#126a52;--tint:#e9f5ef;--danger:#a62d38;--danger-bg:#fff1f2;--shadow:0 4px 20px #173b2910;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;font-size:15px;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101a17;--surface:#18251f;--text:#e1ebe6;--muted:#a0b5a9;--border:#33473c;--accent:#8ddcba;--tint:#203f30;--danger:#ffafb5;--danger-bg:#3c2329;--shadow:none}}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:7px;padding:.45rem .85rem;font-weight:600;transition:background .15s}button:hover:not(:disabled){background:var(--tint);border-color:var(--accent)}button:disabled{opacity:.5;cursor:not-allowed}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.02em;font-size:1.1rem}h2{font-size:clamp(1.5rem,3vw,1.9rem);line-height:1.4}h3{overflow-wrap:anywhere;font-size:1.1rem}h4{font-size:1rem}small{font-size:.75rem;font-weight:400}code,.mono{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86rem}fieldset{border:0;min-width:0;margin:0;padding:0}label{margin:1rem 0;font-size:.88rem;font-weight:600;display:block}input,select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:6px;margin-top:.4rem;padding:.65rem .7rem;display:block}input::placeholder{color:var(--muted);opacity:1}