body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0}.App,body{background:#000;min-height:100vh}.App{display:flex;flex-direction:column;text-align:center}.App-header{background:#000;border-bottom:1px solid #222;color:#fff;padding:30px 20px}.App-header h1{font-size:2rem;font-weight:700;letter-spacing:.1em;margin:0;text-transform:uppercase}.subtitle{font-size:.9rem;letter-spacing:.05em;margin:8px 0 0;opacity:.7}.container{flex:1 1;margin:0 auto;max-width:500px;padding:24px;width:100%}.step{background:#fff;border-radius:2px;box-shadow:0 2px 20px #0000004d;padding:32px}.step h2{color:#000;font-size:1.5rem;font-weight:600;letter-spacing:.02em;margin-top:0}.step p{color:#444;line-height:1.6}.gender-selection{margin:24px 0}.gender-selection h3{color:#000;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.gender-buttons{display:flex;gap:12px;justify-content:center}.gender-btn{background:#fff;border:2px solid #ddd;border-radius:2px;cursor:pointer;font-size:1rem;padding:14px 28px;transition:all .2s}.gender-btn:hover{border-color:#000}.gender-btn.active{background:#000;border-color:#000;color:#fff}.reference-selection{background:#f8f8f8;border-radius:2px;margin:24px 0;padding:20px}.reference-selection h3{color:#000;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:8px;margin-top:0;text-transform:uppercase}.helper-text{color:#666;font-size:.85rem;margin-bottom:16px}.reference-buttons{display:flex;flex-direction:column;gap:8px}.ref-btn{background:#fff;border:1px solid #ddd;border-radius:2px;cursor:pointer;font-size:.95rem;padding:14px 16px;text-align:left;transition:all .2s}.ref-btn:hover{background:#fafafa;border-color:#000}.ref-btn.active{background:#000;border-color:#000;color:#fff}.next-steps{border-top:1px solid #eee;margin-top:24px;padding-top:24px}.instructions-box{background:#f8f8f8;border-left:3px solid #000;margin:16px 0;padding:16px;text-align:left}.instructions-box p{color:#000;margin-top:0}.instructions-box ol{color:#333;margin:10px 0 0;padding-left:20px}.instructions-box li{line-height:1.4;margin:8px 0}.button-group{display:flex;flex-direction:column;gap:12px;margin-top:24px}.btn-primary{background:#000;border:none;border-radius:2px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.05em;padding:16px 24px;text-transform:uppercase;transition:all .2s}.btn-primary:hover{background:#333}.btn-secondary{background:#fff;border:2px solid #000;border-radius:2px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.05em;padding:14px 24px;text-transform:uppercase;transition:all .2s}.btn-secondary:hover{background:#000;color:#fff}.camera-container{background:#000;border-radius:2px;margin:20px 0;overflow:hidden}.camera-container video{display:block;width:100%}.upload-container{margin:30px 0}.file-input{display:none}.file-label{background:#000;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;letter-spacing:.05em;padding:16px 32px;text-transform:uppercase;transition:background .2s}.file-label:hover{background:#333}.measure-step{padding:20px}.instruction-banner{background:#000;border-radius:2px;color:#fff;margin-bottom:16px;padding:16px}.instruction-banner p{color:#fff;font-size:1rem;font-weight:500;margin:0 0 12px}.progress-dots{display:flex;gap:8px;justify-content:center}.dot{background:#ffffff4d;border-radius:50%;height:12px;transition:all .2s;width:12px}.dot.completed,.dot.current{background:#fff}.dot.current{transform:scale(1.3)}.image-container{display:inline-block;margin:0 auto;max-width:100%}.measure-image{border-radius:2px;max-width:100%}.measurements-display{background:#f8f8f8;border-radius:2px;margin:20px 0;padding:20px}.measurements-display>p{color:#000;font-size:.85rem;font-weight:600;letter-spacing:.05em;margin-top:0;text-transform:uppercase}.measurement-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.measurement-item:last-child{border-bottom:none}.measurement-item span{color:#666}.measurement-item strong{color:#000}.size-result{background:#000;border-radius:2px;color:#fff;margin:20px 0;padding:30px}.size-result p{color:#ffffffb3;font-size:.9rem;letter-spacing:.1em;margin:0;text-transform:uppercase}.size-display{font-size:3.5rem;font-weight:700;letter-spacing:.02em;margin:10px 0}.width-description{color:#fffc!important;margin-top:10px!important}.size-explanation{background:#f8f8f8;border-radius:2px;margin:20px 0;padding:20px;text-align:left}.size-explanation p{color:#000;margin-top:0}.size-explanation ul{color:#333;margin:10px 0 0;padding-left:20px}.size-explanation li{margin:6px 0}.footer{background:#000;border-top:1px solid #222;color:#fff9;padding:20px;text-align:center}.footer p{font-size:.85rem;margin:0}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}@media (min-width:480px){.button-group{flex-direction:row;flex-wrap:wrap;justify-content:center}}@media (max-width:479px){.App-header h1{font-size:1.5rem}.container{padding:16px}.step{padding:20px}.size-display{font-size:2.5rem}}.crosshair{height:40px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:40px}.crosshair-h{height:2px;left:0;top:50%;transform:translateY(-50%);width:100%}.crosshair-h,.crosshair-v{background:red;position:absolute}.crosshair-v{height:100%;top:0;width:2px}.crosshair-label,.crosshair-v{left:50%;transform:translateX(-50%)}.crosshair-label{background:#000;border-radius:2px;color:#fff;font-size:12px;font-weight:700;padding:2px 6px;position:absolute;top:-20px}.image-container{overflow:hidden;width:100%}.measure-image{cursor:crosshair;display:block;height:auto;width:100%}.crosshair.active{z-index:100}.crosshair.active .crosshair-h,.crosshair.active .crosshair-v{background:#0f0}.crosshair.active .crosshair-label{background:#0f0;color:#000}.crosshair.confirmed .crosshair-h,.crosshair.confirmed .crosshair-v{background:red}.confirm-btn{animation:pulse 1s infinite;background:#0a0!important;margin:16px 0}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.camera-container{position:relative}.paper-overlay{aspect-ratio:8.5/11;border:3px dashed #fff;border-radius:4px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:60%;z-index:10}.paper-overlay:after{color:#fff;content:"Align paper here";font-size:14px;font-weight:700;left:50%;position:absolute;text-shadow:0 0 4px #000;top:-30px;transform:translateX(-50%);white-space:nowrap}.measure-step .image-container{max-height:50vh;overflow:hidden}.measure-step .measure-image{max-height:50vh;max-width:100%;object-fit:contain;width:auto}.measure-step{touch-action:none}.image-container,.measure-image{-webkit-user-select:none;user-select:none}.measure-image{-webkit-touch-callout:none;pointer-events:auto;touch-action:none}.measure-step{overflow-y:auto;touch-action:pan-y}.image-container{overflow:visible;position:relative;touch-action:none}.crosshair.active{transform:translate(-50%,-50%) translateY(-40px)}.crosshair.active:after{background:#0f0;content:"";height:40px;left:50%;position:absolute;top:100%;transform:translateX(-50%);width:2px}.crosshair.active{transform:translate(-50%,-50%)}.crosshair.active:after{display:none}.staff-feedback,.staff-login{background:#f5f5f5;border:2px solid #000;border-radius:2px;margin:20px 0;padding:20px}.staff-feedback h3,.staff-login h3{color:#000;letter-spacing:.05em;margin-top:0;text-transform:uppercase}.staff-input{border:2px solid #000;border-radius:2px;box-sizing:border-box;font-size:1rem;margin-bottom:12px;padding:14px;width:100%}.feedback-buttons{display:flex;gap:12px;margin:16px 0}.feedback-buttons button{flex:1 1}.actual-size-input{margin:16px 0}.size-select{background:#fff;border:2px solid #000;border-radius:2px;cursor:pointer;font-size:1rem;padding:14px;width:100%}.submit-feedback{background:#0a0!important;margin-top:16px;width:100%}.feedback-success{background:#0a0;border-radius:2px;color:#fff;margin:20px 0;padding:20px;text-align:center}.feedback-success p{color:#fff;font-weight:700;margin:0}.staff-mode-badge{background:#f60;border-radius:2px;color:#fff;font-size:.8rem;letter-spacing:.1em;margin-left:10px;padding:4px 12px;text-transform:uppercase}.view-feedback-section{border-top:1px solid #ddd;margin-top:20px;padding-top:20px}.feedback-stats{background:#f5f5f5;border-radius:2px;margin:16px 0;padding:16px;text-align:left}.feedback-stats h4{color:#000;margin-top:0}.feedback-stats p{color:#333;margin:8px 0}.feedback-list{margin-top:16px;max-height:400px;overflow-y:auto}.feedback-list h4{color:#000;margin-top:0}.feedback-item{background:#f9f9f9;border:1px solid #ddd;border-radius:2px;margin-bottom:8px;padding:12px;text-align:left}.feedback-item p{font-size:.9rem;margin:4px 0}.feedback-item .timestamp{color:#888;font-size:.8rem}
/*# sourceMappingURL=main.5f69fac9.css.map*/