:root{--bg-dark:#0a0a0c;--bg-dark-opaque:#121214;--accent-cyan:#00f0ff;--accent-green:#39ff14;--accent-red:#f05;--accent-amber:#fa0;--text-light:#f5f5f7;--text-dim:#f5f5f799;--text-dark:#121214;--glass-bg:#0a0a0cb3;--glass-bg-hover:#141418d9;--glass-border:#ffffff14;--glass-accent-border:#00f0ff40;--glow-cyan:0 0 15px #00f0ff59;--glow-green:0 0 15px #39ff1459;--glow-red:0 0 15px #ff005559;--shadow-dark:0 8px 32px 0 #00000080;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;height:100%;color:var(--text-light);font-family:Outfit,sans-serif;font-size:14px;overflow:hidden}.app-container{background-color:var(--bg-dark);flex-direction:column;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.camera-viewport{z-index:1;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}#camera-stream{object-fit:cover;width:100%;height:100%;display:block}.camera-fallback{width:100%;height:100%;color:var(--text-dim);text-align:center;z-index:2;background-color:#121215;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;top:0;left:0}.camera-fallback svg{width:64px;height:64px;color:var(--accent-red);margin-bottom:1.5rem}.camera-fallback p{max-width:300px;margin-bottom:2rem;font-size:1.1rem;line-height:1.5}.file-capture-label{cursor:pointer;display:inline-block}.file-capture-label input{display:none}.hidden{display:none!important}.hidden-canvas{display:none}.hud-overlay{z-index:10;width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);pointer-events:none;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;display:grid;position:absolute;top:0;left:0}.hud-overlay *{pointer-events:auto}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-dark);border-radius:12px}.hud-top{pointer-events:none;flex-direction:column;align-items:center;padding-top:10px;display:flex}.compass-tape-container{border-bottom:1.5px solid var(--accent-cyan);width:280px;height:40px;box-shadow:var(--shadow-dark);background:linear-gradient(90deg,#0000 0%,#0a0a0cd9 20% 80%,#0000 100%);position:relative;overflow:hidden}.compass-marker-center{background-color:var(--accent-cyan);z-index:5;width:2px;height:100%;box-shadow:var(--glow-cyan);position:absolute;top:0;left:50%;transform:translate(-50%)}.compass-marker-center:after{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:6px solid var(--accent-cyan);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.compass-tape{will-change:transform;align-items:flex-end;height:100%;padding-bottom:4px;display:flex;position:absolute;top:0;left:50%;transform:translate(0)}.compass-tick{flex-direction:column;align-items:center;width:30px;display:flex;position:absolute;transform:translate(-50%)}.compass-tick-line{background-color:var(--text-dim);width:1px;height:8px}.compass-tick.cardinal .compass-tick-line,.compass-tick.major .compass-tick-line{background-color:var(--accent-cyan);height:14px}.compass-tick-label{color:var(--text-dim);margin-top:2px;font-family:Share Tech Mono,monospace;font-size:10px}.compass-tick.cardinal .compass-tick-label{color:var(--accent-cyan);font-size:12px;font-weight:700}.heading-display{color:var(--accent-cyan);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);letter-spacing:.05em;box-shadow:var(--shadow-dark);border-top:none;border-radius:0 0 8px 8px;margin-top:-1px;padding:4px 12px;font-family:Share Tech Mono,monospace;font-size:16px;font-weight:600}.hud-center{pointer-events:none;justify-content:center;align-items:center;display:flex}.gyro-sight{border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.gyro-ring-outer{border:1px dashed #00f0ff40;border-radius:50%;width:100%;height:100%;position:absolute}.gyro-horizon{transform-origin:50%;will-change:transform;background:linear-gradient(90deg,#0000 0%,#00f0ff99 20% 80%,#0000 100%);width:140px;height:2px;position:absolute}.gyro-bubble{border:2px solid var(--accent-cyan);width:18px;height:18px;box-shadow:var(--glow-cyan);will-change:transform;background-color:#00f0ff26;border-radius:50%;position:absolute}.gyro-crosshair{background:radial-gradient(circle at center, var(--accent-cyan) 3px, transparent 3px);width:32px;height:32px;position:absolute}.gyro-crosshair:before,.gyro-crosshair:after{content:"";background-color:var(--accent-cyan);position:absolute}.gyro-crosshair:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.gyro-crosshair:after{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.hud-left{z-index:12;width:260px;position:absolute;top:80px;left:15px}.telemetry-card{border:1px solid var(--glass-border);padding:12px;transition:padding-bottom .3s}.telemetry-header,.panel-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;transition:border-bottom-color .3s,margin-bottom .3s,padding-bottom .3s;display:flex}.telemetry-title,.panel-label-title{letter-spacing:.1em;color:var(--text-dim);font-size:11px;font-weight:700;transition:color .2s}.panel-header-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.panel-header-clickable:hover .telemetry-title,.panel-header-clickable:hover .panel-label-title{color:var(--accent-cyan)}.header-actions{align-items:center;gap:8px;display:flex}.panel-toggle-btn{color:var(--text-dim);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.panel-header-clickable:hover .panel-toggle-btn{color:var(--accent-cyan)}.chevron-icon{width:14px;height:14px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.collapsed .chevron-icon{transform:rotate(180deg)}.panel-body{opacity:1;max-height:280px;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s,margin .4s,padding .4s;overflow:hidden}.collapsed .panel-body{opacity:0;pointer-events:none;max-height:0!important;margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.collapsed.telemetry-card,.collapsed.input-panel{padding-bottom:8px}.collapsed .telemetry-header,.collapsed .panel-header{border-bottom-color:#0000;margin-bottom:0;padding-bottom:0}.status-indicator{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.status-indicator.success{background-color:var(--accent-green);box-shadow:var(--glow-green)}.status-indicator.warning{background-color:var(--accent-amber);animation:1.5s infinite pulse-glow;box-shadow:0 0 10px #ffaa0080}.status-indicator.danger{background-color:var(--accent-red);box-shadow:var(--glow-red);animation:.8s infinite pulse-glow}.telemetry-grid{grid-template-columns:1fr;row-gap:6px;display:grid}.telemetry-item{justify-content:space-between;align-items:center;display:flex}.telemetry-item .label{color:var(--text-dim);letter-spacing:.05em;font-size:10px;font-weight:600}.telemetry-item .value{color:var(--text-light);font-family:Share Tech Mono,monospace;font-size:13px}.hud-right{z-index:12;width:260px;position:absolute;top:80px;right:15px}.input-panel{border:1px solid var(--glass-border);padding:12px;transition:padding-bottom .3s}.panel-label{letter-spacing:.1em;color:var(--text-dim);margin-bottom:6px;font-size:10px;font-weight:700;display:block}#watermark-text{border:1px solid var(--glass-border);width:100%;color:var(--text-light);transition:var(--transition-fast);background:#0006;border-radius:6px;outline:none;padding:8px 10px;font-family:inherit;font-size:13px}#watermark-text:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px #00f0ff26}.margin-top{margin-top:12px}.hud-select{border:1px solid var(--glass-border);width:100%;color:var(--text-light);transition:var(--transition-fast);cursor:pointer;appearance:none;background:#0006 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300f0ff' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 10px center/16px no-repeat;border-radius:6px;outline:none;padding:8px 32px 8px 10px;font-family:inherit;font-size:13px}.hud-select:focus{border-color:var(--accent-cyan);box-shadow:0 0 8px #00f0ff26}.hud-select option{background:var(--bg-dark-opaque);color:var(--text-light)}.hud-bottom{z-index:12;justify-content:space-between;align-items:center;padding:0 30px 25px;display:flex}.hud-btn{border:1px solid var(--glass-border);background:var(--glass-bg);width:50px;height:50px;color:var(--text-light);cursor:pointer;box-shadow:var(--shadow-dark);transition:var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.hud-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0 0 12px #00f0ff33}.hud-btn:active{transform:scale(.95)}.hud-btn .icon{width:22px;height:22px}.hud-btn .badge{background-color:var(--accent-cyan);color:var(--text-dark);width:18px;height:18px;box-shadow:var(--glow-cyan);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.shutter-btn{border:4px solid var(--text-light);cursor:pointer;width:80px;height:80px;box-shadow:var(--shadow-dark), 0 0 15px #ffffff26;transition:var(--transition-smooth);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.shutter-btn:hover{border-color:var(--accent-cyan);box-shadow:var(--shadow-dark), var(--glow-cyan);transform:scale(1.05)}.shutter-btn:active{transform:scale(.92)}.shutter-inner{background-color:var(--text-light);width:62px;height:62px;transition:var(--transition-smooth);border-radius:50%}.shutter-btn:hover .shutter-inner{background-color:var(--accent-cyan)}.overlay-screen{-webkit-backdrop-filter:blur(15px);z-index:100;background-color:#0a0a0cd9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.4s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}.modal-card{border:1px solid var(--glass-accent-border);width:100%;max-width:420px;box-shadow:var(--glow-cyan), var(--shadow-dark);flex-direction:column;gap:20px;padding:25px;display:flex}.logo-container{flex-direction:column;align-items:center;gap:10px;display:flex}.app-logo-small{border:1px solid #ffffff1a;border-radius:16px;width:72px;height:72px;box-shadow:0 4px 20px #0009}.modal-card h1{letter-spacing:.1em;color:var(--accent-cyan);text-align:center;font-size:1.5rem;font-weight:700}.modal-card .subtitle{color:var(--text-dim);text-align:center;font-size:13px;line-height:1.5}.permission-check-list{flex-direction:column;gap:12px;display:flex}.permission-item{border:1px solid var(--glass-border);background:#0000004d;border-radius:8px;align-items:center;gap:15px;padding:12px;display:flex}.permission-status{border-radius:50%;flex-shrink:0;width:16px;height:16px}.permission-status.unrequested{border:2px dashed var(--text-dim)}.permission-status.granted{background-color:var(--accent-green);border:2px solid var(--accent-green);box-shadow:var(--glow-green)}.permission-status.denied{background-color:var(--accent-red);border:2px solid var(--accent-red);box-shadow:var(--glow-red)}.permission-desc{flex-direction:column;gap:2px;display:flex}.permission-desc strong{color:var(--text-light);font-size:13px;font-weight:600}.permission-desc span{color:var(--text-dim);font-size:11px}.btn-primary{background:var(--accent-cyan);color:var(--text-dark);cursor:pointer;transition:var(--transition-smooth);text-align:center;box-shadow:var(--glow-cyan);border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none}.btn-primary:hover{background:#00c8d6;transform:translateY(-2px);box-shadow:0 0 20px #00f0ff80}.btn-primary:active{transform:translateY(0)}.btn-primary.pulse{animation:2s infinite pulse-button}.gallery-drawer{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-accent-border);z-index:50;background-color:#0a0a0ced;border-radius:20px 20px 0 0;flex-direction:column;width:100%;height:80%;padding:20px;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:0;left:0;transform:translateY(0);box-shadow:0 -10px 40px #000c}.gallery-drawer.hidden{transform:translateY(100%);display:flex!important}.gallery-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.gallery-header h2{letter-spacing:.05em;color:var(--accent-cyan);font-size:1.25rem;font-weight:700}.close-btn{color:var(--text-dim);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:4px}.close-btn:hover{color:var(--accent-red)}.close-btn .icon{width:24px;height:24px}.gallery-toolbar{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:12px;display:flex}.gallery-toolbar span{color:var(--text-dim);font-size:12px}.btn-danger-outline{color:var(--accent-red);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #f056;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:11px}.btn-danger-outline:hover{border-color:var(--accent-red);background:#ff00551a;box-shadow:0 0 8px #f053}.gallery-grid{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;padding-bottom:40px;display:grid;overflow-y:auto}.gallery-empty{color:var(--text-dim);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.gallery-empty svg{width:48px;height:48px;color:var(--glass-border)}.gallery-empty p{font-size:13px}.photo-card{aspect-ratio:1;border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-fast);background-color:#0006;border-radius:8px;position:relative;overflow:hidden}.photo-card:hover{border-color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 0 10px #00f0ff26}.photo-card img{object-fit:cover;width:100%;height:100%}.photo-card-overlay{background:linear-gradient(#0000 0%,#000c 100%);flex-direction:column;width:100%;padding:4px 6px;display:flex;position:absolute;bottom:0;left:0}.photo-card-time{color:var(--accent-cyan);font-family:Share Tech Mono,monospace;font-size:9px}.photo-card-text{white-space:nowrap;text-overflow:ellipsis;color:var(--text-light);font-size:9px;overflow:hidden}.detail-card{border-color:var(--glass-border);max-width:600px;box-shadow:var(--shadow-dark);background:#0c0c0ef2;gap:15px;padding:15px;position:relative}.detail-close{z-index:10;background:var(--bg-dark);box-shadow:var(--shadow-dark);border-radius:50%;padding:4px;position:absolute;top:10px;right:10px}.detail-image-wrapper{border:1px solid var(--glass-border);border-radius:8px;width:100%;max-height:70dvh;overflow:hidden}.detail-image-wrapper img{object-fit:contain;width:100%;height:100%;display:block}.detail-actions{grid-template-columns:1fr 1.2fr 1fr;gap:10px;width:100%;display:grid}.detail-actions .btn-primary,.detail-actions .btn-secondary,.detail-actions .btn-danger{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:10px 5px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.btn-secondary{color:var(--text-light);background:#ffffff14;border:1px solid var(--glass-border)!important}.btn-secondary:hover{background:#ffffff26}.btn-danger{color:var(--accent-red);background:#ff005526;border:1px solid #ff00554d!important}.btn-danger:hover{background:#ff00554d;box-shadow:0 0 10px #ff005540}.icon-inline{flex-shrink:0;width:16px;height:16px}.toast-notification{background:var(--bg-dark-opaque);border:1px solid var(--glass-accent-border);color:var(--accent-cyan);box-shadow:var(--shadow-dark), var(--glow-cyan);z-index:1000;opacity:0;pointer-events:none;border-radius:20px;padding:10px 20px;font-size:12px;font-weight:600;transition:opacity .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);position:absolute;bottom:110px;left:50%;transform:translate(-50%)translateY(20px)}.toast-notification.show{opacity:1;transform:translate(-50%)translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%{opacity:.35;box-shadow:0 0 #0000}50%{opacity:1}to{opacity:.35;box-shadow:0 0 #0000}}@keyframes pulse-button{0%{box-shadow:0 0 #00f0ff80}70%{box-shadow:0 0 0 12px #00f0ff00}to{box-shadow:0 0 #00f0ff00}}.hud-btn-full{box-sizing:border-box;width:100%;margin-top:12px;padding:10px;font-size:13px}.pwa-instructions{color:var(--text-dim);background:#ffffff0a;border:1px dashed #00f0ff33;border-radius:6px;align-items:center;gap:6px;margin-top:12px;padding:10px;font-size:11px;line-height:1.45;display:flex}.ios-share-icon{vertical-align:middle;width:16px;height:16px;color:var(--accent-cyan);display:inline-block}@media (aspect-ratio>=1){.hud-overlay{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);grid-template-rows:auto 1fr;grid-template-columns:auto 1fr auto}.hud-top{grid-column:1/-1}.hud-left{grid-column:1;align-self:center;margin-left:15px;position:relative;top:0;left:0}.hud-center{grid-column:2;align-self:center}.hud-right{width:200px;position:absolute;top:auto;bottom:90px;right:15px}.hud-bottom{flex-direction:column;justify-content:space-around;width:auto;height:calc(100% - 100px);margin-right:10px;padding:0;position:absolute;top:50px;bottom:50px;right:15px}.shutter-btn{width:70px;height:70px}.shutter-inner{width:54px;height:54px}.gallery-drawer{border-top:none;border-right:1px solid var(--glass-accent-border);border-radius:0 20px 20px 0;width:50%;height:100%;bottom:0;left:0;transform:translate(0)}.gallery-drawer.hidden{transform:translate(-100%)translateY(0)}}