/* elefone — Hausfarben (CI aus MASTER-STAND §9a) */
:root{
  --creme:#F6EFE6;
  --grund:#0B1020; --grund2:#141B33; --flaeche:#161E3A; --flaeche2:#1C2547;
  --linie:rgba(255,255,255,.09); --linie2:rgba(255,255,255,.16);
  --v1:#5B2BE0; --v2:#A32BC4; --v3:#E9208D;
  --verlauf:linear-gradient(135deg,#5B2BE0 0%,#A32BC4 52%,#E9208D 100%);
  --marke:#E45BC9;
  --blau:#239CFF; --gold:#F2A548; --gruen:#32C364; --rot:#FF4D46;
  --text:#EEF1FA; --text2:#9AA4C4; --text3:#6C7699;
  --r:22px; --r2:16px; --r3:11px;
  --schatten:0 18px 48px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:
    radial-gradient(1100px 600px at 12% -8%, rgba(91,43,224,.30), transparent 60%),
    radial-gradient(900px 520px at 92% 4%, rgba(233,32,141,.20), transparent 62%),
    linear-gradient(170deg,var(--grund) 0%,var(--grund2) 100%);
  background-attachment:fixed;
  color:var(--text);
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  font-size:15px; line-height:1.5; min-height:100vh;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.grotesk{font-family:"Space Grotesk",Inter,system-ui,sans-serif;letter-spacing:-.02em;margin:0}
a{color:inherit;text-decoration:none}
.wort{background:var(--verlauf);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}
.karte{background:linear-gradient(160deg,var(--flaeche) 0%,rgba(28,37,71,.72) 100%);
  border:1px solid var(--linie);border-radius:var(--r);box-shadow:var(--schatten)}
.pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;
  font-size:12px;font-weight:600;border:1px solid var(--linie2);background:rgba(255,255,255,.05)}
.punkt{width:7px;height:7px;border-radius:50%;background:var(--gruen);box-shadow:0 0 0 3px rgba(50,195,100,.18)}
.punkt.warn{background:var(--gold);box-shadow:0 0 0 3px rgba(242,165,72,.18)}
.punkt.off{background:var(--text3);box-shadow:none}
.punkt.live{animation:puls 1.8s ease-in-out infinite}
@keyframes puls{0%,100%{opacity:1}50%{opacity:.35}}
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;
  border:0;border-radius:var(--r3);padding:11px 18px;font:600 14px Inter,system-ui;color:#fff;
  background:var(--verlauf);transition:transform .12s ease,filter .12s ease}
.knopf:hover{filter:brightness(1.12)} .knopf:active{transform:translateY(1px)}
.knopf.leise{background:rgba(255,255,255,.07);border:1px solid var(--linie2);color:var(--text)}
input,select{background:rgba(0,0,0,.28);border:1px solid var(--linie2);border-radius:var(--r3);
  color:var(--text);padding:11px 13px;font:14px Inter,system-ui;width:100%;outline:none}
input:focus{border-color:var(--marke);box-shadow:0 0 0 3px rgba(228,91,201,.16)}
.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}
.klein{font-size:12px;color:var(--text2)}
.mini{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.09em;font-weight:600}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px}