:root{--bg-dark: #070d14;--bg-card: rgba(15, 23, 38, .85);--primary: #ff5e36;--primary-glow: rgba(255, 94, 54, .45);--accent: #2dd4bf;--text-main: #f8fafc;--text-muted: #94a3b8;--border-glass: rgba(255, 255, 255, .12);--safe-top: max(env(safe-area-inset-top, 0px), 20px);--safe-bottom: max(env(safe-area-inset-bottom, 0px), 36px);--safe-left: max(env(safe-area-inset-left, 0px), 16px);--safe-right: max(env(safe-area-inset-right, 0px), 16px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-main)}#app-container{position:relative;width:100vw;height:100vh;overflow:hidden}.hidden{display:none!important}#ar-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1}.hidden-media{position:fixed;top:-9999px;left:-9999px;width:640px;height:480px;opacity:.01;pointer-events:none;z-index:-100}.loading-screen,.start-screen{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#1e293b,#070d14 80%);padding:24px;transition:opacity .4s ease,visibility .4s ease}.loading-screen.hidden,.start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-card,.start-card{width:100%;max-width:400px;background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:28px;padding:32px 24px;text-align:center;box-shadow:0 24px 64px #0009;animation:cardAppear .5s cubic-bezier(.16,1,.3,1)}.loading-card h2{font-size:22px;font-weight:800;line-height:1.25;margin-bottom:8px;background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.loading-subtext{font-size:14px;color:var(--text-muted);margin-bottom:24px}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.badge-brand{display:inline-flex;align-items:center;gap:6px;background:#ff5e3626;border:1px solid rgba(255,94,54,.3);color:var(--primary);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:6px 14px;border-radius:100px;margin-bottom:18px}.start-card h1{font-size:24px;font-weight:800;line-height:1.25;margin-bottom:12px;background:linear-gradient(135deg,#fff 30%,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.start-card p{font-size:14px;line-height:1.5;color:var(--text-muted);margin-bottom:20px}.ai-loader-box{background:#ffffff0d;border:1px solid var(--border-glass);border-radius:14px;padding:12px 14px;margin-bottom:20px;text-align:left}.ai-loader-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.ai-loader-info span:last-child{color:var(--accent);font-family:monospace;font-size:13px}.ai-progress-track{width:100%;height:6px;background:#ffffff1a;border-radius:100px;overflow:hidden}.ai-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#ff5e36,#2dd4bf);border-radius:100px;transition:width .2s ease-out}.start-actions{display:flex;flex-direction:column;gap:12px}.btn-primary{width:100%;background:linear-gradient(135deg,#ff6b45,#ea4c23);color:#fff;border:none;border-radius:16px;padding:16px 20px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 8px 24px var(--primary-glow);transition:transform .15s ease,filter .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:active{transform:scale(.97);filter:brightness(.9)}.btn-secondary{width:100%;background:#ffffff14;border:1px solid var(--border-glass);color:var(--text-main);border-radius:16px;padding:14px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn-secondary:active{background:#ffffff26}.ar-hud{position:absolute;inset:0;z-index:20;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:var(--safe-top) var(--safe-right) calc(var(--safe-bottom) + 20px) var(--safe-left);transition:opacity .3s ease}.ar-hud.hidden{opacity:0;pointer-events:none}.hud-top{display:flex;align-items:center;justify-content:space-between;pointer-events:auto}.status-chip{display:inline-flex;align-items:center;gap:8px;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);padding:8px 14px;border-radius:100px;font-size:13px;font-weight:500;color:#fff}.status-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8;transition:background-color .3s ease}.status-dot.active{background:#10b981;box-shadow:0 0 10px #10b981}.status-dot.tracking{background:#06b6d4;box-shadow:0 0 10px #06b6d4}.hud-actions{display:flex;gap:10px}.icon-btn{width:44px;height:44px;border-radius:50%;background:#0f172ab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;transition:transform .15s ease,background-color .2s ease}.icon-btn:active{transform:scale(.92);background:#fff3}.icon-btn.active{background:var(--primary);border-color:transparent}.hud-bottom{display:flex;align-items:center;justify-content:center;gap:28px;pointer-events:auto}.btn-snap{width:48px;height:48px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.6);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.btn-snap:active{transform:scale(.9)}.btn-record-container{position:relative;width:82px;height:82px;display:flex;align-items:center;justify-content:center}.record-progress-svg{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.record-progress-bg{stroke:#ffffff40;stroke-width:4}.record-progress-bar{stroke:var(--primary);stroke-width:4;stroke-dasharray:245;stroke-dashoffset:245;transition:stroke-dashoffset .1s linear}.btn-record{width:66px;height:66px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 6px 20px #0006}.record-inner-dot{width:28px;height:28px;border-radius:50%;background:var(--primary);transition:all .2s ease}.btn-record.recording{transform:scale(.9)}.btn-record.recording .record-inner-dot{border-radius:8px;width:22px;height:22px;animation:pulseRecording 1s infinite alternate}@keyframes pulseRecording{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.screen-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:40;transition:opacity .08s ease-out}.screen-flash.active{opacity:.85}.modal-overlay{position:absolute;inset:0;z-index:60;background:#000000e0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;padding:20px;transition:opacity .3s ease,visibility .3s ease}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.preview-card{width:100%;max-width:380px;max-height:90vh;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;overflow:hidden;box-shadow:0 20px 50px #000000b3}.preview-media-wrapper{position:relative;width:100%;height:440px;max-height:55vh;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-media-wrapper video,.preview-media-wrapper img{width:100%;height:100%;object-fit:cover}.preview-content{padding:18px 20px 22px;display:flex;flex-direction:column;gap:12px}.preview-content h3{font-size:18px;font-weight:700}.preview-actions{display:flex;gap:10px}.preview-actions .btn-primary{flex:2;padding:12px 16px;font-size:14px}.preview-actions .btn-secondary{flex:1;padding:12px 14px;font-size:14px;text-align:center}.btn-close-preview{margin-top:4px;background:none;border:none;color:var(--text-muted);font-size:14px;cursor:pointer;padding:8px}.btn-close-preview:hover{color:#fff}