*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,sans-serif;background:#0a0a0a;color:#f5f5f5}.home{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;text-align:center}.home nav{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;width:100%;max-width:320px}.btn{display:block;padding:1rem;border-radius:12px;background:#1e824c;color:#fff;text-decoration:none;font-size:1.1rem;font-weight:600}.capture{min-height:100dvh;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.join-form{display:flex;flex-direction:column;gap:1rem;max-width:360px;margin:15dvh auto 0;width:100%}.join-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#ccc}.join-form input,.join-form select{padding:.9rem;border-radius:10px;border:1px solid #333;background:#161616;color:#f5f5f5;font-size:1.05rem}.status-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.cam-label{font-weight:700;font-size:1.1rem}.status{padding:.4rem .8rem;border-radius:999px;font-weight:600;font-size:.95rem}.status.idle{background:#26323d;color:#9fc3e0}.status.rec{background:#4a1010;color:#ff8080;animation:pulse 1.2s infinite}.status.up{background:#3d3413;color:#ffd76b}.status.ok{background:#10331d;color:#6fdc95}.status.err{background:#4a1010;color:#ff8080}@keyframes pulse{50%{opacity:.55}}.preview{width:100%;max-height:60dvh;border-radius:12px;background:#000;object-fit:contain}.preview-wrap{position:relative}.zoom-bar{position:absolute;left:.75rem;right:.75rem;bottom:.75rem;display:flex;align-items:center;gap:.6rem;background:#0000008c;border-radius:999px;padding:.4rem .9rem}.zoom-bar span{font-size:.85rem;white-space:nowrap}.zoom-bar input[type=range]{flex:1;accent-color:#1e824c}.btn.big{font-size:1.25rem;padding:1.2rem}.keep-alive{text-align:center;color:#ffd76b;font-size:.9rem}.controls{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}button.btn{border:none;cursor:pointer;width:100%}.btn.start{background:#1e824c}.btn.stop{background:#a83232}.btn.resume{background:#3a5f8a}.banner{padding:.75rem 1rem;border-radius:10px;font-size:.95rem}.banner.warn{background:#3d3413;color:#ffd76b}.banner.error{background:#4a1010;color:#ff9d9d}.admin{max-width:960px;margin:0 auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.panel{background:#131313;border:1px solid #262626;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.panel h2{font-size:1.05rem}.row{display:flex;gap:.5rem;align-items:center}.row.wrap{flex-wrap:wrap}.muted{color:#888;font-size:.9rem}.chip{padding:.45rem .8rem;border-radius:999px;background:#222;border:1px solid #333;color:#ddd;font-size:.85rem;cursor:pointer}.chip.active{background:#1e824c;border-color:#1e824c;color:#fff}.cam-card{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;border-radius:10px;border:1px solid #333;min-width:140px}.cam-card.on{border-color:#1e824c}.cam-card.off{opacity:.6}.admin select,.admin textarea{padding:.6rem;border-radius:8px;border:1px solid #333;background:#161616;color:#f5f5f5}.admin details{border-top:1px solid #262626;padding-top:.75rem}.admin details label{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0;font-size:.9rem;color:#ccc}table.clips{width:100%;border-collapse:collapse;font-size:.9rem}table.clips th,table.clips td{text-align:left;padding:.5rem .4rem;border-bottom:1px solid #232323}.player video{width:100%;max-height:60dvh;border-radius:10px;background:#000}.player p{margin-top:.4rem;font-size:.9rem;color:#ccc}.placeholder{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center;color:#aaa}