@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg-dark: #faf9f6;--bg-darker: #f0eee9;--bg-card: rgba(255, 255, 255, .7);--primary: #84a59d;--primary-glow: rgba(132, 165, 157, .4);--secondary: #f28482;--accent: #f6bd60;--text-main: #3d405b;--text-muted: #8d92ab;--border-glass: rgba(0, 0, 0, .05)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 50%,rgba(132,165,157,.1),transparent 25%),radial-gradient(circle at 85% 30%,rgba(242,132,130,.1),transparent 25%);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif}.glass-panel{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:24px;box-shadow:0 8px 32px #0000004d}.btn-primary{background:linear-gradient(135deg,var(--primary),#a8dadc);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-family:Outfit,sans-serif;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.btn-secondary{background:#00000008;color:var(--text-main);border:1px solid var(--border-glass);padding:12px 24px;border-radius:12px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#0000000f;transform:translateY(-2px)}.app-container{max-width:480px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:80px;display:flex;flex-direction:column}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#faf9f6d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-glass);display:flex;justify-content:space-around;padding:16px 0 calc(16px + env(safe-area-inset-bottom));z-index:50}.nav-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:500;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;padding:8px 16px;border-radius:16px}.nav-item.active{color:var(--text-main);background:#84a59d26;box-shadow:0 4px 20px #84a59d1a}.nav-item .icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.nav-item.active .icon-wrapper{transform:translateY(-2px);color:var(--primary);filter:drop-shadow(0 0 12px var(--primary-glow))}.nav-item span{opacity:.7;transition:opacity .3s ease,transform .3s ease}.nav-item.active span{opacity:1;font-weight:600;color:var(--primary)}.vision-container{position:relative;width:100%;border-radius:24px;overflow:hidden;background:#000}.vision-video{display:block;width:100%;height:auto;transform:scaleX(-1);opacity:0;pointer-events:none}.vision-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.scanner-line{animation:scan 3s linear infinite}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}