body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:Monaco,Menlo,Ubuntu Mono,source-code-pro,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8fafc;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 6px -1px #0000001a;color:#fff;padding:2rem 0;text-align:center}.header h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.subtitle{font-size:1.1rem;font-weight:300;opacity:.9}.main-content{grid-gap:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:400px 1fr;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.filter-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.filter-form h2{color:#374151;font-size:1.25rem;font-weight:600}.filter-form h2,.input-group{margin-bottom:1.5rem}.input-group label{color:#374151;display:block;font-weight:500;margin-bottom:.5rem}.input-group input{border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;padding:.75rem;transition:border-color .2s,box-shadow .2s;width:100%}.input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-group small{color:#6b7280;display:block;font-size:.75rem;margin-top:.25rem}.button-group{display:flex;gap:.75rem;margin-top:2rem}.btn{border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-sm{font-size:.75rem;padding:.5rem 1rem}.btn-warning{background:#f59e0b;color:#fff}.connection-status{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1.5rem;padding:1rem}.status-indicator{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.status-dot{animation:pulse 2s infinite;border-radius:50%;height:12px;width:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{color:#374151;font-weight:500}.filter-info{display:flex;flex-direction:column;gap:.25rem}.filter-key-label{color:#6b7280;font-size:.75rem;font-weight:500}.filter-key{background:#f3f4f6;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:.25rem .5rem;word-break:break-all}.stream-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;display:flex;flex-direction:column;min-height:600px}.stream-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.stream-header h2{color:#374151;font-size:1.25rem;font-weight:600}.stream-controls{align-items:center;display:flex;gap:.75rem}.event-count{color:#6b7280;font-size:.875rem}.event-count strong{color:#374151}.event-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.pause-overlay{background:#f59e0bf2;border-bottom:2px solid #f59e0b;color:#fff;font-weight:500;left:0;padding:1rem;position:absolute;right:0;text-align:center;top:0;z-index:10}.pause-message{font-size:.875rem}.event-placeholder{align-items:center;color:#6b7280;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:1rem}.pause-notice{color:#f59e0b;font-weight:500;margin-top:.5rem}.event-list{flex:1 1;overflow-y:auto;padding:0}.event-item{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.event-item:hover{background-color:#f9fafb}.event-header{align-items:flex-start;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.5rem;-webkit-user-select:none;user-select:none}.event-time{color:#6b7280;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;margin-right:1rem;min-width:80px}.event-summary{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.event-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.event-type{border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:uppercase}.event-collection{color:#374151;font-size:.875rem;font-weight:500;min-width:-webkit-fit-content;min-width:fit-content}.event-preview{word-wrap:break-word;color:#6b7280;flex:1 1;font-size:.875rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word}.event-expand{align-self:flex-start;margin-left:0;margin-top:.25rem}.expand-icon{color:#9ca3af;font-size:.75rem;transition:transform .2s}.expand-icon.expanded{transform:rotate(180deg)}.event-details{background:#f9fafb;border-top:1px solid #f3f4f6;padding:0 1.5rem 1.5rem}.event-metadata{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{color:#6b7280;font-size:.75rem;font-weight:500;text-transform:uppercase}.metadata-value{word-wrap:break-word;color:#374151;font-size:.875rem;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.metadata-value code{background:#f3f4f6;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;overflow-wrap:break-word;padding:.25rem .5rem;word-break:break-all}.record-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;padding:1rem}.record-text{word-wrap:break-word;color:#374151;font-size:.875rem;-webkit-hyphens:auto;hyphens:auto;line-height:1.6;margin-bottom:.5rem;overflow-wrap:break-word;white-space:pre-wrap}.record-meta,.record-note{color:#6b7280;font-size:.75rem}.record-note{background:#f9fafb;border-radius:4px;font-style:italic;margin-top:.5rem;padding:.5rem}.record-subject{color:#374151;font-size:.875rem;-webkit-hyphens:auto;hyphens:auto}.record-raw,.record-subject{word-wrap:break-word;overflow-wrap:break-word}.record-raw{background:#f9fafb;border-radius:4px;box-sizing:border-box;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;max-width:100%;overflow-x:auto;padding:.75rem;white-space:pre-wrap}.timing-info{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-top:1rem;padding:.75rem}.timing-info h4{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.timing-grid{grid-gap:.5rem;color:#6b7280;display:grid;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (max-width:1024px){.main-content{gap:1.5rem;grid-template-columns:1fr;padding:1rem}.filter-section{position:static}}@media (max-width:640px){.header{padding:1.5rem 1rem}.header h1{font-size:2rem}.subtitle{font-size:1rem}.stream-header{align-items:flex-start;flex-direction:column;gap:1rem}.stream-controls{justify-content:space-between;width:100%}.event-header{align-items:flex-start;flex-direction:column;gap:.75rem;padding:1rem}.event-time{margin-right:0;min-width:auto;order:-1}.event-summary{width:100%}.event-tags{flex-wrap:wrap;gap:.5rem}.event-metadata{grid-template-columns:1fr}}
/*# sourceMappingURL=main.ead0deea.css.map*/