#HandParticleLayer{z-index:11;pointer-events:none;position:absolute;inset:0;overflow:hidden}#HandParticleLayer canvas{vertical-align:top;background:0 0;width:100%;height:100%;display:block}#HandParticleLayer .hp-webcam{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed;top:-9999px;left:-9999px}
.hp-cam-perm-root{z-index:1100;pointer-events:none;--hp-card-bg:#f5f7fae6;--hp-card-border:#0f172a1f;--hp-grid-line:#0f172a0f;--hp-card-shadow:0 10px 32px #0000002e, 0 0 0 1px #ffffff7a inset, 0 1px 0 #ffffffa6 inset;--hp-accent:#4755696b;--hp-vignette-mid:#f5f7fab3;--hp-vignette-end:#f5f7faf5;--hp-icon-fg:#334155d9;--hp-icon-bg:#94a3b824;--hp-icon-border:#64748b38;--hp-title:#0f172af0;--hp-body:#334155c7;--hp-strong:#0f172ae6;--hp-note-bg:#94a3b81a;--hp-note-border:#64748b2e;--hp-note-fg:#475569c7;--hp-btn-primary-fg:#f8fafcfa;--hp-btn-primary-bg:#0f172ae6;--hp-btn-primary-hover:#020617f5;--hp-btn-primary-shadow:0 4px 18px #0f172a52;--hp-btn-secondary-fg:#334155d1;--hp-btn-secondary-bg:transparent;--hp-btn-secondary-border:#64748b47;--hp-btn-secondary-hover-bg:#64748b1a;--hp-btn-secondary-hover-border:#47556961;--hp-btn-secondary-hover-fg:#0f172aeb;animation:.24s both hp-cam-perm-in;position:fixed;inset:0}@keyframes hp-cam-perm-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hp-cam-perm-dialog{pointer-events:auto;border:1px solid var(--hp-card-border);background-color:var(--hp-card-bg);-webkit-backdrop-filter:blur(18px)saturate(140%);width:min(21.5rem,100vw - 1.5rem);box-shadow:var(--hp-card-shadow);background-image:linear-gradient(var(--hp-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--hp-grid-line) 1px, transparent 1px);-webkit-font-smoothing:antialiased;background-size:32px 32px;border-radius:1rem;font-family:DM Sans,system-ui,sans-serif;position:fixed;bottom:max(1rem,2.2vh);right:clamp(.75rem,2vw,1.1rem);overflow:hidden}.hp-cam-perm-accent{background:linear-gradient(90deg, #94a3b800 0%, var(--hp-accent) 48%, #94a3b800 100%);width:100%;height:1px}.hp-cam-perm-video-wrap{aspect-ratio:16/7;width:100%;position:relative;overflow:hidden}.hp-cam-perm-video{object-fit:cover;filter:saturate(.7)brightness(.85);width:100%;height:100%;display:block}.hp-cam-perm-video-vignette{display:none}.hp-cam-perm-header{align-items:center;gap:.55rem;padding:.65rem .8rem .25rem;display:flex}.hp-cam-perm-icon{width:1.85rem;height:1.85rem;color:var(--hp-icon-fg);background:var(--hp-icon-bg);border:1px solid var(--hp-icon-border);border-radius:.55rem;flex-shrink:0;place-items:center;display:grid}.hp-cam-perm-icon svg{width:1rem;height:1rem}.hp-cam-perm-title{letter-spacing:0;color:var(--hp-title);margin:0;font-size:.9rem;font-weight:700;line-height:1.25}.hp-cam-perm-body{color:var(--hp-body);margin:0;padding:.2rem .8rem .65rem;font-size:.78rem;line-height:1.45}.hp-cam-perm-body strong{color:var(--hp-strong);font-weight:600}.hp-cam-perm-note{background:var(--hp-note-bg);border:1px solid var(--hp-note-border);color:var(--hp-note-fg);border-radius:.4rem;margin-top:.35rem;padding:.35rem .5rem;font-size:.72rem;line-height:1.4;display:block}.hp-cam-perm-actions{gap:.45rem;padding:0 .8rem .8rem;display:flex}.hp-cam-perm-btn{letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:999px;flex:1;min-height:2.05rem;font-family:inherit;font-size:.75rem;font-weight:600;transition:background .18s,border-color .18s,transform .12s,box-shadow .18s}.hp-cam-perm-btn:active{transform:scale(.985)}.hp-cam-perm-btn-primary{color:var(--hp-btn-primary-fg);background:var(--hp-btn-primary-bg);border-color:#0000}.hp-cam-perm-btn-secondary{color:var(--hp-btn-secondary-fg);background:var(--hp-btn-secondary-bg);border-color:var(--hp-btn-secondary-border)}@media (hover:hover) and (pointer:fine){.hp-cam-perm-btn-primary:hover{background:var(--hp-btn-primary-hover);box-shadow:var(--hp-btn-primary-shadow);transform:translateY(-1px)}.hp-cam-perm-btn-primary:active{box-shadow:none;transform:translateY(0)}.hp-cam-perm-btn-secondary:hover{background:var(--hp-btn-secondary-hover-bg);border-color:var(--hp-btn-secondary-hover-border);color:var(--hp-btn-secondary-hover-fg)}}@media (max-width:640px){.hp-cam-perm-dialog{width:auto;bottom:.75rem;left:.75rem;right:.75rem}}