*{margin:0;padding:0;box-sizing:border-box}.App{width:100vw;height:100vh;overflow:hidden;position:relative}.app-container{width:100%;height:100%;position:relative}.app-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.loading-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000c;z-index:100;color:#fff}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.instructions-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.instructions-popup{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 10px 25px #0003}.instructions-popup h2{text-align:center;margin-bottom:20px;color:#333}.instruction-steps{margin-bottom:25px}.step{display:flex;align-items:center;margin-bottom:15px}.step span{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;background:#007bff;color:#fff;border-radius:50%;margin-right:15px;font-weight:700}.instructions-popup button{display:block;width:100%;padding:12px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s}.instructions-popup button:hover{background:#0069d9}.error-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.error-popup{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;text-align:center}.error-icon{font-size:40px;margin-bottom:10px}.error-popup h3{color:#e74c3c;margin-bottom:10px}.error-popup p{margin-bottom:20px;color:#333}.error-popup button{padding:12px 24px;background:#e74c3c;color:#fff;border:none;border-radius:6px;font-size:16px;cursor:pointer;transition:background .2s}.error-popup button:hover{background:#c0392b}.help-btn{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:50%;background:#00000080;color:#fff;border:none;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;pointer-events:auto;box-shadow:0 2px 5px #0003}.record-control{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:100;pointer-events:auto}.timer{background:#0009;color:#fff;padding:5px 10px;border-radius:16px;font-size:14px;margin-bottom:8px}.record-btn{width:60px;height:60px;border-radius:50%;background:#fff;border:none;color:red;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:all .3s}.record-btn.active{background:red;color:#fff;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.marker-info{position:absolute;top:15px;left:15px;background:#0009;color:#fff;padding:8px 15px;border-radius:6px;font-size:16px}