:root{--accent: #c2410c;--bg: #ffffff;--fg: #1c1917;--muted: #78716c}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--fg);background:var(--bg)}.screen{min-height:100dvh;padding:1.5rem;display:flex;flex-direction:column}.center{align-items:center;justify-content:center;text-align:center;gap:.75rem}.muted{color:var(--muted);max-width:30rem}.center-block{margin:auto}h1{margin:0;font-size:1.6rem}.form{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:26rem;margin-top:1rem;text-align:left}.form label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted)}.form input{padding:.7rem .8rem;font-size:1rem;border:1px solid #d6d3d1;border-radius:10px}.hint{font-size:.78rem;color:var(--muted);line-height:1.4}.error{color:#b91c1c;font-size:.85rem}.ok{color:#15803d}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:.8rem 1rem;font-size:1rem;font-weight:600;cursor:pointer}.btn-primary:disabled{opacity:.5}.btn-secondary{background:transparent;border:1px solid #fff;color:#fff;border-radius:10px;padding:.6rem 1rem;cursor:pointer}.link{background:none;border:none;color:var(--accent);cursor:pointer;font:inherit;padding:0}.danger{color:#b91c1c}.forget-btn{margin-top:1.5rem;align-self:center;font-size:.85rem}.camera{min-height:100dvh;display:flex;flex-direction:column;background:#000;color:#fff}.camera-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem}.event-name{font-weight:600}.remaining{font-size:.85rem;opacity:.85}.viewport{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview{width:100%;height:100%;object-fit:cover}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center}.controls{display:flex;align-items:center;justify-content:space-around;padding:1.2rem}.shutter{width:72px;height:72px;border-radius:50%;border:5px solid #fff;background:var(--accent);cursor:pointer}.shutter:disabled{opacity:.4}.ghost{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#ffffff1a;color:#fff;font-size:1.1rem;cursor:pointer}.rec-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#dc262640;color:#fca5a5;font-size:1.2rem;cursor:pointer}.rec-btn.active{background:#dc2626;color:#fff}.rec-badge{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#dc2626d9;color:#fff;padding:.3rem .7rem;border-radius:999px;font-size:.85rem;font-weight:600}.status-line{min-height:1.6rem;text-align:center;padding-bottom:.8rem;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:.5rem;margin-top:1rem}.tile{position:relative;margin:0;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f5f5f4}.tile img{width:100%;height:100%;object-fit:cover}.tile-placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.5rem}.tile-delete{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;border:none;background:#0009;color:#fff;cursor:pointer}