:root{--accent:#e10600;--accent-soft:#e1060024;--accent-glow:#e1060059;--bg-0:#0a0a0a;--bg-1:#121212;--bg-2:#171717;--bg-3:#1c1c1c;--bg-elevated:#141414;--border:#ffffff14;--border-strong:#ffffff29;--border-hover:#ffffff47;--text:#f2f0ed;--text-muted:#8a8782;--text-dim:#5c5955;--text-key:#6e6b66;--radius-sm:.35rem;--radius-md:.55rem;--radius-lg:.85rem;--font-brand:"Syne", system-ui, sans-serif;--font-ui:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--sidebar-width:17.5rem;--header-height:4.25rem;--space:1rem}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-0);width:100%;height:100%;color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.logs-shell{background:radial-gradient(ellipse 80% 50% at 10% -10%, var(--accent-soft), transparent 55%), radial-gradient(ellipse 60% 40% at 90% 0%, #ffffff08, transparent 50%), linear-gradient(165deg, var(--bg-0) 0%, var(--bg-1) 45%, #161616 100%);width:100vw;height:100vh;color:var(--text);flex-direction:column;display:flex;position:relative}.logs-shell:before{content:"";pointer-events:none;opacity:.035;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.logs-shell>*{z-index:1;position:relative}.logs-header{height:var(--header-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0a8c;flex-shrink:0;justify-content:space-between;align-items:center;gap:1.5rem;padding:0 1.5rem;display:flex}.logs-brand{flex-direction:column;gap:.15rem;min-width:0;display:flex}.logs-brand-name{font-family:var(--font-brand);letter-spacing:-.03em;color:var(--text);font-size:1.65rem;font-weight:800;line-height:1}.logs-brand-name span{color:var(--accent)}.logs-brand-sub{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:500}.logs-header-meta{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.75rem;font-size:.8125rem;display:flex}.logs-header-meta .meta-dot{background:var(--accent);width:.4rem;height:.4rem;box-shadow:0 0 8px var(--accent-glow);border-radius:50%}.logs-main{flex:1;gap:0;min-height:0;display:flex}.logs-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border);background:#00000040;flex-direction:column;flex-shrink:0;gap:1.25rem;padding:1.25rem 1rem 1.5rem;display:flex;overflow:hidden auto}.logs-sidebar::-webkit-scrollbar{width:.3rem}.logs-sidebar::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.filter-section{flex-direction:column;gap:.45rem;width:100%;display:flex}.filter-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);font-size:.6875rem;font-weight:600}.filter-section input,.filter-section select,.field-input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);width:100%;min-width:0;color:var(--text);padding:.5rem .65rem;transition:border-color .2s,background .2s}.filter-section input:hover,.filter-section select:hover,.field-input:hover{border-color:var(--border-hover)}.filter-section input:focus,.filter-section input:focus-visible,.filter-section select:focus,.filter-section select:focus-visible,.field-input:focus,.field-input:focus-visible{border-color:var(--accent);background:var(--bg-3);outline:none}.date-filter{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex-direction:column;gap:.5rem;display:flex}.date-row{flex-direction:column;gap:.25rem;display:flex}.date-row span{color:var(--text-muted);font-size:.6875rem}.add-custom-path{align-items:stretch;gap:.4rem;width:100%;display:flex}.add-custom-path .input-path{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);min-width:0;color:var(--text);flex:1;padding:.5rem .65rem;transition:border-color .2s}.add-custom-path .input-path:focus{border-color:var(--accent);outline:none}.add-custom-path .button-add-path{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);width:2.25rem;color:var(--text);flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,background .2s,color .2s;display:flex}.add-custom-path .button-add-path:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.custom-path{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;gap:.4rem;width:100%;padding:.65rem;animation:.25s both fadeSlideIn;display:flex}.custom-path .title{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all;justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.custom-path .title .actions{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.custom-path .title .actions .mode,.custom-path .title .actions .remove{border-radius:var(--radius-sm);border:1px solid var(--border);width:1.5rem;height:1.5rem;color:var(--text-muted);opacity:.75;background:0 0;justify-content:center;align-items:center;font-size:.7rem;font-weight:600;transition:opacity .15s,border-color .15s,color .15s,transform .25s;display:inline-flex}.custom-path .title .actions .mode:hover,.custom-path .title .actions .remove:hover{opacity:1;border-color:var(--border-hover)}.custom-path .title .actions .mode.strict{color:var(--accent);border-color:var(--accent);opacity:1;background:var(--accent-soft)}.custom-path .title .actions .remove:hover{color:var(--accent);border-color:var(--accent);transform:rotate(90deg)}.hidden-fields{flex-direction:column;gap:.4rem;display:flex}.custom-title{all:unset;cursor:pointer;box-sizing:border-box;width:100%;display:flex}.custom-title .title-filter{border-radius:var(--radius-sm);border:1px dashed var(--border-strong);width:100%;font-family:var(--font-mono);color:var(--text-muted);background:0 0;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.75rem;transition:border-color .2s,color .2s,background .2s;display:flex}.custom-title:hover .title-filter{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.logs-viewer{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.logs-toolbar{border-bottom:1px solid var(--border);z-index:2;background:#0a0a0a66;flex-shrink:0;justify-content:flex-end;align-items:center;gap:1rem;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}.logs-body{flex-direction:column;flex:1;place-content:flex-start;align-items:stretch;gap:.85rem;min-height:0;padding:1.25rem 1.5rem 2rem;display:flex;overflow-y:auto}.logs-body.purple-scroll::-webkit-scrollbar{width:.35rem;height:.35rem}.purple-scroll::-webkit-scrollbar{width:.35rem;height:.35rem}.logs-body.purple-scroll::-webkit-scrollbar-track{background:0 0}.purple-scroll::-webkit-scrollbar-track{background:0 0}.logs-body.purple-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.purple-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px}.paging{justify-content:flex-end;align-items:center;gap:.75rem;width:100%;display:flex}.paging .paging-left{white-space:nowrap;color:var(--text-muted);font-size:.8125rem}.paging .paging-page{align-items:center;gap:.3rem;display:flex}.paging .paging-ellipsis{color:var(--text-dim);padding:0 .15rem;font-size:.8125rem}.paging .paging-page-number{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);min-width:2rem;height:2rem;color:var(--text);justify-content:center;align-items:center;padding:0 .55rem;font-size:.8125rem;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.paging .paging-page-number:hover{border-color:var(--border-hover);background:var(--bg-3)}.paging .paging-page-number.active{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.result{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-elevated);flex-direction:column;flex:none;align-items:stretch;gap:0;width:100%;max-width:100%;height:fit-content;transition:border-color .25s,box-shadow .25s;animation:.3s both fadeSlideIn;display:flex;overflow:clip}.result:hover{border-color:var(--border-hover);box-shadow:0 0 0 1px #e1060014}.result:first-child{animation-delay:20ms}.result:nth-child(2){animation-delay:50ms}.result:nth-child(3){animation-delay:80ms}.result:nth-child(4){animation-delay:.11s}.result:nth-child(5){animation-delay:.14s}.result-header{border-bottom:1px solid var(--border);background:#ffffff05;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.75rem 1rem;display:flex}.result-time{font-family:var(--font-mono);color:var(--text-muted);margin-right:auto;font-size:.75rem}.result-badge{border:1px solid var(--border-strong);background:var(--bg-2);letter-spacing:.02em;color:var(--text);border-radius:999px;align-items:center;padding:.2rem .55rem;font-size:.6875rem;font-weight:500;display:inline-flex}.result-badge.category{background:var(--accent-soft);color:#ff8a84;border-color:#e1060059}.result-badge.logtype{color:var(--text-muted)}.result-tree{flex-direction:column;flex:none;gap:.1rem;height:fit-content;padding:.65rem .85rem .85rem;display:flex}.result-line{border-radius:var(--radius-sm);align-items:flex-start;gap:.45rem;width:100%;padding:.15rem .35rem;font-size:.8125rem;transition:background .15s;display:flex}.result-line:hover{background:#ffffff08}.result-line .result-action{opacity:.35;flex-shrink:0;align-items:center;gap:.15rem;min-width:3.25rem;transition:opacity .15s;display:flex;position:relative}.result-line:hover .result-action{opacity:1}.result-line .result-action button{all:unset;cursor:pointer;border-radius:var(--radius-sm);width:1.35rem;height:1.35rem;color:var(--text-muted);justify-content:center;align-items:center;font-size:.7rem;transition:color .15s,background .15s;display:inline-flex}.result-line .result-action button:hover{color:var(--text);background:#ffffff0f}.result-line .result-action .color-picker{z-index:10;background:var(--bg-1);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.4rem;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000073}.result-line .result-key{-webkit-user-select:text;user-select:text;font-family:var(--font-mono);color:var(--text-key);flex-shrink:0;font-size:.75rem}.result-line .result-value{-webkit-user-select:text;user-select:text;font-family:var(--font-mono);color:#e8e6e3;word-break:break-all;font-size:.75rem}.logs-empty{border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:#ffffff05;flex-direction:column;align-items:flex-start;gap:.4rem;max-width:22rem;margin:2rem auto;padding:2rem 2.25rem;animation:.3s both fadeSlideIn;display:flex}.logs-empty-title{font-family:var(--font-brand);color:var(--text);font-size:1.15rem;font-weight:700}.logs-empty-hint{color:var(--text-muted);font-size:.875rem;line-height:1.5}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.logs-main{flex-direction:column}.logs-sidebar{border-right:none;border-bottom:1px solid var(--border);width:100%;max-height:40%}.logs-header{padding:0 1rem}.logs-body,.logs-toolbar{padding-left:1rem;padding-right:1rem}}.login-screen{background:radial-gradient(ellipse 80% 50% at 10% -10%, var(--accent-soft), transparent 55%), linear-gradient(165deg, var(--bg-0) 0%, var(--bg-1) 45%, #161616 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{text-align:center;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elevated);flex-direction:column;align-items:center;width:90%;max-width:22rem;padding:2.5rem 2.25rem;display:flex}.login-subtitle{color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.login-error{border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--accent-glow);width:100%;color:var(--text);margin-bottom:1.25rem;padding:.6rem .85rem;font-size:.85rem}.discord-login-btn{border-radius:var(--radius-md);color:#fff;font-family:var(--font-ui);cursor:pointer;background:#5865f2;border:none;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:600;transition:filter .15s;display:inline-flex}.discord-login-btn:hover{filter:brightness(1.08)}.user-badge{z-index:20;border:1px solid var(--border);background:var(--bg-elevated);border-radius:999px;align-items:center;gap:.55rem;padding:.35rem .6rem .35rem .35rem;display:flex;position:fixed;top:.85rem;right:1.25rem}.user-badge-avatar{border-radius:50%;width:1.9rem;height:1.9rem;display:block}.user-badge-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:9rem;font-size:.85rem;overflow:hidden}.user-badge-logout{width:1.6rem;height:1.6rem;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:background .15s,color .15s;display:flex}.user-badge-logout:hover{background:var(--accent-soft);color:var(--text)}