.error{background:#f8d7da;color:#721c24;padding:15px;border-radius:8px;margin:20px;border-left:4px solid #dc3545}@media (max-width: 768px){body{padding:10px}.header h1{font-size:2rem}.messages-container{padding:15px 20px}.message{padding:15px}.message-header{flex-direction:column;align-items:flex-start;gap:10px}}.dark .loading,.dark .empty-state h3{color:#cbd5e1}.dark .empty-state{color:#94a3b8}.dark .error{background:#ef444426;color:#fecaca;border-left-color:#ef4444}img.svelte-q993r4{overflow:hidden;box-shadow:0 2px 8px #0000001a;max-width:100%;width:min-content;height:min-content}.message.svelte-gu47ka{background:#f8f9fa;color:#495057;border-radius:12px;padding:1em;margin-bottom:15px;transition:all .3s ease;animation:svelte-gu47ka-slideIn .5s ease-out;display:grid;grid-template-columns:minmax(150px,min-content) auto;grid-template-rows:auto auto;grid-template-areas:"header message" "details details"}.message.svelte-gu47ka:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.message.svelte-gu47ka .header:where(.svelte-gu47ka){display:grid;gap:.2em .5em;margin-bottom:10px;background:#0000000d;grid-area:header;border-radius:6px;padding:.2em .5em;grid-template-columns:1fr;grid-template-rows:auto auto auto;grid-template-areas:"username" "time" "channel"}.message.svelte-gu47ka .header:where(.svelte-gu47ka) .username:where(.svelte-gu47ka){color:#495057;text-decoration:none;grid-area:username;font-weight:600;font-size:110%}.message.svelte-gu47ka .header:where(.svelte-gu47ka) .time:where(.svelte-gu47ka){grid-area:time;font-weight:200}.message.svelte-gu47ka .header:where(.svelte-gu47ka) .time:where(.svelte-gu47ka) .date:where(.svelte-gu47ka):after{content:", "}.message.svelte-gu47ka .content:where(.svelte-gu47ka){padding:.5em;grid-area:message}.message.svelte-gu47ka .details:where(.svelte-gu47ka){display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;grid-area:details;background-color:#00000005;border-radius:6px;padding:.5em 1em}.message.svelte-gu47ka .details:where(.svelte-gu47ka) summary:where(.svelte-gu47ka),.message.svelte-gu47ka .details:where(.svelte-gu47ka) .label:where(.svelte-gu47ka){font-size:80%;font-weight:200}.message.svelte-gu47ka .details:where(.svelte-gu47ka) .label:where(.svelte-gu47ka){padding-top:.5em;padding-bottom:.1em}.condensed .message.svelte-gu47ka{padding:.1em .2em;margin:0 0 .5em;background:none!important;border-radius:0;display:flex;flex-flow:row nowrap;align-items:baseline;gap:.3em}.condensed .message.svelte-gu47ka :where(.svelte-gu47ka){padding:0;margin:0}.condensed .message.svelte-gu47ka .header:where(.svelte-gu47ka){display:flex;flex-flow:row nowrap;align-items:baseline;background:none!important}.condensed .message.svelte-gu47ka .header:where(.svelte-gu47ka) .region:where(.svelte-gu47ka){order:0;font-size:.8rem}.condensed .message.svelte-gu47ka .header:where(.svelte-gu47ka) .time:where(.svelte-gu47ka){order:1;font-size:.8rem}.condensed .message.svelte-gu47ka .header:where(.svelte-gu47ka) .username:where(.svelte-gu47ka){order:2;font-weight:200;font-size:.8rem}.condensed .message.svelte-gu47ka .header:where(.svelte-gu47ka) .username:where(.svelte-gu47ka):after{content:": "}.condensed .message.svelte-gu47ka .details:where(.svelte-gu47ka){margin-left:auto}.condensed .message.svelte-gu47ka:nth-of-type(2n){background:#ffffff05!important}.dark .message.svelte-gu47ka{background:#0f172a;color:#cbd5e1;border-left-color:#38bdf8}.dark .message.svelte-gu47ka .header:where(.svelte-gu47ka){background-color:#ffffff0d}.dark .message.svelte-gu47ka .header:where(.svelte-gu47ka) .username:where(.svelte-gu47ka){color:#cbd5e1}.dark .message.svelte-gu47ka .details:where(.svelte-gu47ka){background-color:#ffffff05}@keyframes svelte-gu47ka-slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status.svelte-szff8p{display:grid;grid-template-columns:min-content auto;grid-template-rows:auto auto;gap:.1em .5em;background-color:#00000005;border-radius:6px;padding:.2em .5em;grid-template-areas:"dot name" "label label"}.status.svelte-szff8p .dot:where(.svelte-szff8p){width:10px;height:10px;border-radius:50%;background-color:#357945;grid-area:dot;align-self:center;justify-self:center}.status.svelte-szff8p .name:where(.svelte-szff8p){font-weight:500;font-size:.9rem;grid-area:name;text-align:left}.status.svelte-szff8p .label:where(.svelte-szff8p){font-size:.75rem;font-weight:200;grid-area:label;padding-bottom:.2em;text-align:left;display:none}.status.disconnected.svelte-szff8p .label:where(.svelte-szff8p),.status.warning.svelte-szff8p .label:where(.svelte-szff8p),.status.svelte-szff8p:hover .label:where(.svelte-szff8p){display:block}.status.warning.svelte-szff8p .dot:where(.svelte-szff8p){background-color:#c76e1a}.status.disconnected.svelte-szff8p .dot:where(.svelte-szff8p){background-color:#ad1323}.dark .status.svelte-szff8p{background-color:#ffffff05}.radio-filter.svelte-18ia50{display:flex;flex-wrap:wrap}.radio-filter.svelte-18ia50 .option:where(.svelte-18ia50){color:#000;background-color:#0000000d;padding:.5em;border:none;cursor:pointer;transition:all .2s}.radio-filter.svelte-18ia50 .option:where(.svelte-18ia50):first-of-type{padding-left:.8em;border-top-left-radius:4px;border-bottom-left-radius:4px}.radio-filter.svelte-18ia50 .option:where(.svelte-18ia50):last-of-type{padding-right:.8em;border-top-right-radius:4px;border-bottom-right-radius:4px}.radio-filter.svelte-18ia50 .option:where(.svelte-18ia50):hover{background-color:#0003}.radio-filter.svelte-18ia50 .option.active:where(.svelte-18ia50){color:#fff;background-color:#0056b3}.dark .radio-filter.svelte-18ia50 .option:where(.svelte-18ia50){color:#cbd5e1;background-color:#ffffff0d}.dark .radio-filter.svelte-18ia50 .option:where(.svelte-18ia50):hover{background-color:#fff3}.dark .radio-filter.svelte-18ia50 .option.active:where(.svelte-18ia50){color:#fff;background-color:#0056b3}.toggle.svelte-1hum5pb{color:#000;background-color:#0000000d;padding:.5em .8em;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.toggle.svelte-1hum5pb:hover{background-color:#0003}.dark .toggle.svelte-1hum5pb{color:#cbd5e1;background-color:#ffffff0d}.dark .toggle.svelte-1hum5pb:hover{background-color:#fff3}:root{--text-color: #495057}.name-filter.svelte-1btmvza{color:var(--text-color);width:max-content;position:relative}.name-filter.svelte-1btmvza .label:where(.svelte-1btmvza){color:var(--text-color);padding:.5em 1em;background-color:#0000000d;border:none;border-radius:6px;width:200px}.name-filter.svelte-1btmvza .label:where(.svelte-1btmvza) .clear-button:where(.svelte-1btmvza){color:#ff4646;position:absolute;right:-.2em;top:-.2em;background-color:#0000000d;border:none;padding:.2em;border-radius:50%;height:calc(100% - 1em);width:auto;aspect-ratio:1/1;overflow:hidden;display:flex;justify-content:center;justify-items:center;align-items:center;align-content:center}.name-filter.svelte-1btmvza .label:where(.svelte-1btmvza) .clear-button:where(.svelte-1btmvza):hover,.name-filter.svelte-1btmvza .label:where(.svelte-1btmvza) .clear-button:where(.svelte-1btmvza):focus{background-color:#0000001a}.name-filter.svelte-1btmvza .label:where(.svelte-1btmvza) .clear-button:where(.svelte-1btmvza):active{background-color:#0003}.name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza){position:absolute;display:none;z-index:99;margin-top:.5em;width:max-content;min-width:100%;border-radius:6px;padding:.5em;flex-flow:column nowrap;gap:.2em;background-color:#fff;box-shadow:0 20px 40px #0000001a}.name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza) .choice:where(.svelte-1btmvza){color:var(--text-color);margin:0;padding:.5em 1em;background-color:#0000000d;border:none;border-radius:6px;text-align:left}.name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza) .choice:where(.svelte-1btmvza):hover,.name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza) .choice:where(.svelte-1btmvza):focus{background-color:#0000001a}.name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza) .choice:where(.svelte-1btmvza):active{background-color:#0003}.name-filter.svelte-1btmvza:focus-within .choices:where(.svelte-1btmvza){display:flex}.dark{--text-color: #e9edef}.dark .name-filter.svelte-1btmvza .label:where(.svelte-1btmvza){background-color:#ffffff0d}.dark .name-filter.svelte-1btmvza .label:where(.svelte-1btmvza) .clear-button:where(.svelte-1btmvza){color:#ff4646;border-color:#ff4646;background-color:#ffffff0d}.dark .name-filter.svelte-1btmvza .label:where(.svelte-1btmvza) .clear-button:where(.svelte-1btmvza):hover,.dark .name-filter.svelte-1btmvza .label:where(.svelte-1btmvza) .clear-button:where(.svelte-1btmvza):focus{background-color:#ffffff1a}.dark .name-filter.svelte-1btmvza .label:where(.svelte-1btmvza) .clear-button:where(.svelte-1btmvza):active{background-color:#fff3}.dark .name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza){background-color:#0f172a;box-shadow:0 20px 40px #0006}.dark .name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza) .choice:where(.svelte-1btmvza){background-color:#ffffff0d}.dark .name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza) .choice:where(.svelte-1btmvza):hover,.dark .name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza) .choice:where(.svelte-1btmvza):focus{background-color:#ffffff1a}.dark .name-filter.svelte-1btmvza .choices:where(.svelte-1btmvza) .choice:where(.svelte-1btmvza):active{background-color:#fff3}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}body.dark{background:linear-gradient(135deg,#0f172a,#111827)}.container.svelte-1n46o8q{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.dark .container.svelte-1n46o8q{background:#0b1020;box-shadow:0 20px 40px #0006}.header.svelte-1n46o8q{background:linear-gradient(135deg,#4facfe,#00f2fe);background-image:url(/assets/banner-mktNbGEB.png);background-size:cover;background-position:center center;color:#fff;padding:20px 30px;text-align:center}.header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:2.5rem;font-weight:200;margin-bottom:10px}.header.svelte-1n46o8q p:where(.svelte-1n46o8q){opacity:.9;font-size:1.1rem}#status-bar.svelte-1n46o8q{background:#f8f9fa;padding:1em 2em;border-bottom:1px solid #e9ecef;display:flex;flex-flow:row wrap;gap:.2em .5em;justify-content:flex-start;align-items:center}.dark #status-bar.svelte-1n46o8q{background:#0f172a;border-bottom-color:#1f2937;color:#cbd5e1}#filter-bar.svelte-1n46o8q{padding:1em 2em;border-bottom:1px solid #e9ecef;display:flex;flex-flow:row nowrap;justify-content:space-between}#filter-bar.svelte-1n46o8q .filters:where(.svelte-1n46o8q),#filter-bar.svelte-1n46o8q .settings:where(.svelte-1n46o8q){display:flex;flex-flow:row wrap;justify-content:flex-start;gap:.2em .5em}.dark #filter-bar.svelte-1n46o8q{background:#0f172a;border-bottom-color:#1f2937;color:#cbd5e1}#messages.svelte-1n46o8q{max-height:70vh;overflow-y:auto;padding:20px 30px}#messages.svelte-1n46o8q::-webkit-scrollbar{width:8px}#messages.svelte-1n46o8q::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}#messages.svelte-1n46o8q::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}#messages.svelte-1n46o8q::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark #messages.svelte-1n46o8q::-webkit-scrollbar-track{background:#0b1020}.dark #messages.svelte-1n46o8q::-webkit-scrollbar-thumb{background:#374151}.dark #messages.svelte-1n46o8q::-webkit-scrollbar-thumb:hover{background:#4b5563}