@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";.install-pwa-button{position:fixed;bottom:80px;right:20px;z-index:9999;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#0f8,#00cc6a);color:#000;border:none;border-radius:50px;padding:12px 24px;font-size:.95rem;font-weight:700;box-shadow:0 4px 20px #0f86;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);animation:pulse-install-pana 2s ease-in-out infinite}@keyframes pulse-install-pana{0%,to{box-shadow:0 4px 20px #0f86}50%{box-shadow:0 4px 30px #00ff88b3}}.ios-install-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.ios-install-content{background:#111;border:2px solid #00ff88;border-radius:24px;padding:25px;max-width:350px;width:100%;position:relative;color:#fff}.ios-close-button{position:absolute;top:15px;right:15px;background:none;border:none;color:#888;font-size:1.2rem;cursor:pointer}.ios-install-content h3{color:#0f8;text-align:center;margin-bottom:20px}.ios-instructions{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.ios-step{display:flex;gap:12px}.step-number{background:#0f8;color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.ios-got-it-button{width:100%;background:#0f8;color:#000;border:none;border-radius:12px;padding:12px;font-weight:700;cursor:pointer}@media(max-width:480px){.install-pwa-button{bottom:90px;right:15px;width:auto;height:auto;padding:10px 18px;border-radius:50px;font-size:.85rem}.install-pwa-button span{display:inline}}:root{--primary: #00ff88;--primary-glow: rgba(0, 255, 136, .3);--bg: #0a0b10;--card-bg: rgba(255, 255, 255, .05);--text: #ffffff;--text-dim: #94a3b8;--accent: #ff0077;--safe-bottom: env(safe-area-inset-bottom, 20px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Outfit,sans-serif;background-color:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.5}.app-container{max-width:500px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;position:relative;background:radial-gradient(circle at 50% 0%,#1a1c2e,#0a0b10)}.glass{background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px) translateZ(0)}to{opacity:1;transform:translateY(0) translateZ(0)}}.animate-fade{animation:fadeIn .4s cubic-bezier(.4,0,.2,1) forwards;will-change:opacity,transform}.btn-primary{background:var(--primary);color:#000;border:none;padding:16px 24px;border-radius:18px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 20px var(--primary-glow)}.btn-primary:active{transform:scale(.95)}.camera-view{width:100%;height:50vh;height:50dvh;background:#000;position:relative;overflow:hidden;border-radius:0 0 40px 40px}.scan-line{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--primary);box-shadow:0 0 15px var(--primary);animation:scan 3s linear infinite;z-index:10}@keyframes scan{0%{top:0}to{top:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}
