.spot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}.spot-marker{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}.spot-circle{width:40px;height:40px;border-radius:50%;border:3px solid currentColor;transition:all .2s ease}.spot-marker.uncaptured{color:#ffffffb3}.spot-marker.uncaptured .spot-circle{background:transparent}.spot-marker.capturing{color:#fff}.spot-marker.capturing .spot-circle{background:#fff3;animation:spot-capturing .5s ease-in-out infinite}@keyframes spot-capturing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.spot-marker.captured{color:#4ade80}.spot-marker.captured .spot-circle{background:#4ade80;border-color:#4ade80}.spot-marker.targeted .spot-circle{width:50px;height:50px;border-width:4px;box-shadow:0 0 20px currentColor}.spot-marker.targeted.uncaptured{color:#fff}.spot-pulse{position:absolute;width:60px;height:60px;border-radius:50%;border:2px solid currentColor;animation:pulse-expand 1s ease-out infinite}@keyframes pulse-expand{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.edge-indicator{position:absolute;display:flex;flex-direction:column;align-items:center;font-size:20px}.edge-indicator.uncaptured{color:#ffffff80}.edge-indicator.targeted{color:#fff;animation:edge-pulse 1s ease-in-out infinite}@keyframes edge-pulse{0%,to{opacity:1}50%{opacity:.5}}.edge-arrow{filter:drop-shadow(0 0 4px currentColor)}.sphere-capture{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;flex-direction:column}.sphere-capture-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sphere-capture-header{position:absolute;top:0;left:0;right:0;z-index:10;padding:1rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(0,0,0,.6),transparent)}.cancel-btn{background:#fff3;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;font-size:1rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.capture-progress{background:#00000080;padding:.5rem 1rem;border-radius:8px;color:#fff;font-weight:600;font-size:1.1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sphere-capture-instructions{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:#0009;padding:1rem 2rem;border-radius:12px;color:#fff;text-align:center;font-size:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.sphere-capture-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;color:#fff}.sphere-capture-loading .spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.sphere-capture-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;color:#fff}.sphere-capture-error .error-icon{font-size:4rem;opacity:.8}.sphere-capture-error h2{font-size:1.5rem;margin:0}.sphere-capture-error p{color:#aaa;max-width:300px}.error-actions{display:flex;gap:1rem;margin-top:1rem}.error-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;cursor:pointer;border:none}.error-actions .btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.error-actions .btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.permission-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:20}.permission-card{background:#1e1e32f2;border-radius:20px;padding:2rem;max-width:320px;text-align:center;display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.permission-icon{font-size:3rem}.permission-card h2{font-size:1.3rem;margin:0;color:#fff}.permission-card p{font-size:.95rem;color:#aaa;margin:0}.permission-card .btn{padding:.875rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer}.permission-card .btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-link{background:none;border:none;color:#888;font-size:.95rem;cursor:pointer;padding:.5rem}.btn-link:hover{color:#aaa}.debug-overlay{position:absolute;top:70px;left:1rem;background:#000000b3;border-radius:10px;padding:.75rem 1rem;font-family:monospace;font-size:.85rem;color:#fff;z-index:15;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.debug-title{font-size:.75rem;color:#888;margin-bottom:.5rem}.debug-row{display:flex;justify-content:space-between;gap:1.5rem;padding:.125rem 0}.debug-row span:first-child{color:#888}.debug-row span:last-child{color:#4ade80}.debug-separator{height:1px;background:#ffffff1a;margin:.5rem 0}.debug-toggle{position:absolute;top:70px;left:1rem;background:#00000080;border:none;color:#888;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;z-index:15}.lighting-warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff9632f2;border-radius:16px;padding:1.5rem 2rem;text-align:center;z-index:25;max-width:300px;cursor:pointer;animation:warning-appear .3s ease}@keyframes warning-appear{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.lighting-warning .warning-icon{font-size:2.5rem;margin-bottom:.5rem}.lighting-warning p{color:#333;font-size:.95rem;margin:0 0 .75rem}.lighting-warning .warning-dismiss{font-size:.8rem;color:#00000080}.sensors-blocked-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:30;padding:1rem}.sensors-blocked-card{background:#28283cf2;border-radius:20px;padding:2rem;max-width:340px;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sensors-icon{font-size:3rem;margin-bottom:1rem}.sensors-blocked-card h2{font-size:1.3rem;margin:0 0 1rem;color:#fff}.sensors-blocked-card p{font-size:.95rem;color:#ccc;margin:0 0 1rem}.sensors-blocked-card ol{text-align:left;padding-left:1.5rem;margin:0 0 1.5rem;color:#aaa;font-size:.9rem;line-height:1.8}.sensors-blocked-card li{margin-bottom:.5rem}.sensors-blocked-card .btn{width:100%}.start-calibration-btn{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:1.25rem 2.5rem;border-radius:16px;font-size:1.1rem;font-weight:600;cursor:pointer;z-index:20;animation:pulse-button 2s ease-in-out infinite}@keyframes pulse-button{0%,to{box-shadow:0 0 20px #667eea80}50%{box-shadow:0 0 40px #667eeacc}}.processing-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;background:#1a1a2e;color:#fff}.processing-container h2{font-size:1.5rem;margin-bottom:.5rem}.processing-container p{color:#888;margin:0}.processing-note{margin-top:1rem!important;font-size:.9rem}.error-icon-large{font-size:4rem;margin-bottom:1rem}.viewer-container{min-height:100vh;display:flex;flex-direction:column;background:#1a1a2e}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#00000080}.viewer-header h3{margin:0;color:#fff;font-size:1rem}.back-btn,.open-btn{background:#ffffff1a;border:none;color:#fff;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.9rem;text-decoration:none}.back-btn:hover,.open-btn:hover{background:#fff3}.viewer-iframe{flex:1;border:none;min-height:calc(100vh - 60px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#fff;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.home{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:2rem}.logo{text-align:center}.logo-icon{font-size:4rem;margin-bottom:1rem}.logo h1{font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo p{color:#888;margin-top:.5rem}.btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn.secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.info{background:#ffffff0d;border-radius:16px;padding:1.5rem;width:100%;max-width:350px}.info h3{margin-bottom:1rem;font-size:1rem;color:#888}.info ol{padding-left:1.5rem;display:flex;flex-direction:column;gap:.75rem}.info li{color:#ccc;font-size:.95rem}.uploading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.uploading h2{margin-bottom:.5rem}.uploading p{color:#888}.spinner-large{width:80px;height:80px;border:4px solid rgba(255,255,255,.1);border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:2rem}@keyframes spin{to{transform:rotate(360deg)}}.error-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;gap:1rem}.error-icon-large{font-size:4rem}.error-screen h2{margin:0}.error-screen p{color:#888;max-width:300px}