
:root{--bg:#0b0b0c;--panel:#141416;--line:#29292d;--text:#f6f6f2;--muted:#a9a9a3;--acc:#ffd400;--ok:#3ddc84;--bad:#ff6b5a}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 "Source Sans 3",ui-sans-serif,system-ui,sans-serif}
.w{max-width:820px;margin:0 auto;padding:32px 20px 64px}
.brand{font-family:"Fraunces",Georgia,serif;font-weight:800;font-size:22px;letter-spacing:-1px}.brand span{color:var(--acc)}
h1{font-family:"Fraunces",Georgia,serif;font-size:clamp(28px,4vw,40px);letter-spacing:-.03em;margin:18px 0 8px}
h2{font-family:"Fraunces",Georgia,serif;font-size:22px;margin:0 0 10px}
.muted{color:var(--muted)}
.card{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.row{display:grid;grid-template-columns:1.2fr .6fr 1.6fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}
.row.y .status{color:var(--ok)}.row.n .status{color:var(--bad)}
.score{font-size:48px;font-weight:800;color:var(--acc)}
.score-label{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-weight:700;margin-bottom:6px}
.issues,.fixes,.ideas{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.issues li,.fixes li,.ideas li{padding:12px 14px;border-left:3px solid var(--acc);background:#1b1b1e;border-radius:10px}
.issues span,.fixes span,.ideas span{display:block;color:var(--muted);font-size:14px;margin-top:4px}
.ai-badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;margin-bottom:10px}
.ai-badge.ok{background:rgba(61,220,132,.15);color:var(--ok)}.ai-badge.bad{background:rgba(255,107,90,.15);color:var(--bad)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-top:12px;font-size:14px}
.checks div{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.checks .y i{color:var(--ok)}.checks .n i{color:var(--bad)}
.checks em{margin-left:auto;color:var(--muted);font-style:normal;font-size:12px}
.cta{display:inline-flex;margin:8px 8px 0 0;padding:12px 20px;border-radius:12px;background:var(--acc);color:#111;font-weight:700;text-decoration:none}
.cta.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.report-email-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:4px}
.report-email-form input[type=email]{flex:1 1 220px;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#1b1b1e;color:var(--text);font:inherit}
.report-email-form button.cta{margin:0;border:0;cursor:pointer;font:inherit}
#bericht-per-email h2,#wochenbericht-anmelden h2{margin:0 0 6px}
button.ghost{display:inline-flex;align-items:center;padding:8px 14px;border-radius:10px;background:transparent;color:var(--text);border:1px solid var(--line);font:inherit;font-weight:600;font-size:13px;cursor:pointer}
button.ghost:hover{border-color:var(--acc);color:var(--acc)}
.fix-paste{margin-top:8px}
.fix-paste pre[data-fix-code]{overflow-x:auto;max-width:100%}
.no-fix-code{border-left:3px solid var(--line);padding-left:10px}
.pill{display:inline-block;padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px;margin-right:6px}
.audit-types{display:grid;gap:14px;margin-top:16px}
.audit-type{padding:12px 0;border-bottom:1px solid var(--line)}
.audit-type .count{float:right;font-weight:700;color:var(--acc)}
.audit-urls{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--muted)}
.issue-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:4px}
.issue-table th,.issue-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}
.issue-table th{color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.issue-table .num{font-variant-numeric:tabular-nums;font-weight:700;color:var(--acc);white-space:nowrap}
.issue-table .fix{color:var(--muted);font-size:13px}
.priority{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700}
.priority.pri-high{background:rgba(255,107,90,.18);color:var(--bad)}
.priority.pri-mid{background:rgba(255,212,0,.14);color:var(--acc)}
.priority.pri-low{background:rgba(169,169,163,.16);color:var(--muted)}
a{color:inherit}
@media (max-width:640px){.row,.checks{grid-template-columns:1fr}.row .status{order:2}
.issue-table th:nth-child(4),.issue-table td.fix{display:none}}

.severity-groups{display:grid;gap:16px;margin:24px 0}.severity-group{padding:16px;border:1px solid var(--line);border-radius:12px}
.severity-group h3{display:flex;justify-content:space-between;margin:0 0 12px;font-size:18px}.error h3{color:var(--bad)}.warning h3{color:var(--acc)}
.severity-issue{border-top:1px solid var(--line);padding:10px 0}.severity-issue summary{cursor:pointer;font-size:14px}.severity-issue .count{float:right;font-weight:700;padding-left:10px}
.severity-issue p{font-size:14px;margin:8px 0}.audit-urls li{padding:4px 0;overflow-wrap:anywhere}.audit-urls span{display:block}
.crawl-note{padding:12px;border-left:3px solid var(--acc);background:#272317}.w{overflow-wrap:anywhere}
a:focus-visible,summary:focus-visible{outline:2px solid var(--acc);outline-offset:4px}
@media(max-width:640px){.score{font-size:36px}.card{padding:16px}.w{padding:24px 16px}.severity-group{padding:12px}.issue-table{font-size:12px}.issue-table th,.issue-table td{padding:8px 4px}}
