/* No-Bullshit-Meter (Modul). Nur Klassen mit Präfix mtr-. Farben aus styles.css. */
/* Der alte Platzhalter "02 Der Bericht" ist durch den Meter ersetzt und wird ausgeblendet. */
body:has(#meter .mtr) #bericht{display:none}
.mtr [hidden]{display:none!important}
.mtr-form{display:grid;grid-template-columns:1fr auto;gap:16px 16px;align-items:end;border:1px solid var(--line);padding:clamp(20px,3vw,40px)}
.mtr-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.mtr-field label{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg)}
.mtr-field input,.mtr-field select{min-height:56px;background:#111;border:2px solid #555;color:var(--fg);font:400 18px/1.2 var(--font);padding:0 16px;border-radius:0;width:100%}
.mtr-field input::placeholder{color:#8A8A85}
.mtr-field input:focus,.mtr-field select:focus{border-color:var(--y);outline:none;box-shadow:0 0 0 3px rgba(253,200,6,.35)}
.mtr-go{min-width:180px}
.mtr-go[disabled]{opacity:1;background:#333;border-color:#333;color:var(--fg);cursor:progress}
.mtr-note{grid-column:1/-1;font-size:14px;color:var(--mute);margin:0}
.mtr-quick{grid-column:1/-1;font-size:15px;color:var(--mute);margin:0;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mtr-chip{background:none;border:1px solid #555;color:var(--fg);font:600 14px/1 var(--mono);padding:10px 14px;cursor:pointer;min-height:40px}
.mtr-chip:hover,.mtr-chip:focus-visible{border-color:var(--y);color:var(--y)}
.mtr-live{margin-top:32px}
.mtr-load{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center;border:1px solid var(--line);padding:24px}
.mtr-who{position:relative;margin:0;overflow:hidden;background:#111}
.mtr-who img{width:120px;height:160px;object-fit:cover;animation:mtr-look 3.2s ease-in-out infinite}
.mtr-scan{position:absolute;left:0;right:0;height:3px;background:var(--y);box-shadow:0 0 18px var(--y);top:0;animation:mtr-scan 1.6s ease-in-out infinite alternate}
.mtr-say{font-size:clamp(22px,2.6vw,32px);font-weight:800;letter-spacing:-.02em;margin:0 0 8px}
.mtr-say::before{content:"perfektdroid: ";color:var(--y);font:400 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:10px}
.mtr-step{color:var(--mute);margin:0 0 16px;font-size:16px}
.mtr-bar{height:6px;background:var(--track);position:relative;overflow:hidden;max-width:520px}
.mtr-bar i{position:absolute;top:0;bottom:0;width:30%;background:var(--y);animation:mtr-indet 1.4s ease-in-out infinite}
.mtr-err{border:2px solid var(--y);padding:16px 20px;margin:0}
.mtr-res{border:1px solid var(--line)}
.mtr-top{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:clamp(24px,4vw,56px);padding:clamp(20px,3vw,40px);align-items:center}
.mtr-gauge{position:relative;text-align:center}
.mtr-gauge svg{width:100%;height:auto;display:block}
.mtr-track,.mtr-arc{fill:none;stroke-width:16;stroke-linecap:butt}
.mtr-track{stroke:var(--track)}
.mtr-arc{stroke:var(--y);stroke-dasharray:0 100;transition:stroke-dasharray 1.6s cubic-bezier(.2,.8,.2,1)}
.mtr-res[data-band="low"] .mtr-arc{stroke:#FF5A4E}
.mtr-ticks text{fill:var(--mute);font:12px var(--mono)}
.mtr-num{font-size:clamp(64px,8vw,104px);font-weight:800;letter-spacing:-.06em;line-height:1;margin:-64px 0 0;font-variant-numeric:tabular-nums}
.mtr-num small{font-size:.28em;color:var(--mute);letter-spacing:0;margin-left:4px}
.mtr-res[data-status="na"] .mtr-num{font-size:clamp(26px,2.6vw,34px);margin-top:-44px}
.mtr-lbl{font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:8px auto 0}
.mtr-url{font-family:var(--mono);font-size:14px;color:var(--mute);margin:0 0 8px;word-break:break-all}
.mtr-to100{font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 24px}
.mtr-to100 em{font-style:normal;color:var(--y)}
.mtr-line{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;margin-bottom:14px}
.mtr-line img{width:64px;height:85px;object-fit:cover;background:#111}
.mtr-line p{margin:0;background:var(--fg);color:var(--bg);padding:14px 18px;font-weight:600;font-size:18px;line-height:1.35;position:relative}
.mtr-line p::before{content:"";position:absolute;left:-10px;top:50%;margin-top:-8px;border:8px solid transparent;border-right-color:var(--fg);border-left:0}
.mtr-line p b{display:block;font:400 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#444;margin-bottom:6px}
.mtr-anti p{background:#2A2A2A;color:var(--fg)}
.mtr-anti p::before{border-right-color:#2A2A2A}
.mtr-anti p b{color:#BDBDB6}
html:not([data-mindset="sorgen"]) .mtr-anti{display:none}
.mtr-meta{font-size:14px;color:var(--mute);margin:12px 0 0}
.mtr-h3{font-size:22px;letter-spacing:-.02em;margin:0 0 16px}
.mtr-res>.mtr-h3{padding:0 clamp(20px,3vw,40px)}
.mtr-known{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mtr-known li{display:grid;grid-template-columns:minmax(200px,1fr) 2fr;gap:16px;padding:18px clamp(20px,3vw,40px);border-bottom:1px solid var(--line);align-items:center}
.mtr-known strong{display:block;font-size:17px}
.mtr-known small{display:block;color:var(--mute);font-size:14px;line-height:1.4}
.mtr-vals{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.mtr-vals span{display:inline-flex;align-items:baseline;gap:8px;border:1px solid #444;padding:8px 12px;font-size:14px;color:var(--fg)}
.mtr-vals b{font-size:20px;font-variant-numeric:tabular-nums}
.mtr-vals .g{border-color:#3BB273}.mtr-vals .o{border-color:var(--y)}.mtr-vals .r{border-color:#FF5A4E}
.mtr-na{color:var(--mute);font-size:15px}
.mtr-est{font:600 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--y);color:var(--bg);padding:4px 6px;margin-left:8px;vertical-align:middle}
.mtr-locked{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid var(--line)}
.mtr-blur{padding:clamp(20px,3vw,40px);filter:blur(6px);opacity:.55;user-select:none;pointer-events:none;overflow:hidden}
.mtr-ghost div{display:grid;grid-template-columns:2fr 1fr;gap:16px;padding:14px 0;border-bottom:1px solid #333}
.mtr-ghost i{display:block;height:14px;background:#555}
.mtr-ghost i+i{background:var(--y);opacity:.7}
.mtr-lead{padding:clamp(20px,3vw,40px);background:#111;border-left:1px solid var(--line)}
.mtr-lead p{color:var(--fg);font-size:16px}
.mtr-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:16px}
.mtr-check{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;margin:0 0 18px}
.mtr-check input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--y)}
.mtr-sent{margin-top:14px;color:var(--fg)}
.mtr-lead [aria-invalid="true"]{border-color:#FF5A4E}
@keyframes mtr-scan{to{top:calc(100% - 3px)}}
@keyframes mtr-look{0%,100%{transform:translateX(0) scale(1.04)}50%{transform:translateX(-4px) scale(1.06)}}
@keyframes mtr-indet{0%{left:-30%}100%{left:100%}}
@media (max-width:860px){
  .mtr-form{grid-template-columns:1fr}.mtr-go{width:100%}
  .mtr-top{grid-template-columns:1fr}
  .mtr-known li{grid-template-columns:1fr}
  .mtr-locked{grid-template-columns:1fr}.mtr-lead{border-left:0;border-top:1px solid var(--line)}
  .mtr-blur{max-height:220px}
  .mtr-load{grid-template-columns:80px 1fr;gap:16px}.mtr-who img{width:80px;height:107px}
}
@media (prefers-reduced-motion:reduce){.mtr-who img,.mtr-scan,.mtr-bar i{animation:none}.mtr-arc{transition:none}}
.mtr-res,.mtr-err{scroll-margin-top:100px}