:root{--bg: #14161a;--bg-raised: #1c1f25;--bg-hover: #23272f;--border: #2d323b;--text: #d7dbe0;--text-dim: #8a919c;--accent: #4f8fdb;--good: #3fb950;--bad: #e5534b;--neutral: #8a919c;--draw: #d4a72c;--bar: #345a85;--bar-heal: #2e6b45;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;line-height:1.45}.app-header{display:flex;align-items:center;gap:16px;padding:8px 16px;background:var(--bg-raised);border-bottom:1px solid var(--border)}.app-title{font-size:15px;font-weight:700;margin:0}.app-nav{display:flex;gap:4px;flex:1}.app-nav a{color:var(--text-dim);text-decoration:none;padding:4px 10px;border-radius:4px}.app-nav a:hover{background:var(--bg-hover);color:var(--text)}.app-nav a.active{background:var(--bg-hover);color:var(--accent)}main{padding:16px;max-width:1280px;margin:0 auto}h2{font-size:16px;margin:0 0 12px}h3{font-size:13px;margin:16px 0 8px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}a{color:var(--accent)}button{background:var(--bg-hover);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 12px;font:inherit;cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}input,select{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font:inherit}input:focus,select:focus{outline:none;border-color:var(--accent)}label.field{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--text-dim)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin-bottom:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:4px 8px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--bg-hover)}.badge{display:inline-block;padding:1px 7px;border-radius:9px;font-size:11px;font-weight:600;border:1px solid var(--border);background:var(--bg-hover)}.badge.class-badge{color:#14161a;border:none}.outcome-good{color:var(--good);font-weight:600}.outcome-bad{color:var(--bad);font-weight:600}.outcome-neutral{color:var(--neutral)}.outcome-draw{color:var(--draw);font-weight:600}.outcome-none,.muted{color:var(--text-dim)}.error{color:var(--bad);margin:8px 0}.bar-track{position:relative;background:var(--bg-hover);border-radius:3px;height:14px;min-width:120px;overflow:hidden}.bar-fill{position:absolute;inset:0 auto 0 0;background:var(--bar);border-radius:3px}.bar-fill.heal{background:var(--bar-heal)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:16px 0 12px;flex-wrap:wrap}.tabs button{border:none;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--text-dim);padding:6px 10px}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:10px 12px;margin-bottom:12px}.card-title{font-weight:600;margin-bottom:6px}.detail-header{display:flex;flex-wrap:wrap;gap:6px 20px;align-items:baseline;margin-bottom:8px}.detail-header .stat{display:flex;gap:6px;align-items:baseline}.detail-header .stat .label{color:var(--text-dim);font-size:11px;text-transform:uppercase}.ability-row td{background:#0000002e;color:var(--text-dim)}.ability-row td:first-child{padding-left:28px;color:var(--text)}.events-list{font-family:var(--mono);font-size:11px;background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:8px;overflow-x:auto;white-space:pre;margin:0}.pager{display:flex;gap:8px;align-items:center;margin:10px 0}.cast-row.bosscast td{background:#4f8fdb14;font-weight:600}.cast-row.interrupted td{color:var(--bad)}.death-window{margin:6px 0 0;padding:0;list-style:none;font-size:12px}.death-window li{display:flex;gap:8px;padding:1px 0}.death-window .amount-damage{color:var(--bad)}.death-window .amount-heal{color:var(--good)}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}@media(max-width:900px){.compare-grid{grid-template-columns:1fr}}.login-box{max-width:320px;margin:80px auto;display:flex;flex-direction:column;gap:10px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.truncated-flag{color:var(--draw);font-size:11px;font-weight:700;text-transform:uppercase}.badge.surface-dungeon{border-color:#33527a;color:#7aa7dd}.badge.surface-raid{border-color:#7a3345;color:#dd7a92}.badge.surface-rift{border-color:#33707a;color:#7accdd}.badge.surface-delve{border-color:#5a7a33;color:#a8dd7a}.quiet-link{color:inherit;text-decoration:none}.quiet-link:hover .class-badge{box-shadow:0 0 0 1px var(--accent)}.histogram{max-width:560px}.histogram-row{display:flex;align-items:center;gap:8px;padding:1px 0}.histogram-label{width:36px;text-align:right;color:var(--text-dim);font-variant-numeric:tabular-nums}.histogram-track{flex:1}.histogram-count{width:48px;font-variant-numeric:tabular-nums}.stacked-bar{display:flex;height:14px;min-width:2px;border-radius:3px;overflow:hidden}.seg-good{background:var(--good)}.seg-bad{background:var(--bad)}.seg-neutral{background:var(--neutral)}.seg-draw{background:var(--draw)}.seg-none{background:var(--bg-hover)}.bar-fill.neutral{background:var(--neutral)}.legend-item{margin-right:12px}.legend-chip{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:4px;vertical-align:-1px}.recon-section{border:1px dashed var(--border);border-radius:6px;padding:4px 12px 12px;margin-top:24px;opacity:.85}