:root{--background: hsl(0 0% 100%);--foreground: hsl(224 71.4% 4.1%);--primary: hsl(272.9 70% 50.4%);--primary-foreground: hsl(271.8 68% 95.1%);--secondary: hsl(250.4 60.8% 37.1%);--muted: hsl(271.8 68% 95.1%);--muted-foreground: hsl(272.9 68.9% 35.3%);--border: hsl(220 13% 91%);--input: hsl(220 13% 91%);--destructive: hsl(0 84.2% 60.2%);--level-trace: hsl(215 16% 47%);--level-debug: hsl(217 91% 60%);--level-info: hsl(272.9 70% 50.4%);--level-warn: hsl(32 95% 44%);--level-error: hsl(0 84.2% 60.2%);--level-fatal: hsl(316 70% 50%);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--foreground);background:var(--background)}.muted{color:var(--muted-foreground)}.spacer{flex:1}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 3px #8928d933}.btn{border:1px solid var(--border);border-radius:8px;background:var(--background);padding:8px 14px;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s;color:var(--foreground)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn-primary:hover:not(:disabled){filter:brightness(.95)}.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--muted)}.btn-live-active{background:var(--level-error);color:#fff;border-color:var(--level-error)}.input,.select{border:1px solid var(--input);border-radius:8px;padding:8px 12px;font-size:14px;background:var(--background);color:var(--foreground)}.input:focus,.select:focus{outline:2px solid var(--ring);outline-offset:-1px}.filter-q{flex:1;min-width:160px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f3eafb,#fff)}.login-card{display:flex;flex-direction:column;gap:14px;width:320px;padding:32px 28px;border:1px solid var(--border);border-radius:12px;background:var(--background);box-shadow:0 8px 30px #0000000f}.login-title{margin:0;font-size:20px}.error-text{color:var(--destructive);font-size:13px}.app-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.viewer{display:flex;flex-direction:column;height:100vh}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border)}.topbar-title{font-size:14px}.filters{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.resources{display:flex;gap:6px;padding:8px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap;max-height:120px;overflow-y:auto}.chip{border:1px solid var(--border);border-radius:999px;padding:4px 12px;font-size:12px;background:var(--background);color:var(--muted-foreground);cursor:pointer;font-family:var(--mono)}.chip-active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.error-banner{margin:10px 16px 0;padding:8px 12px;border-radius:8px;background:#fde8e8;color:var(--destructive);font-size:13px}.log-list{flex:1;overflow-y:auto;padding:6px 0;font-family:var(--mono);font-size:12.5px}.empty{padding:40px;text-align:center}.log-row{display:flex;padding:2px 16px;border-bottom:1px solid hsla(220,13%,91%,.4)}.log-row summary{display:flex;align-items:baseline;gap:10px;cursor:pointer;list-style:none;width:100%}.log-row summary::-webkit-details-marker{display:none}.log-row:hover{background:var(--muted)}.log-time{color:var(--muted-foreground);white-space:nowrap;min-width:90px;font-size:11.5px}.log-msg{flex:1;white-space:pre-wrap;word-break:break-word}.log-expand{color:var(--muted-foreground);font-size:10px}.log-platform{color:var(--muted-foreground);background:#f1f2f480;font-size:11.5px}.platform-msg{white-space:pre-wrap}.log-details{margin:0 16px 8px 112px;padding:10px;border-radius:8px;background:#f3f4f6;font-size:12px}.log-meta{margin-bottom:8px;color:var(--foreground)}.detail-block{margin-top:8px}.detail-title{font-weight:700;text-transform:uppercase;font-size:10.5px;color:var(--secondary);margin-bottom:4px}.detail-block pre{margin:0;padding:8px;border-radius:6px;background:var(--background);overflow-x:auto;font-size:11.5px;line-height:1.5}.badge{border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700;text-transform:uppercase;color:#fff;white-space:nowrap;min-width:42px;text-align:center}.level-trace{background:var(--level-trace)}.level-debug{background:var(--level-debug)}.level-info{background:var(--level-info)}.level-warn{background:var(--level-warn)}.level-error{background:var(--level-error)}.level-fatal{background:var(--level-fatal)}.log-footer{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--border);font-size:13px}.count{margin-left:auto}