.install-btn {
            display: none;
            position: fixed;
            bottom: 20px;
            right: 20px;
            background: #007bff;
            color: white;
            border: none;
            padding: 12px 20px;
            border-radius: 25px;
            font-size: 14px;
            cursor: pointer;
            box-shadow: 0 4px 12px rgba(0,123,255,0.3);
            z-index: 1000;
        }
        
        .install-btn:hover {
            background: #0056b3;
            transform: translateY(-2px);
        }
        
        .offline-indicator {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: #dc3545;
            color: white;
            padding: 8px;
            text-align: center;
            font-size: 12px;
            z-index: 9999;
        }
        
        body.offline .offline-indicator {
            display: block;
        }
        
        /* Ensure app works well in standalone mode */
        @media (display-mode: standalone) {
            body {
                padding-top: env(safe-area-inset-top);
                padding-bottom: env(safe-area-inset-bottom);
            }
        }
        
        /* Dark mode support */
        @media (prefers-color-scheme: dark) {
            :root {
                --bg-color: #1a1a1a;
                --text-color: #ffffff;
                --accent-color: #007bff;
            }
        }