*{box-sizing:border-box;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed;letter-spacing:-.5px}html,body{margin:0;padding:0;height:100%;width:100%;overflow:hidden;-webkit-tap-highlight-color:transparent;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed;letter-spacing:-.5px}@media (max-width: 768px){html,body{font-family:Arial,sans-serif}img,video,canvas,svg{transform:none!important}.gallery-button,.skeleton-toggle,.pose-button,.guidance-message,.gallery-title,.gallery-action-button,.gallery-badge,.no-person-message p{font-family:Arial,sans-serif;display:inline-block;transform:scaleX(.8);transform-origin:left center;white-space:nowrap}.gallery-button,.skeleton-toggle,.pose-button,.gallery-action-button{display:inline-flex}.gallery-button>*,.skeleton-toggle>*,.pose-button>*,.gallery-action-button>*{transform:none}.app-title img{transform:none!important}}#root{height:100%;width:100%}.app-container{height:100vh;width:100vw;background-color:#000;color:#fff;overflow:hidden}.top-bar{position:absolute;top:0;left:0;right:0;z-index:20;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.top-bar-content{display:flex;justify-content:space-between;align-items:center;padding:.25rem 1rem}.top-bar-spacer{flex:1}.top-bar-actions{display:flex;gap:.5rem;align-items:center}.app-title{font-size:1.25rem;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed;font-weight:700;display:flex;align-items:center}.app-title img{height:3.5rem;width:auto}.gallery-button{padding:.375rem .75rem;background-color:#fff3;border-radius:.5rem;font-size:.875rem;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;position:relative;transition:all .2s;text-align:center;display:flex;align-items:center;justify-content:center}.gallery-button:hover{background-color:#0ff3;border-color:#0ff6;color:#0ff}.gallery-button-bottom{padding-bottom:2rem}.gallery-button-container{display:flex;align-items:center;padding-bottom:2rem}.gallery-badge{position:absolute;top:-8px;right:-8px;background-color:#0ff;color:#000;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed;font-weight:700;padding:0 4px;border:2px solid #000}.skeleton-toggle{padding:.375rem .75rem;background-color:#ffffff1a;border-radius:.5rem;font-size:.875rem;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;transition:all .2s}.skeleton-toggle:hover{background-color:#fff3}.skeleton-toggle.active{background-color:#00ffff4d;border-color:#0ff9;color:#0ff}.camera-container{position:relative;width:100%;height:100%}.camera-view{position:relative;width:100%;height:100%;background-color:#000;overflow:hidden}.camera-video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background-color:#000;position:relative;z-index:1}.loading-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#00000080}.loading-content{color:#fff;text-align:center}.spinner{animation:spin 1s linear infinite;border-radius:50%;height:3rem;width:3rem;border:2px solid transparent;border-bottom-color:#fff;margin:0 auto .5rem}@keyframes spin{to{transform:rotate(360deg)}}.guidance-container{position:absolute;top:5rem;left:0;right:0;z-index:100;pointer-events:none}.guidance-content{text-align:center}.guidance-message{background-color:#000000b3;padding:.5rem 1rem;border-radius:.5rem;display:inline-block;font-size:.875rem;font-weight:500;color:#0ff}.no-person-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:100}.no-person-message{background-color:#00000080;color:#0ff;padding:.5rem 1rem;border-radius:.25rem;text-align:center;width:auto;margin:0 auto}.no-person-message p{font-size:.875rem;margin:0;text-align:center;width:100%}.bottom-controls{position:absolute;bottom:0;left:0;right:0;z-index:30;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;padding-left:1rem;padding-right:1rem;pointer-events:auto}.pose-selector{display:none;gap:.5rem;padding:1rem;overflow-x:auto}.pose-button{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;white-space:nowrap;border:none;cursor:pointer;transition:background-color .2s}.pose-button-active{background-color:#fff;color:#000}.pose-button-inactive{background-color:#fff3;color:#fff}.pose-button-inactive:hover{background-color:#ffffff4d}.shutter-container{display:flex;justify-content:center;align-items:center;flex:1;padding-bottom:2rem;position:relative;pointer-events:auto}.shutter-button{width:4rem;height:4rem;border-radius:50%;border:4px solid;cursor:pointer;transition:transform .1s,background-color .2s,border-color .2s;padding:0;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;z-index:21;pointer-events:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shutter-button:active{transform:scale(.95)}.shutter-button-active{background-color:#fff;border-color:#fff}.shutter-button-active:active{background-color:#e0e0e0;border-color:#e0e0e0;animation:shutter-click .3s ease-out}.shutter-button-disabled{background-color:#4b5563;border-color:#4b5563;opacity:.5;cursor:not-allowed}@keyframes shutter-click{0%{transform:scale(1);background-color:#fff;border-color:#fff}50%{transform:scale(.85);background-color:#ccc;border-color:#ccc}to{transform:scale(1);background-color:#fff;border-color:#fff}}.screen-flash{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ffffffe6;z-index:1000;pointer-events:none;animation:screen-flash .3s ease-out}@keyframes screen-flash{0%{opacity:0;background-color:#fff0}30%{opacity:1;background-color:#ffffffe6}to{opacity:0;background-color:#fff0}}.camera-error{display:flex;align-items:center;justify-content:center;height:100%;background-color:#000;color:#fff;padding:1rem;text-align:center}.camera-error-content p:first-child{font-size:1.125rem;margin-bottom:.5rem}.camera-error-content p:last-child{font-size:.875rem;opacity:.75}.gallery-container{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;z-index:50;display:flex;flex-direction:column}.gallery-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#00000080}.gallery-title{color:#fff;font-size:1.125rem;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed;font-weight:700}.gallery-close-button,.gallery-back-button{color:#fff;font-size:1.125rem;padding:.5rem 1rem;background:none;border:none;cursor:pointer}.gallery-spacer{width:4rem}.gallery-empty{flex:1;display:flex;align-items:center;justify-content:center;color:#fff}.gallery-empty p{text-align:center;opacity:.75}.gallery-grid-container{flex:1;overflow-y:auto;padding:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.gallery-thumbnail-button{aspect-ratio:4 / 5;background-color:#1f2937;border-radius:.25rem;overflow:hidden;border:none;padding:0;cursor:pointer}.gallery-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.gallery-photo-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem}.gallery-photo{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;aspect-ratio:4 / 5}.gallery-actions{display:flex;justify-content:space-around;padding:1rem;background-color:#00000080;gap:.5rem}.gallery-action-button{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed;font-weight:700;border:none;cursor:pointer;transition:opacity .2s}.gallery-action-button:hover{opacity:.9}.gallery-action-button:active{opacity:.8}.gallery-action-download{background-color:#fff;color:#000}.gallery-action-share{background-color:#0ff;color:#000}.gallery-action-delete{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-white{color:#fff}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-semibold{font-weight:600}.font-medium{font-weight:500}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.opacity-75{opacity:.75}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.hud-canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100}.pose-gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.pose-gallery-content{background-color:#1a1a1a;border-radius:1rem;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.pose-gallery-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.pose-gallery-title{color:#fff;font-size:1.125rem;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed;font-weight:700;margin:0}.pose-gallery-close-button{color:#fff;font-size:1.5rem;padding:.5rem;background:none;border:none;cursor:pointer;line-height:1;opacity:.7;transition:opacity .2s}.pose-gallery-close-button:hover{opacity:1}.pose-gallery-grid-container{flex:1;overflow-y:auto;padding:1rem}.pose-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.pose-gallery-item{display:flex;flex-direction:column;background-color:#2a2a2a;border-radius:.5rem;overflow:hidden;border:none;padding:0;cursor:pointer;transition:transform .2s,background-color .2s}.pose-gallery-item:hover{transform:scale(1.02);background-color:#3a3a3a}.pose-gallery-item:active{transform:scale(.98)}.pose-gallery-image{width:100%;aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover}.pose-gallery-name{padding:.75rem;color:#fff;font-size:.875rem;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed;text-align:center;margin:0}.pose-gallery-button-container{display:flex;align-items:center;padding-bottom:2rem}.pose-gallery-button{padding:.375rem .75rem;background-color:#fff3;border-radius:.5rem;font-size:.875rem;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;transition:all .2s;font-family:Arial Narrow,Arial,sans-serif;font-stretch:ultra-condensed}.pose-gallery-button:hover{background-color:#0ff3;border-color:#0ff6;color:#0ff}.pose-gallery-button:active{background-color:#00ffff4d}