:root{--bg:#efe8da;--bg-glow:#faf5ea;--card:#fbf8f1;--card-2:#f4eee2;--border:#dccfb3;--text:#1f1b14;--muted:#6e6555;--grid:#e6dbc4;--hover:#a0782814;--accent:#96691a;--accent-text:#fff9ea;--gold:#b0842b;--gold-hi:#d9b25e;--good:#23864f;--good-soft:#e0f0e4;--ok:#a8730f;--bad:#b8403a;--bad-soft:#f8e4e1;--tank:#2f5fb8;--healer:#2e8a3c;--dps:#b23a35;--g-a:#23864f;--g-b:#5f9e2f;--g-c:#a8730f;--g-d:#c9652a;--g-f:#b8403a;--shadow:0 6px 20px #503c1414;--font-head:"Cinzel", Georgia, serif;--font-body:"Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0b0f1c;--bg-glow:#1a2547;--card:#131a2c;--card-2:#19213a;--border:#2b3552;--text:#ece6d6;--muted:#9aa0b4;--grid:#222b44;--hover:#d4af5f12;--accent:#d4af5f;--accent-text:#1a1408;--gold:#d4af5f;--gold-hi:#f0d48e;--good:#5cc98a;--good-soft:#5cc98a24;--ok:#e2b04a;--bad:#f0706a;--bad-soft:#f0706a24;--tank:#6f95ff;--healer:#6cc66a;--dps:#ff6b63;--g-a:#3bb87d;--g-b:#7bb83f;--g-c:#d2a033;--g-d:#e07a3a;--g-f:#e2564f;--shadow:0 10px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app{max-width:1040px;margin:0 auto;padding:16px}h2,h3,h4{margin:0 0 6px;font-weight:650;line-height:1.25}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}button{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border:0;border-radius:9px;padding:10px 18px;font-weight:600}button:disabled{opacity:.5;cursor:default}button.ghost:hover{background:var(--hover)}button.small{padding:6px 12px;font-size:13px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.brand{color:var(--text);background:0 0;padding:0;font-size:19px;font-weight:700}.topbar-right{gap:8px;display:flex}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:18px}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-bottom:12px;display:flex}.error{background:var(--bad-soft);border:1px solid var(--bad);border-radius:10px;margin-bottom:16px;padding:12px 16px}.status{color:var(--muted);align-items:center;gap:10px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.demo-banner{background:color-mix(in srgb, var(--accent) 12%, var(--card));border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border));border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:16px;padding:12px 16px;display:flex}.landing{text-align:center;max-width:600px;margin:40px auto}.landing h2{margin-bottom:12px;font-size:28px}.lead{color:var(--muted);margin-bottom:24px;font-size:17px}.steps{counter-reset:step;text-align:left;gap:10px;max-width:460px;margin:0 auto 28px;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;background:var(--card);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.steps li:before{content:counter(step);background:var(--accent);width:26px;height:26px;color:var(--accent-text);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.landing-buttons{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:14px;display:flex}.paste label{margin-bottom:8px;font-weight:650;display:block}.paste-row{align-items:flex-start;gap:10px;margin-bottom:6px;display:flex}.paste p{margin:0}textarea,select{background:var(--card-2);color:var(--text);border:1px solid var(--border);font:inherit;border-radius:9px;padding:9px 12px}textarea{resize:vertical;flex:1;min-width:0;min-height:42px}.summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.sum-item{background:var(--card-2);border-left:4px solid var(--accent);border-radius:10px;padding:12px 14px}.sum-item.good{border-left-color:var(--good)}.sum-item.bad{border-left-color:var(--bad)}.sum-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:600}.sum-value{margin:2px 0;font-size:19px;font-weight:700}.sum-sub{color:var(--muted);font-size:13px}input{background:var(--card-2);min-width:0;color:var(--text);border:1px solid var(--border);font:inherit;border-radius:9px;flex:1;padding:9px 12px}.encounter-row label{font-weight:600}.report-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.report-head h2{margin-bottom:2px}.note{color:var(--muted);margin:12px 0 0;font-size:13px}.chip{white-space:nowrap;border:1px solid #0000;border-radius:999px;padding:1px 9px;font-size:13px;font-weight:600;display:inline-block}.chip.role-tank{background:color-mix(in srgb, var(--tank) 16%, transparent);color:var(--tank)}.chip.role-healer{background:color-mix(in srgb, var(--healer) 16%, transparent);color:var(--healer)}.chip.role-dps{background:color-mix(in srgb, var(--dps) 14%, transparent);color:var(--dps)}.chip-special{background:var(--card-2);color:var(--muted);border-color:var(--border)}.tag{text-transform:uppercase;letter-spacing:.04em;color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 50%, transparent);border-radius:6px;padding:0 6px;font-size:11px;display:inline-block}.two-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 16px;display:grid}.bars{gap:2px;display:grid}.bar-row{color:var(--text);text-align:left;background:0 0;border-radius:8px;grid-template-columns:130px 1fr 36px;align-items:center;gap:10px;padding:5px 6px;font-weight:500;display:grid}.bar-row:hover{background:var(--hover)}.bar-row.active{background:color-mix(in srgb, var(--accent) 14%, transparent)}.bar-label{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.bar-track{background:var(--grid);border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:999px;height:100%;display:block}.fill-tank{background:var(--tank)}.fill-healer{background:var(--healer)}.fill-dps{background:var(--dps)}.fill-special{background:var(--muted)}.bar-value{text-align:right;font-variant-numeric:tabular-nums;font-weight:650}.wipes{gap:6px;margin-bottom:12px;display:grid}.wipe{border:1px solid var(--border);background:var(--card-2);border-radius:10px}.wipe-main{width:100%;color:var(--text);text-align:left;background:0 0;border-radius:10px;grid-template-columns:40px 150px 170px 1fr 14px;align-items:center;gap:4px 12px;padding:10px 12px;font-weight:400;display:grid}.wipe-main:hover{background:var(--hover)}.wipe-no{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.wipe-where{flex-direction:column;line-height:1.3;display:flex}.wipe-blame{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.wipe-text{font-size:14px}.chevron{color:var(--muted);font-size:18px;transition:transform .15s}.chevron.open{transform:rotate(90deg)}.wipe-detail{padding:0 12px 12px 64px;font-size:14px}.wipe-detail ul{margin:4px 0 8px;padding-left:18px}@media (width<=760px){.wipe-main{grid-template-columns:34px 1fr 14px}.wipe-blame,.wipe-text{grid-column:2/3}.wipe-detail{padding-left:12px}.bar-row{grid-template-columns:110px 1fr 32px}.paste-row{flex-direction:column;align-items:stretch}}.discord-chunk{border:1px solid var(--border);border-radius:10px;margin-top:10px;overflow:hidden}.discord-head{background:var(--card-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 10px;display:flex}.discord-chunk pre{white-space:pre-wrap;word-break:break-word;max-height:260px;margin:0;padding:10px 12px;font-size:12.5px;overflow:auto}.head-buttons{flex-wrap:wrap;gap:8px;display:flex}.pname{transition:filter .2s,opacity .2s}.anon .pname{filter:blur(5px);opacity:.55;-webkit-user-select:none;user-select:none}.anon .chip.role-tank,.anon .chip.role-healer,.anon .chip.role-dps{background:var(--card-2);color:var(--muted);border-color:var(--border)}.anon .fill-tank,.anon .fill-healer,.anon .fill-dps{background:var(--muted);opacity:.6}.learned{margin-top:12px;font-size:14px}.learned summary{cursor:pointer;color:var(--accent);font-weight:600}.learned dl{gap:8px;margin:10px 0 0;display:grid}.learned dt{font-weight:650}.learned dd{margin:2px 0 0}.sum-item.acc-high{border-left-color:var(--good)}.sum-item.acc-medium{border-left-color:var(--ok)}.sum-item.acc-low{border-left-color:var(--bad)}.accuracy{border:1px solid var(--border);background:var(--card-2);border-radius:10px;margin-top:14px;padding:12px 14px;font-size:14px}.acc-head{flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.acc-meter{background:var(--grid);border-radius:999px;height:8px;margin:8px 0 10px;overflow:hidden}.acc-meter span{background:var(--accent);border-radius:999px;height:100%;display:block}.acc-high .acc-meter span{background:var(--good)}.acc-medium .acc-meter span{background:var(--ok)}.acc-low .acc-meter span{background:var(--bad)}.accuracy ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.accuracy li{align-items:flex-start;gap:8px;display:flex}.check{border-radius:50%;flex:none;place-items:center;width:20px;height:20px;margin-top:1px;font-size:12px;font-weight:700;display:grid}.check-good{background:var(--good-soft);color:var(--good)}.check-ok{background:color-mix(in srgb, var(--ok) 16%, transparent);color:var(--ok)}.check-bad{background:var(--bad-soft);color:var(--bad)}.login-needed{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}body{font-family:var(--font-body);background:radial-gradient(ellipse 120% 60% at 50% -10%, var(--bg-glow), transparent 70%), var(--bg);background-repeat:no-repeat;min-height:100vh}h2,h3,.landing h2{font-family:var(--font-head);letter-spacing:.02em}a{color:var(--accent)}.card,.landing .steps li{border-color:color-mix(in srgb, var(--gold) 28%, var(--border));background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 4%, var(--card)), var(--card));box-shadow:inset 0 1px 0 #ffffff0f, var(--shadow)}.card{border-radius:10px}.card h3{color:var(--gold)}button{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:var(--accent-text);border:1px solid color-mix(in srgb, var(--gold) 70%, #000);text-shadow:none}button:hover:not(:disabled){filter:brightness(1.06)}button.ghost{color:var(--text);border:1px solid color-mix(in srgb, var(--gold) 35%, var(--border));background:0 0}.bar-row,.wipe-main,.brand{filter:none;border:0}.brand{font-family:var(--font-head);letter-spacing:.04em;background:0 0;align-items:center;gap:8px;font-size:23px;display:inline-flex}.brand span{color:var(--gold)}.brand svg{width:26px;height:26px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--gold) 45%, transparent))}.sum-item{border-left-color:var(--gold);background:var(--card-2)}.sum-label{letter-spacing:.08em}.fill-mech{background:linear-gradient(90deg, var(--gold), var(--gold-hi))}.steps li:before{background:linear-gradient(180deg, var(--gold-hi), var(--gold));color:var(--accent-text);font-family:var(--font-head)}.wipe{background:var(--card-2);border-color:color-mix(in srgb, var(--gold) 14%, var(--border))}.wipe-no{font-family:var(--font-head);color:var(--gold)}input:focus,select:focus{outline:2px solid color-mix(in srgb, var(--gold) 55%, transparent);outline-offset:1px}.demo-banner,.login-needed{border-color:color-mix(in srgb, var(--gold) 45%, var(--border));background:color-mix(in srgb, var(--gold) 9%, var(--card))}.learned summary{color:var(--gold)}.chip{align-items:center;gap:4px;display:inline-flex}.role-icon{fill:currentColor;flex:none;width:12px;height:12px}.anon .role-icon{display:none}.footer{text-align:center;color:var(--muted);margin:28px 0 8px;font-size:12px}.footer .gem{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:120px;height:1px;margin:0 auto 6px;display:block}