@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&display=swap";:root{--bg: #0f1720;--surface: #13212e;--surface-soft: #1a2e3f;--text: #f4f7fa;--muted: #9fb4c6;--primary: #4fb0a8;--danger: #d75757;--accent: #f2a44f}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top right,#1b3347 0%,var(--bg) 40%);min-height:100vh}a{color:var(--primary);text-decoration:none}a.button-like{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .6rem;border-radius:8px;background:#33485b;color:var(--text)}.layout{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#112230f2,#0c1721f2);border-right:1px solid rgba(255,255,255,.06);padding:1rem}.sidebar h2{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.sidebar-profile p{margin:.7rem 0}.sidebar-footer{margin-top:1rem}.sidebar nav{display:flex;flex-direction:column;gap:.65rem}.sidebar a{padding:.45rem .6rem;border-radius:8px;color:var(--text)}.sidebar a:hover{background:#4fb0a82b}.sidebar a.active{background:#4fb0a847;color:var(--primary);font-weight:600}.content{padding:1rem 1.2rem}.card{background:linear-gradient(170deg,var(--surface),var(--surface-soft));border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1rem;margin-bottom:1rem}h1,h2,h3{margin:0 0 .75rem}input,select,textarea,button{font:inherit;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0003;color:var(--text);padding:.5rem .6rem}button{cursor:pointer;background:var(--primary);color:#0d1b24;font-weight:700;border:none}button.secondary{background:#33485b;color:var(--text)}button.warn{background:var(--accent)}button.danger{background:var(--danger);color:#fff}button:disabled{cursor:not-allowed;opacity:.55}.row{display:flex;gap:.5rem;flex-wrap:wrap}.grid{display:grid;gap:.65rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.loading-panel{min-height:180px;display:flex;align-items:center;justify-content:center;gap:.8rem}.refresh-indicator{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.live-indicator{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.92rem}.spinner{width:1rem;height:1rem;border-radius:999px;border:2px solid rgba(255,255,255,.14);border-top-color:var(--primary);animation:spin .85s linear infinite}.spinner-lg{width:1.5rem;height:1.5rem;border-width:3px}.live-dot{width:.6rem;height:.6rem;border-radius:999px;background:var(--primary);box-shadow:0 0 #4fb0a880;animation:pulse 1.6s ease-out infinite}.analysis-progress{display:flex;align-items:center;gap:.75rem;margin-top:.85rem;flex-wrap:wrap}.analysis-progress progress{width:min(28rem,100%);height:.85rem;accent-color:var(--primary)}.analysis-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.analysis-kpis div{display:grid;gap:.25rem;padding:.65rem;border-radius:8px;background:#0000002e}.analysis-kpis strong{font-size:1.35rem}.analysis-kpis small{color:var(--muted);font-size:.72rem;line-height:1.35}.analysis-controls{display:grid;gap:.9rem}.analysis-category-picker{display:grid;grid-template-columns:repeat(3,minmax(12rem,1fr));gap:.75rem}.analysis-category-picker label,.graph-toolbar label,.graph-display-controls label{display:grid;gap:.35rem}.analysis-category-picker label>span,.graph-toolbar label>span,.graph-display-controls label>span,.graph-filter-control>span{color:var(--muted);font-size:.8rem;font-weight:600}.analysis-actions{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.analysis-actions button,.icon-text-button,.graph-back-link{display:inline-flex;align-items:center;justify-content:center;gap:.45rem}.analysis-definition{min-height:2.7rem;margin:-.2rem 0 .75rem;color:var(--muted);font-size:.82rem;line-height:1.45}.table-scroll{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}.metric-definitions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.08)}.metric-definitions article{padding:.85rem .75rem;border-bottom:1px solid rgba(255,255,255,.08)}.metric-definitions article:nth-child(odd){border-right:1px solid rgba(255,255,255,.08)}.metric-definitions article>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.metric-definitions p{margin:.45rem 0 0;color:var(--muted);font-size:.84rem;line-height:1.45}.analysis-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.analysis-panel{background:linear-gradient(170deg,var(--surface),var(--surface-soft));border:1px solid rgba(255,255,255,.06);border-radius:8px;padding:1rem}.network-graph-page{display:grid;gap:.85rem;min-width:0}.network-graph-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.network-graph-header h1{margin:.35rem 0 .2rem;font-size:1.6rem}.network-graph-header p{margin:0}.graph-back-link{width:fit-content;color:var(--muted);font-size:.88rem}.graph-header-actions{display:flex;gap:.45rem}.icon-button{display:inline-grid;width:2.4rem;height:2.4rem;padding:0;place-items:center}.graph-toolbar{display:grid;grid-template-columns:minmax(11rem,1fr) minmax(16rem,1.4fr) minmax(0,2fr) auto;align-items:end;gap:.75rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.graph-display-controls{display:grid;grid-template-columns:minmax(9rem,.7fr) minmax(10rem,.8fr) auto minmax(12rem,1fr) minmax(9rem,.7fr);align-items:end;gap:.75rem;padding:0 0 .75rem;border-bottom:1px solid rgba(255,255,255,.08)}.graph-label-toggle{display:flex!important;min-height:2.35rem;flex-direction:row;align-items:center;gap:.5rem!important;padding:0 .2rem;white-space:nowrap}.graph-label-toggle input{width:1rem;height:1rem;margin:0;accent-color:var(--primary)}.graph-display-controls input[type=number]{min-width:0;font-variant-numeric:tabular-nums}.graph-search-field>div{display:grid;grid-template-columns:minmax(0,1fr) 2.35rem}.graph-search-field input{min-width:0;border-radius:8px 0 0 8px}.graph-search-field button{display:grid;padding:0;border-radius:0 8px 8px 0;place-items:center}.graph-filter-control{display:grid;gap:.35rem}.graph-spacing-control span{display:flex;justify-content:space-between;gap:.5rem}.graph-spacing-control output{color:var(--text);font-variant-numeric:tabular-nums}.graph-spacing-control input{width:100%;height:2.35rem;padding:0;accent-color:var(--primary)}.segmented-control{display:inline-flex;height:2.35rem;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:8px}.segmented-control button{min-width:4.2rem;padding:.35rem .6rem;border-radius:0;background:#0003;color:var(--muted);font-size:.82rem}.segmented-control button+button{border-left:1px solid rgba(255,255,255,.1)}.segmented-control button.active{background:var(--primary);color:#0d1b24}.graph-legend{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;min-height:2.35rem;color:var(--muted);font-size:.78rem;white-space:nowrap}.graph-legend span{display:inline-flex;align-items:center;gap:.35rem}.graph-legend i{width:.65rem;height:.65rem;border-radius:999px}.legend-group{background:#4fb0a8}.legend-external{background:#f2a44f}.graph-metric-definition{margin:0;color:var(--muted);font-size:.84rem}.network-graph-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(19rem,22rem);min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0b141c}.network-graph-canvas{min-width:0;min-height:30rem;overflow:hidden}.network-graph-canvas:fullscreen{width:100%;height:100%;min-height:0;background:#0b141c}.network-graph-canvas:fullscreen>div,.network-graph-canvas:fullscreen canvas{max-width:none;max-height:none}.network-node-inspector{max-height:min(760px,calc(100vh - 250px));overflow-y:auto;padding:1rem;border-left:1px solid rgba(255,255,255,.09);background:#14222d}.node-inspector-heading{display:grid;grid-template-columns:.75rem minmax(0,1fr);gap:.65rem}.node-inspector-heading h2{margin:.2rem 0;overflow-wrap:anywhere;font-size:1.05rem}.node-type-marker{width:.7rem;height:.7rem;margin-top:.25rem;border-radius:999px;background:#f2a44f}.node-type-marker.group{background:#4fb0a8}.node-identity-list{display:grid;grid-template-columns:minmax(7rem,auto) minmax(0,1fr);gap:.45rem .8rem;margin:1rem 0 1.25rem;padding:.8rem 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);font-size:.82rem}.node-identity-list dt{color:var(--muted)}.node-identity-list dd{margin:0;overflow-wrap:anywhere;text-align:right}.network-node-inspector h3{margin:1rem 0 .5rem;font-size:.88rem}.node-metric-list{display:grid;gap:.4rem}.node-metric-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.77rem}.node-metric-list span{color:var(--muted)}.node-connections{display:grid;gap:.4rem}.node-connections button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.65rem;align-items:center;width:100%;padding:.55rem;background:#ffffff0e;color:var(--text);text-align:left}.node-connections button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-connections button strong{color:var(--accent);font-size:.72rem;white-space:nowrap}.node-inspector-empty{display:grid;min-height:24rem;align-content:center;justify-items:center;padding:1.25rem;color:var(--muted);text-align:center}.node-inspector-empty h2{color:var(--text)}.node-inspector-empty p{max-width:17rem;margin:0;font-size:.84rem;line-height:1.5}.node-empty-symbol{position:relative;width:4.5rem;height:3.5rem;margin-bottom:1rem}.node-empty-symbol:before,.node-empty-symbol:after{position:absolute;content:"";height:1px;background:#9fb4c680;transform-origin:left center}.node-empty-symbol:before{width:3rem;top:.75rem;left:.75rem;transform:rotate(29deg)}.node-empty-symbol:after{width:3rem;top:2.55rem;left:.75rem;transform:rotate(-29deg)}.node-empty-symbol span{position:absolute;z-index:1;width:.85rem;height:.85rem;border-radius:999px;background:var(--primary)}.node-empty-symbol span:nth-child(1){top:.35rem;left:.35rem}.node-empty-symbol span:nth-child(2){top:2.3rem;left:.35rem;background:var(--accent)}.node-empty-symbol span:nth-child(3){top:1.35rem;right:.2rem;background:#67b1e0}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.45rem;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:top}.table td{max-width:36rem;white-space:normal;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:.92rem}.badge{display:inline-block;padding:.2rem .4rem;border-radius:999px;background:#4fb0a833}.badge-syncing{background:#f2a44f3d}.badge-error{background:#d757573d}.badge-idle{background:#4fb0a833}.badge-cached{background:#5d97d73d}.badge-reauth_required{background:#d7575757}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.pagination-summary{margin:0}.pagination-page{display:inline-flex;align-items:center;color:var(--muted);min-height:2.25rem}.inline-error{color:#ffb4b4;font-size:.9rem;margin:.75rem 0}.message-card pre{margin:0;overflow-x:auto}.table-sort{padding:0;border:none;background:transparent;color:var(--text);font-weight:700}.table-sort:hover{color:var(--primary)}.top-message-header-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem;margin-left:auto}.top-message-tabs{display:flex;justify-content:flex-end;gap:.5rem}.top-message-tabs button{min-width:6rem;min-height:2.4rem}.ranked-heading{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;padding:.2rem .45rem;border-radius:999px;background:#f2a44f38;color:#ffd39d;font-weight:800}.group-name{color:var(--text);font-weight:800}.load-more-bar{display:flex;justify-content:center;margin-top:1rem}.media-channel-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:1rem;align-items:stretch;margin-top:1rem}.media-channel-screen{position:relative;min-height:28rem;max-height:70vh;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#050b10;border:1px solid rgba(255,255,255,.08)}.channel-media-asset{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.channel-media-element,.channel-media-asset img,.channel-media-asset video{width:100%;max-height:70vh;object-fit:contain}.channel-media-asset audio{width:min(42rem,90%)}.news-ticker{position:absolute;left:0;right:0;bottom:0;overflow:hidden;border-top:1px solid rgba(255,255,255,.12);background:#050b10e0;color:var(--text);font-weight:800}.news-ticker-track{display:inline-block;min-width:100%;white-space:nowrap;padding:.7rem 0;animation:ticker 26s linear infinite}.channel-info-panel{display:grid;align-content:start;gap:.85rem;padding:1rem;border-radius:8px;background:#00000038;border:1px solid rgba(255,255,255,.08)}.channel-info-row{display:grid;gap:.25rem}.entity-list{display:grid;gap:.45rem}.entity-pill{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.45rem .55rem;border-radius:8px;background:#4fb0a824;border:1px solid rgba(79,176,168,.18)}.entity-pill span{color:var(--muted);font-size:.82rem}.media-channel-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.85rem}.media-stream{max-height:72vh;overflow-y:auto;padding-right:.35rem}.channel-playlist{margin-top:1rem}.channel-playlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.channel-playlist-item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;text-align:left;color:var(--text);background:#0000002e;border:1px solid rgba(255,255,255,.08)}.channel-playlist-item.active{border-color:#4fb0a8ad;background:#4fb0a82e}.channel-playlist-item span:last-child{display:grid;gap:.2rem;min-width:0}.channel-playlist-item strong,.channel-playlist-item .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-category{margin-top:1rem}.media-category:first-child{margin-top:.75rem}.media-placeholder{min-height:9rem;display:flex;flex-direction:column;justify-content:center;gap:.55rem;border:1px dashed rgba(255,255,255,.16);border-radius:8px;padding:.75rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 #4fb0a873}70%{box-shadow:0 0 0 10px #4fb0a800}to{box-shadow:0 0 #4fb0a800}}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .7rem}.sidebar h2{margin:0}.sidebar-profile{display:none}.sidebar nav{flex-direction:row;gap:.2rem;overflow-x:auto;scrollbar-width:thin}.sidebar nav a{flex:0 0 auto;padding:.4rem .55rem;white-space:nowrap}.sidebar-footer{margin:0}.sidebar-footer button{padding:.45rem .55rem}.content{padding:.75rem}.grid.two,.grid.three{grid-template-columns:1fr}.analysis-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-grid,.analysis-category-picker,.metric-definitions{grid-template-columns:1fr}.metric-definitions article:nth-child(odd){border-right:0}.graph-toolbar,.graph-display-controls{grid-template-columns:1fr}.graph-legend{justify-content:flex-start}.network-graph-layout{grid-template-columns:1fr}.network-node-inspector{max-height:none;border-top:1px solid rgba(255,255,255,.09);border-left:0}.media-channel-layout{grid-template-columns:1fr}.media-channel-screen{min-height:20rem}.channel-playlist-grid{grid-template-columns:1fr}.top-message-header-actions{align-items:stretch;width:100%}.top-message-tabs{justify-content:stretch}.top-message-tabs button{flex:1 1 0}}.run-options{display:grid;gap:.6rem;margin-top:.5rem}.run-options-grid{display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;align-items:center}.run-option{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.run-option input{width:1rem;height:1rem;margin:0;accent-color:var(--primary)}.run-option-number{display:grid;gap:.3rem}.run-option-number input{width:9rem}.run-option-links{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .9rem}.run-options-hint{margin:0;font-size:.82rem}.node-type-marker.user{background:#b58cff}.link-button{background:none;border:none;padding:0 .25rem;color:var(--primary);cursor:pointer;font:inherit;text-decoration:underline dotted}.link-button:hover{text-decoration:underline}.reaction-list{margin:.35rem 0 0 .5rem;font-size:.9rem}.reaction-list ul{margin:.15rem 0 .4rem 1rem;padding:0}.reaction-list li{list-style:disc}.campaign-checkboxes{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.4rem .6rem;display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:center}.campaign-checkboxes legend{padding:0 .3rem}.graph-link-types{border:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:center}.graph-link-types legend{color:var(--muted);font-size:.85rem;margin-bottom:.2rem}.legend-line{display:inline-block;width:18px;height:3px;border-radius:2px;vertical-align:middle}.graph-settings{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.6rem}.graph-metric-minimums{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.4rem .8rem;width:100%}.graph-metric-minimums>.muted{grid-column:1 / -1}.edge-examples{list-style:none;padding:0;margin:.4rem 0;display:grid;gap:.5rem}.edge-examples li{border-left:2px solid rgba(79,176,168,.5);padding-left:.5rem;overflow-wrap:anywhere}.layout.sidebar-collapsed{grid-template-columns:52px 1fr}.layout.sidebar-collapsed .sidebar>:not(.sidebar-toggle){display:none}.sidebar-toggle{background:none;border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:8px;padding:.25rem .5rem;cursor:pointer;margin-bottom:.5rem}.graph-link-types{min-width:0}.graph-legend{flex-wrap:wrap;justify-content:flex-start;gap:.4rem .9rem;padding:.5rem 0;min-width:0}@media(max-width:900px){.graph-toolbar{grid-template-columns:minmax(0,1fr)}.graph-metric-minimums{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr))}}.message-group-filter{grid-column:1 / -1}.message-group-options{display:flex;flex-wrap:wrap;gap:.3rem .9rem;max-height:9rem;overflow:auto;width:100%}.message-media-thumb{display:grid;gap:.3rem;max-width:22rem}.message-media-thumb img,.message-media-thumb video{max-height:12rem;width:auto;max-width:100%;border-radius:6px}.graph-group-filter{width:100%;max-height:10rem;overflow:auto}.graph-common-elements{border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.5rem .7rem;margin:.5rem 0}.graph-common-elements ul{margin:.3rem 0 0;padding-left:1rem;max-height:12rem;overflow:auto}.health-alerts{display:grid;gap:.45rem;margin:0;padding:0;list-style:none;overflow-wrap:anywhere}
