:root{--ink: #121212;--surface: #181818;--hairline: rgba(251, 251, 251, .08);--text: #fbfbfb;--text-muted: #8c8c8c;--accent: #ff8a3d;--accent-hover: #d96f2a;--kaufen: #58c472;--beobachten: #ff8a3d;--warten: #8c8c8c;--fehler: #e5484d;--radius-card: 14px;--radius-control: 8px;--control-h: 40px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--ink);color:var(--text);font:500 16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}.hidden{display:none!important}.muted{color:var(--text-muted);font-size:14px}.fehler{color:var(--fehler);font-size:14px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}.app{max-width:640px;margin:0 auto;padding:12px 12px 24px;display:flex;flex-direction:column;gap:12px}header h1{font-size:1.2rem;margin:4px 0 10px}nav{display:flex;gap:6px;overflow-x:auto}nav button,.zeitraum button{background:var(--surface);border:1px solid var(--hairline);color:var(--text-muted);border-radius:var(--radius-control);padding:8px 14px;font:inherit;font-size:14px;cursor:pointer;white-space:nowrap}nav button.aktiv,.zeitraum button.aktiv{color:var(--ink);background:var(--accent);border-color:var(--accent)}main{display:flex;flex-direction:column;gap:12px}section{display:flex;flex-direction:column;gap:12px}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:20px}.card h2{font-size:1rem;margin:0 0 8px}h1{font-size:1.4rem;margin:0 0 8px}a{color:var(--accent)}a:hover{color:var(--accent-hover)}footer{color:var(--text-muted);font-size:12px;text-align:center}.ampel-card{text-align:center}.ampel{display:inline-block;padding:10px 28px;border-radius:999px;font-size:1.3rem;font-weight:700;letter-spacing:.04em;border:1px solid var(--hairline)}.ampel.kaufen{color:var(--ink);background:var(--kaufen)}.ampel.beobachten{color:var(--ink);background:var(--beobachten)}.ampel.warten{color:var(--text);background:var(--surface)}.preis-gross{font-size:2rem;font-weight:700;margin:10px 0 0}.badge{display:inline-block;border:1px solid var(--accent);color:var(--accent);border-radius:999px;padding:3px 12px;font-size:13px;margin-top:8px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1px solid var(--hairline);border-radius:999px;padding:3px 12px;font-size:13px;color:var(--text-muted)}.chip.preistreibend{border-color:var(--fehler);color:var(--fehler)}.chip.preissenkend{border-color:var(--kaufen);color:var(--kaufen)}.headline-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.headline-liste li{border-top:1px solid var(--hairline);padding-top:8px;font-size:14px}.headline-liste li:first-child{border-top:none;padding-top:0}.kv{display:flex;justify-content:space-between;gap:12px;font-size:14px;padding:4px 0}.kv span:first-child{color:var(--text-muted)}.chart-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.zeitraum{display:flex;gap:6px}.inline{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted)}.chart-box{position:relative;height:300px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:6px 8px 6px 0;border-top:1px solid var(--hairline);vertical-align:top}th{color:var(--text-muted);font-weight:500;border-top:none}form.stapel,.stapel{display:flex;flex-direction:column;gap:10px}label{font-size:14px;color:var(--text-muted)}input,select{height:var(--control-h);background:var(--ink);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text);font:inherit;padding:0 12px;width:100%}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}button[type=submit],button.primaer{height:var(--control-h);background:var(--accent);border:none;border-radius:var(--radius-control);color:var(--ink);font:inherit;font-weight:700;cursor:pointer}button.primaer:hover,button[type=submit]:hover{background:var(--accent-hover)}button.sekundaer{height:var(--control-h);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-control);color:var(--text);font:inherit;cursor:pointer}