:root{--vr-purple: #7c3aed;--vr-purple-light: #a78bfa;--vr-cyan: #06b6d4;--vr-cyan-light: #67e8f9;--vr-dark: #060f20;--vr-card: #0c1628;--vr-border: rgba(124, 58, 237, .4);--vr-glow: 0 0 28px rgba(124, 58, 237, .5)}body{background:#0b1833!important;color:#e8f4ff!important}.site-header{background:#071226!important;border-bottom:1px solid rgba(124,58,237,.2)}.vr-header{display:flex;align-items:center;justify-content:space-between}.vr-header a{color:var(--vr-purple-light);text-decoration:none;font-size:.9rem;opacity:.85;transition:opacity .2s}.vr-header a:hover{opacity:1}.vr-hero{text-align:center;padding:64px 0 40px}.vr-hero h2{font-size:clamp(2rem,5vw,3.2rem);background:linear-gradient(135deg,var(--vr-purple-light) 0%,var(--vr-cyan-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:8px 0 16px}.vr-hero .lede{max-width:600px;margin:0 auto}.vr-status{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid var(--vr-border);background:#7c3aed1f;font-size:.8rem;color:var(--vr-purple-light);margin-bottom:12px}.vr-status__dot{width:8px;height:8px;border-radius:50%;background:var(--vr-cyan);box-shadow:0 0 8px var(--vr-cyan);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.vr-main{padding-bottom:80px}.vr-viewport-wrapper{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--vr-border);box-shadow:var(--vr-glow);background:var(--vr-dark);aspect-ratio:16 / 9;max-height:520px}#cam-feed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;display:none}#ar-canvas{position:relative;z-index:1;width:100%;height:100%;display:block;background:var(--vr-dark)}#ar-canvas.cam-active{background:transparent}.vr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#0a0a14bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .4s,visibility .4s;z-index:3}.vr-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.vr-overlay__icon{font-size:3.5rem;filter:drop-shadow(0 0 16px var(--vr-purple))}.vr-overlay__title{font-size:1.4rem;font-weight:700;color:#fff;text-align:center}.vr-overlay__sub{font-size:.85rem;color:#aab8cc;text-align:center;max-width:300px}.vr-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;justify-content:center}.vr-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:8px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s}.vr-btn:hover{transform:translateY(-2px)}.vr-btn:active{transform:translateY(0)}.vr-btn--primary{background:linear-gradient(135deg,var(--vr-purple) 0%,#5b21b6 100%);color:#fff;box-shadow:0 4px 18px #7c3aed73}.vr-btn--primary:hover{box-shadow:0 6px 24px #7c3aeda6}.vr-btn--secondary{background:#7c3aed26;color:#c4b5fd;border:1px solid rgba(124,58,237,.5)}.vr-btn--secondary:hover{background:#7c3aed47;color:#fff}.vr-btn--danger{background:#dc262638;color:#ff8a8a;border:1px solid rgba(220,38,38,.55)}.vr-btn--danger:hover{background:#dc262661;color:#ffc0c0}.vr-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.vr-hud{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;justify-content:center}.vr-hud__item{padding:8px 18px;border-radius:8px;background:var(--vr-card);border:1px solid var(--vr-border);text-align:center;min-width:80px}.vr-hud__label{font-size:.7rem;color:#8898b0;text-transform:uppercase;letter-spacing:.06em}.vr-hud__value{font-size:1.1rem;font-weight:700;color:var(--vr-purple-light);margin-top:2px}.vr-picker{margin-top:32px}.vr-picker h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#8898b0;margin-bottom:12px}.vr-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.vr-obj-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:10px;background:var(--vr-card);border:1px solid rgba(255,255,255,.07);cursor:pointer;transition:border-color .2s,background .2s,transform .15s;color:#d0dff0;font-size:.78rem}.vr-obj-btn:hover{background:#7c3aed1f;border-color:var(--vr-border);transform:translateY(-2px)}.vr-obj-btn.active{background:#7c3aed38;border-color:var(--vr-purple-light);color:#fff}.vr-obj-btn__icon{font-size:1.8rem}.vr-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:48px}.vr-info-card{padding:24px;border-radius:12px;background:var(--vr-card);border:1px solid var(--vr-border)}.vr-info-card h5{font-size:1rem;color:var(--vr-purple-light);margin-bottom:8px}.vr-info-card p{font-size:.85rem;color:#aab8cc;line-height:1.6}#vr-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%) translateY(20px);background:#0c1e3a;color:var(--vr-cyan-light);border:1px solid var(--vr-border);padding:10px 24px;border-radius:999px;font-size:.85rem;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;z-index:9999}#vr-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 600px){.vr-hero{padding:40px 0 28px}.vr-viewport-wrapper{aspect-ratio:4 / 3}}