body, html { -webkit-tap-highlight-color: transparent; font-family: 'Yekan Bakh', 'Tahoma', 'system-ui', sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; margin: 0; padding: 0; height: 100%; width: 100%; background-color: #f8fafc; overscroll-behavior-y: none; }
        a, button { -webkit-touch-callout: none; }
        .dark body, .dark html { background-color: #0f172a; }
        .material-symbols-rounded { font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
        input, select, textarea { -webkit-user-select: auto; user-select: auto; }
        .page-view { animation: fadeInScale 0.3s cubic-bezier(0.4, 0, 0.2, 1); will-change: transform, opacity; }
        .page-view:not(.active) { display: none !important; }
        @keyframes fadeInScale { from { opacity: 0; transform: scale(0.97) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } }
        .connect-btn { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.7); animation: buttonBreathe 3s infinite; transition: all 0.3s ease; }
        .connect-btn:active { transform: scale(0.92); animation: none; }
        @keyframes buttonBreathe { 0% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.5); } 50% { box-shadow: 0 0 0 20px rgba(245, 158, 11, 0); } 100% { box-shadow: 0 0 0 0 rgba(245, 158, 11, 0); } }
        .pulse-ring { animation: pulse 2s infinite cubic-bezier(0.4, 0, 0.2, 1); }
        @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.5; } 100% { transform: scale(1.5); opacity: 0; } }
        .app-container { max-width: 450px; margin: 0 auto; position: relative; background-color: transparent; box-shadow: 0 0 30px rgba(0,0,0,0.05); }
        .dark .app-container { box-shadow: 0 0 30px rgba(0,0,0,0.6); }
        ::-webkit-scrollbar { width: 0px; background: transparent; }
        .bottom-sheet { transform: translateY(100%); transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.4s ease; opacity: 0; visibility: hidden; will-change: transform, opacity; }
        .bottom-sheet.open { transform: translateY(0); opacity: 1; visibility: visible; }
        .sheet-overlay { opacity: 0; visibility: hidden; transition: opacity 0.3s ease; will-change: opacity; }
        .sheet-overlay.open { opacity: 1; visibility: visible; }
        .pro-tab-content { display: none; animation: fadeInScale 0.3s ease; }
        .pro-tab-content.active { display: block; }