*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,sans-serif;background:#0f172a;color:#e2e8f0;-webkit-font-smoothing:antialiased}.shell{min-height:100%;display:flex;flex-direction:column;padding:1rem;max-width:30rem;margin:0 auto;gap:.8rem}h1{font-size:1.3rem}header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.6rem;border-bottom:1px solid #1e293b}header .label{display:block;color:#94a3b8;font-size:.85rem}.zaehler{text-align:right;font-size:1.5rem;font-weight:800}.zaehler span{display:block;font-size:.7rem;font-weight:400;color:#94a3b8}main{display:flex;flex-direction:column;gap:.8rem}button,input{font:inherit;border-radius:12px;border:none;padding:.8rem 1rem}input{width:100%;background:#1e293b;color:#e2e8f0}button{background:#16a34a;color:#fff;font-weight:700;cursor:pointer}button.sekundaer{background:#334155}button.klein{padding:.5rem .8rem;font-size:.85rem;font-weight:500}.start{min-height:5rem;font-size:1.2rem}.manuell{display:flex;gap:.5rem}.manuell input{flex:1}.video-wrap video{width:100%;border-radius:14px;background:#000;aspect-ratio:3 / 4;object-fit:cover}.video-wrap button{width:100%;margin-top:.5rem}.fehler{background:#7f1d1d;padding:.7rem .9rem;border-radius:10px}.offline{background:#78350f;padding:.7rem .9rem;border-radius:10px}.ergebnis{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1.5rem;text-align:center;z-index:50}.ergebnis.gruen{background:#15803d}.ergebnis.rot{background:#b91c1c}.ergebnis.gelb{background:#b45309}.erg-titel{font-size:2rem;font-weight:900;color:#fff}.erg-detail{font-size:1.2rem;color:#ffffffe6}.gelb-aktionen{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;width:100%;max-width:20rem}.gelb-aktionen button{background:#fff;color:#7c2d12}.gelb-aktionen button.sekundaer{background:#ffffff40;color:#fff}.version-hinweis{margin-top:2rem;font-size:.78rem;opacity:.55;text-align:center}