:root{--primary: #8b5cf6;--secondary: #d946ef;--bg-primary: #0a0a0c;--bg-secondary: #000000;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--accent-primary: #8b5cf6;--accent-secondary: #d946ef;--accent-gradient: linear-gradient(135deg, #8b5cf6, #d946ef);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1);--safe-area-top: 44px;--iphone-bezel: #1a1a1a;--error: #ef4444;--success: #10b981;--browser-bg: #0c0f17}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--glass-bg: rgba(0, 0, 0, .04);--glass-border: rgba(0, 0, 0, .08);--iphone-bezel: #f1f5f9;--browser-bg: #fdfdfd}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif;color:inherit}body{background-color:var(--browser-bg);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;transition:background-color .4s ease}.app-wrapper{width:100vw;height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;background-color:var(--bg-primary);margin:0 auto}@media (min-width: 600px){.app-wrapper{width:400px;height:850px;max-height:95vh;border-radius:40px;box-shadow:0 40px 100px #0009,0 0 0 1px var(--glass-border);margin:auto}}.app-container{width:100%;height:100%;background-color:var(--bg-primary);position:relative;display:flex;flex-direction:column}.content-area{flex:1;overflow-y:auto;padding:24px;scrollbar-width:none}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;padding:20px}.chip{padding:8px 16px;border-radius:12px;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-secondary);font-size:13px;font-weight:600}.bottom-nav{position:absolute;bottom:0;width:100%;height:90px;background:var(--bg-primary);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-top:1px solid var(--glass-border);display:flex;justify-content:space-around;align-items:center;padding-bottom:20px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-secondary)}.nav-item.active{color:var(--accent-primary)}.fab-btn{width:56px;height:56px;background:var(--accent-gradient);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;margin-top:-40px;border:4px solid var(--bg-primary)}.amount-input{background:transparent;border:none;width:100%;text-align:center;font-size:54px;font-weight:700;color:var(--text-primary);outline:none;-moz-appearance:textfield}.amount-input::-webkit-outer-spin-button,.amount-input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.horizontal-scroll{display:flex;gap:16px;overflow-x:auto;padding:4px 4px 16px;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll::-webkit-scrollbar{display:none}.grid-doubles{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.privacy-blur{filter:blur(8px)!important;transition:filter .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000}.sidebar-drawer{position:absolute;top:0;bottom:0;left:0;width:280px;background:var(--bg-primary);border-right:1px solid var(--glass-border);z-index:10001;padding:60px 24px;display:flex;flex-direction:column;gap:32px;box-shadow:20px 0 50px #0000004d}@keyframes biometric-scan{0%{transform:translateY(-30px);opacity:0}50%{opacity:1}to{transform:translateY(30px);opacity:0}}.biometric-scan{display:block;animation:biometric-scan 1.5s infinite}@media (max-width: 600px),(display-mode: standalone){.iphone-frame{width:100vw!important;height:100dvh!important;border-radius:0!important;border:none!important;box-shadow:none!important;overflow:hidden}.iphone-frame:before{display:none!important}}