* { -webkit-tap-highlight-color: transparent; box-sizing: border-box; }
        body { margin: 0; padding: 0; overflow: hidden; background-color: #0d1117; color: #f3f4f6; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; }

        /* Mobile App Layout */
        .app-container { display: flex; flex-direction: column; height: 100vh; height: 100dvh; width: 100vw; }
        .header { height: 60px; background: #161b22; border-bottom: 1px solid #30363d; display: flex; align-items: center; justify-content: space-between; padding: 0 16px; flex-shrink: 0; z-index: 20; }
        .main-content { flex: 1; overflow-y: auto; overflow-x: hidden; position: relative; background: #0d1117; padding-bottom: 70px; display: flex; flex-direction: column; }
        .bottom-nav { position: fixed; bottom: 0; left: 0; width: 100%; height: 65px; background: #161b22; border-top: 1px solid #30363d; display: flex; justify-content: space-around; align-items: center; z-index: 20; padding-bottom: env(safe-area-inset-bottom); }

        /* Bottom Nav Buttons - 16.66% for 6 tabs */
        .nav-btn { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 16.66%; height: 100%; color: #8b949e; font-size: 11px; font-weight: 600; gap: 4px; transition: color 0.2s; }
        .nav-btn svg { width: 22px; height: 22px; stroke-width: 2; stroke: currentColor; fill: none; }
        .nav-btn.active { color: #58a6ff; }

        /* Sidebar Drawer */
        .drawer-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.7); backdrop-filter: blur(2px); z-index: 40; display: none; opacity: 0; transition: opacity 0.3s; }
        .drawer { position: fixed; top: 0; left: -300px; width: 280px; height: 100%; height: 100dvh; background: #161b22; border-right: 1px solid #30363d; z-index: 50; display: flex; flex-direction: column; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 5px 0 25px rgba(0,0,0,0.5); }
        .drawer.open { left: 0; }
        .drawer-overlay.open { display: block; opacity: 1; }

        /* Provider switch (Hugging Face / GitHub) */
        .prov-switch { display: flex; background: #0d1117; border: 1px solid #30363d; border-radius: 10px; padding: 3px; gap: 3px; margin-bottom: 14px; }
        .prov-btn { flex: 1; padding: 9px 6px; border-radius: 8px; font-size: 12px; font-weight: 700; color: #8b949e; transition: all 0.15s; }
        .prov-btn.active { background: #21262d; color: #58a6ff; box-shadow: 0 0 0 1px #30363d inset; }