, so aside/main are NOT direct children of . Use descendant combinators, not child combinators. */ html[data-runtime-ready="0"] [data-gemini-shell="1"] { opacity: 0; pointer-events: none; } html[data-runtime-ready="1"] [data-gemini-shell="1"] { opacity: 1; transition: opacity 120ms ease-out; pointer-events: auto; } html[data-runtime-ready="0"][data-path^="/dashboard"] [data-mobile-nav-toggle="1"], body[data-runtime-ready="0"][data-path^="/dashboard"] [data-mobile-nav-toggle="1"] { opacity: 0 !important; pointer-events: none !important; } img { max-width: 100%; height: auto; } body[data-path="/dashboard/social"] .runtime-social-shell { background: #ffffff !important; border-color: rgba(148, 163, 184, 0.35) !important; } body[data-path="/dashboard/social"] .runtime-social-shell h2, body[data-path="/dashboard/social"] .runtime-social-shell p, body[data-path="/dashboard/social"] .runtime-social-shell span { color: #0f172a !important; } body[data-path="/dashboard/social"] .runtime-social-card { border-color: rgba(148, 163, 184, 0.4) !important; } body[data-path="/dashboard/social"] .runtime-social-card-linkedin { background: #eef5ff !important; } body[data-path="/dashboard/social"] .runtime-social-card-x { background: #f8fafc !important; } body[data-path="/dashboard/social"] .runtime-social-draft-input { background: #ffffff !important; border-color: rgba(148, 163, 184, 0.6) !important; color: #0f172a !important; } .runtime-social-editor-frame { position: relative; } .runtime-social-loading-overlay { position: absolute; inset: 0; display: flex; align-items: stretch; justify-content: center; border-radius: 0.75rem; background: transparent; padding: 0; pointer-events: none; transition: opacity 180ms ease; } .runtime-social-loading-stack { width: 100%; display: flex; flex-direction: column; height: 100%; gap: 0; } .runtime-social-loading-editor { flex: 1 1 auto; min-height: 100%; display: flex; flex-direction: column; gap: 0.75rem; padding: 1rem; border-radius: 1rem; border: 1px solid rgba(191, 219, 254, 0.65); background: rgba(255, 255, 255, 0.96); } .runtime-social-loading-line { height: 0.95rem; border-radius: 0.7rem; } .runtime-social-loading-line-full { width: 100%; } .runtime-social-loading-line-wide { width: 92%; } .runtime-social-loading-line-medium { width: 78%; } .runtime-social-loading-line-short { width: 58%; margin-top: auto; } .runtime-loading-sheen { position: relative; overflow: hidden; background: rgba(226, 232, 240, 0.72); } .runtime-loading-sheen::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(226, 232, 240, 0) 12%, rgba(255, 255, 255, 0.96) 48%, rgba(226, 232, 240, 0) 82%); background-size: 220% 100%; animation: runtime-shimmer 1.15s linear infinite; } .runtime-social-draft-input--loading { color: transparent !important; caret-color: transparent !important; } .runtime-social-card--loading .runtime-social-action-row { position: relative; } .runtime-social-card--loading .runtime-social-action-row > * { visibility: hidden; } .runtime-social-card--loading .runtime-social-action-row::before, .runtime-social-card--loading .runtime-social-action-row::after { content: ""; display: block; flex: 1 1 0; min-width: 0; height: 3rem; border-radius: 0.95rem; border: 1px solid rgba(191, 219, 254, 0.65); background: rgba(255, 255, 255, 0.94); } .runtime-social-card--loading .runtime-social-action-row::before { box-shadow: inset 0 0 0 9999px rgba(248, 250, 252, 0.45); } .runtime-social-card--loading .runtime-social-action-row::after { box-shadow: inset 0 0 0 9999px rgba(241, 245, 249, 0.72); } .runtime-content-fade-in { animation: runtime-fade-in-up 180ms ease both; } .runtime-loader-spinner { width: 1rem; height: 1rem; border-radius: 9999px; border: 2px solid rgba(14, 116, 144, 0.2); border-top-color: rgba(14, 116, 144, 0.9); animation: runtime-spin 0.8s linear infinite; display: inline-block; flex-shrink: 0; } .runtime-loader-spinner-sm { width: 0.875rem; height: 0.875rem; border-width: 2px; } .runtime-loading-panel { box-shadow: 0 20px 45px rgba(14, 165, 233, 0.12); } @keyframes runtime-spin { to { transform: rotate(360deg); } } @keyframes runtime-fade-in-up { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } body[data-path="/dashboard/social"] .runtime-social-loading-overlay { background: linear-gradient(180deg, rgba(239, 245, 255, 0.88), rgba(245, 249, 255, 0.96)); } body[data-path="/dashboard/social"] .runtime-social-card-x .runtime-social-loading-overlay { background: linear-gradient(180deg, rgba(248, 250, 252, 0.88), rgba(255, 255, 255, 0.96)); } html[data-path="/"], body[data-path="/"] { --landing-header-height: 6.125rem; scroll-padding-top: calc(var(--landing-header-height) + 1rem); } html[data-path="/"] [data-landing-header="1"], body[data-path="/"] [data-landing-header="1"] { position: fixed; top: 0; right: 0; left: 0; width: 100%; } html[data-path="/"] [data-landing-main="1"], body[data-path="/"] [data-landing-main="1"] { padding-top: var(--landing-header-height); } html[data-path="/"] #how-it-works, html[data-path="/"] #features, html[data-path="/"] #pricing, body[data-path="/"] #how-it-works, body[data-path="/"] #features, body[data-path="/"] #pricing { scroll-margin-top: calc(var(--landing-header-height) + 1rem); } html[data-path="/onboarding"] button, html[data-path="/onboarding"] a.btn, body[data-path="/onboarding"] button, body[data-path="/onboarding"] a.btn { touch-action: manipulation; } /* Prevent avatar/image flash before Tailwind utility runtime attaches */ .object-cover { object-fit: cover; } .rounded-full { border-radius: 9999px; } .w-0 { width: 0; } .h-0 { height: 0; } .w-1 { width: 0.25rem; } .h-1 { height: 0.25rem; } .w-2 { width: 0.5rem; } .h-2 { height: 0.5rem; } .w-4 { width: 1rem; } .h-4 { height: 1rem; } .w-5 { width: 1.25rem; } .h-5 { height: 1.25rem; } .w-6 { width: 1.5rem; } .h-6 { height: 1.5rem; } .w-7 { width: 1.75rem; } .h-7 { height: 1.75rem; } .w-8 { width: 2rem; } .h-8 { height: 2rem; } .w-9 { width: 2.25rem; } .h-9 { height: 2.25rem; } .w-10 { width: 2.5rem; } .h-10 { height: 2.5rem; } .w-12 { width: 3rem; } .h-12 { height: 3rem; } .w-14 { width: 3.5rem; } .h-14 { height: 3.5rem; } .w-16 { width: 4rem; } .h-16 { height: 4rem; } .w-20 { width: 5rem; } .h-20 { height: 5rem; } .w-24 { width: 6rem; } .h-24 { height: 6rem; } .w-32 { width: 8rem; } .h-32 { height: 8rem; } .w-48 { width: 12rem; } .h-48 { height: 12rem; } .w-64 { width: 16rem; } .h-64 { height: 16rem; } .w-96 { width: 24rem; } .h-96 { height: 24rem; } h1, h2, h3, h4, h5, h6 { font-family: 'Outfit', sans-serif; font-weight: 700; line-height: 1.2; } a { color: inherit; text-decoration: none; transition: all 0.3s ease; } /* Glassmorphism Utilities */ .glass { background: var(--bg-card); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--border-subtle); border-radius: 16px; } .glass-panel { background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 100%); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 24px; box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.3); } /* Buttons */ .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; border-radius: 8px; font-weight: 600; font-size: 0.95rem; letter-spacing: 0.5px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: none; outline: none; } .btn-primary { background: linear-gradient(135deg, var(--primary) 0%, #059669 100%); color: white; box-shadow: 0 4px 14px 0 var(--primary-glow); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px 0 var(--primary-glow); } .btn-secondary { background: transparent; color: white; border: 1px solid var(--border-subtle); } .btn-secondary:hover { background: var(--bg-card-hover); border-color: var(--border-focus); } .btn-accent { background: linear-gradient(135deg, var(--secondary) 0%, #0891b2 100%); color: white; box-shadow: 0 4px 14px 0 var(--secondary-glow); } .btn-accent:hover { transform: translateY(-2px); box-shadow: 0 6px 20px 0 var(--secondary-glow); } /* Text Gradients */ .text-gradient { background: linear-gradient(to right, #10B981, #00F0FF); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient-coral { background: linear-gradient(to right, #FF6B6B, #0891b2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } /* Animations */ @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } .animate-float { animation: float 6s ease-in-out infinite; } @keyframes pulse-glow { 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); } 70% { box-shadow: 0 0 0 15px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } } .animate-pulse-glow { animation: pulse-glow 2s infinite; } /* Background Effects */ .bg-glow { position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, var(--primary-glow) 0%, rgba(0, 0, 0, 0) 70%); filter: blur(80px); z-index: -1; opacity: 0.5; border-radius: 50%; pointer-events: none; } /* Layout Utilities */ .container { max-width: 1280px; margin: 0 auto; padding: 0 2rem; } .nav { display: flex; justify-content: space-between; align-items: center; padding: 1.5rem 0; } .nav-links { display: flex; gap: 2rem; align-items: center; } .nav-link { color: var(--text-muted); font-weight: 500; font-size: 0.95rem; } .nav-link:hover { color: var(--text-main); } /* Light Mode Variables */ :root[data-theme="light"] { --bg-dark: #f8fafc; --bg-card: rgba(255, 255, 255, 0.9); --bg-card-hover: rgba(255, 255, 255, 1); --border-color: rgba(0, 0, 0, 0.1); --text-main: #0f172a; --text-muted: #64748b; } :root[data-theme="light"] body { background-color: var(--bg-dark); color: #0f111a; } :root[data-theme="light"] .glass, :root[data-theme="light"] .glass-panel { background: var(--bg-card); border-color: var(--border-color); box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); } :root[data-theme="light"] .glass:hover, :root[data-theme="light"] .glass-panel:hover { background: var(--bg-card-hover); border-color: rgba(0, 0, 0, 0.2); } :root[data-theme="light"] .text-white, :root[data-theme="light"] .text-gray-100, :root[data-theme="light"] .text-gray-200, :root[data-theme="light"] .text-gray-300 { color: #0f111a !important; } :root[data-theme="light"] .text-gray-400 { color: #4b5563 !important; } :root[data-theme="light"] .bg-\[\#0f111a\], :root[data-theme="light"] .bg-gray-800, :root[data-theme="light"] .bg-black\/20, :root[data-theme="light"] .bg-black\/40, :root[data-theme="light"] .bg-black\/50, :root[data-theme="light"] .bg-\[\#1f2937\] { background-color: #ffffff !important; border-color: rgba(0, 0, 0, 0.1) !important; } :root[data-theme="light"] .border-white\/10, :root[data-theme="light"] .border-white\/5, :root[data-theme="light"] .border-white\/20, :root[data-theme="light"] .border-\[\#0077b5\]\/30 { border-color: rgba(0, 0, 0, 0.1) !important; } :root[data-theme="light"] .bg-\[\#0f111a\]\/80, :root[data-theme="light"] .bg-\[\#0f111a\]\/90 { background-color: rgba(255, 255, 255, 0.8) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } :root[data-theme="light"] .bg-black\/30 { background-color: #f1f5f9 !important; } :root[data-theme="light"] .btn, :root[data-theme="light"] .btn *, :root[data-theme="light"] .btn-primary *, :root[data-theme="light"] .bg-emerald-500, :root[data-theme="light"] .bg-emerald-500 *, :root[data-theme="light"] .bg-emerald-600, :root[data-theme="light"] .bg-emerald-600 *[class*="text-white"], :root[data-theme="light"] .bg-teal-600, :root[data-theme="light"] .bg-teal-600 *, :root[data-theme="light"] .bg-blue-500, :root[data-theme="light"] .bg-blue-500 *, :root[data-theme="light"] .bg-amber-500, :root[data-theme="light"] .bg-amber-500 *, :root[data-theme="light"] .bg-\[\#0077b5\], :root[data-theme="light"] .bg-\[\#0077b5\] *, :root[data-theme="light"] .from-emerald-500, :root[data-theme="light"] .from-emerald-500 *, :root[data-theme="light"] .bg-black, :root[data-theme="light"] .bg-red-500 { color: #ffffff !important; } :root[data-theme="light"] .bg-emerald-600 .bg-black\/30, :root[data-theme="light"] .bg-emerald-600 .bg-black\/30 * { color: #0f111a !important; } :root[data-theme="light"] .bg-white\/5, :root[data-theme="light"] .bg-white\/10 { background-color: rgba(0, 0, 0, 0.05) !important; } :root[data-theme="light"] .hover\:bg-white\/5:hover, :root[data-theme="light"] .hover\:bg-white\/10:hover { background-color: rgba(0, 0, 0, 0.08) !important; } :root[data-theme="light"] .from-emerald-900\/40 { --tw-gradient-from: rgba(16, 185, 129, 0.15) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(20, 184, 166, 0.15)) !important; } :root[data-theme="light"] .to-teal-900\/40 { --tw-gradient-to: rgba(20, 184, 166, 0.15) !important; } /* Ensure CTA visibility in light mode */ :root[data-theme="light"] .btn-secondary, :root[data-theme="light"] .btn-secondary * { color: #0f111a !important; border-color: rgba(15, 23, 42, 0.25) !important; } :root[data-theme="light"] .btn-secondary { background: rgba(255, 255, 255, 0.9) !important; } :root[data-theme="light"] .btn-secondary:hover { background: rgba(241, 245, 249, 1) !important; } :root[data-theme="light"] .btn.bg-white, :root[data-theme="light"] .btn.bg-white *, :root[data-theme="light"] a.btn.bg-white, :root[data-theme="light"] a.btn.bg-white * { color: #0f111a !important; } /* Footer readability in light mode */ :root[data-theme="light"] footer { background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.95) 100%) !important; border-top-color: rgba(148, 163, 184, 0.35) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); } :root[data-theme="light"] footer .text-gray-500 { color: #64748b !important; } :root[data-theme="light"] footer .text-gray-400 { color: #475569 !important; } :root[data-theme="light"] footer a.text-gray-400, :root[data-theme="light"] footer a.hover\:text-white, :root[data-theme="light"] footer a[class*="hover:text-white"] { color: #475569 !important; } :root[data-theme="light"] footer a.text-gray-400:hover, :root[data-theme="light"] footer a.hover\:text-white:hover, :root[data-theme="light"] footer a[class*="hover:text-white"]:hover { color: #0f172a !important; } :root[data-theme="light"] footer a.rounded-full { background-color: #ffffff !important; border-color: rgba(148, 163, 184, 0.45) !important; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06); } :root[data-theme="light"] footer .fa-x-twitter { color: #0f172a !important; } :root[data-theme="light"] footer .fa-linkedin { color: #0077b5 !important; } /* Footer base polish (all themes) */ footer .container > a { display: inline-flex !important; align-items: center !important; gap: 0.65rem !important; min-height: 2.75rem !important; } footer .container > a img[src*="brand_brain_icon"] { width: 2.2rem !important; height: 2.2rem !important; flex-shrink: 0 !important; } footer .container > a img[src*="brand_wordmark_logo"] { height: 2rem !important; width: auto !important; } footer .container > a span { font-size: 1.1rem !important; line-height: 1.1 !important; } footer .container > div.flex.items-center.gap-4 a { width: 2.3rem !important; height: 2.3rem !important; } footer .container > div.flex.items-center.gap-4 i { font-size: 1rem !important; } /* Footer light mode refinements */ :root[data-theme="light"] body[data-path="/"] footer { padding-top: 2rem !important; padding-bottom: 2rem !important; } :root[data-theme="light"] body[data-path="/"] footer .container { gap: 1rem !important; } :root[data-theme="light"] body[data-path="/"] footer .container > a span { color: #0f172a !important; font-weight: 700 !important; letter-spacing: -0.01em !important; } :root[data-theme="light"] body[data-path="/"] footer .container > p { color: #64748b !important; font-size: 1.05rem !important; } @media (max-width: 900px) { footer .container { gap: 0.75rem !important; } footer .container > a span { font-size: 1rem !important; } footer .container > p { text-align: center !important; font-size: 0.9rem !important; } } :root[data-theme="light"] html[data-path^="/learn"], :root[data-theme="light"] body[data-path^="/learn"], :root[data-theme="light"] html[data-path^="/learning"], :root[data-theme="light"] body[data-path^="/learning"] { background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.08), transparent 28%), radial-gradient(circle at top right, rgba(6, 182, 212, 0.08), transparent 32%), linear-gradient(180deg, #f4fbf7 0%, #f7fbff 38%, #f5f7fb 100%) !important; color: #0f172a !important; } :root[data-theme="light"] body[data-path^="/learn"] header.learning-header, :root[data-theme="light"] body[data-path^="/learning"] header.learning-header { background: rgba(255, 255, 255, 0.94) !important; border-color: rgba(148, 163, 184, 0.22) !important; box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08) !important; } :root[data-theme="light"] body[data-path^="/learn"] header.learning-header .nav-link, :root[data-theme="light"] body[data-path^="/learning"] header.learning-header .nav-link { color: #475569 !important; } :root[data-theme="light"] body[data-path^="/learn"] header.learning-header .nav-link.text-emerald-700, :root[data-theme="light"] body[data-path^="/learning"] header.learning-header .nav-link.text-emerald-700 { color: #047857 !important; } :root[data-theme="light"] body[data-path^="/learn"] header.learning-header .nav-link:hover, :root[data-theme="light"] body[data-path^="/learning"] header.learning-header .nav-link:hover { color: #0f172a !important; } :root[data-theme="light"] body[data-path^="/learn"] header.learning-header .text-cyan-600, :root[data-theme="light"] body[data-path^="/learning"] header.learning-header .text-cyan-600 { color: #0891b2 !important; } :root[data-theme="light"] body[data-path^="/learn"] footer.learning-footer, :root[data-theme="light"] body[data-path^="/learning"] footer.learning-footer { background: transparent !important; border-top-color: rgba(148, 163, 184, 0.16) !important; box-shadow: none !important; } :root[data-theme="light"] body[data-path^="/learn"] footer.learning-footer .glass, :root[data-theme="light"] body[data-path^="/learn"] footer.learning-footer .glass-panel, :root[data-theme="light"] body[data-path^="/learning"] footer.learning-footer .glass, :root[data-theme="light"] body[data-path^="/learning"] footer.learning-footer .glass-panel { background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 250, 252, 0.98)) !important; border-color: rgba(148, 163, 184, 0.22) !important; box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08) !important; } :root[data-theme="light"] body[data-path^="/learn"] footer.learning-footer a.rounded-full, :root[data-theme="light"] body[data-path^="/learning"] footer.learning-footer a.rounded-full { background: #ffffff !important; border-color: rgba(148, 163, 184, 0.35) !important; color: #475569 !important; } @media (max-width: 767px) { body[data-path^="/learn"] .container, body[data-path^="/learning"] .container { padding-left: 1rem; padding-right: 1rem; } body[data-path^="/learn"] header.learning-header .btn, body[data-path^="/learning"] header.learning-header .btn { min-height: 2.5rem; } body[data-path^="/learn"] header.learning-header nav.flex, body[data-path^="/learning"] header.learning-header nav.flex { scrollbar-width: none; } body[data-path^="/learn"] header.learning-header nav.flex::-webkit-scrollbar, body[data-path^="/learning"] header.learning-header nav.flex::-webkit-scrollbar { display: none; } } #theme-toggle { display: none !important; } :root[data-theme="light"] body[data-path="/"] .inline-flex.items-center.gap-2.px-3.py-1.rounded-full.border.border-cyan-500\/40.bg-cyan-500\/10.text-cyan-300.text-sm.font-medium.mb-6 { color: #2563eb !important; border-color: rgba(37, 99, 235, 0.35) !important; background: rgba(37, 99, 235, 0.08) !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] { background: #eef2f7 !important; color: #0f172a !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] .glass, :root[data-theme="light"] body[data-path="/dashboard/chat"] .glass-panel { background: rgba(255, 255, 255, 0.9) !important; border-color: rgba(148, 163, 184, 0.25) !important; box-shadow: 0 10px 30px rgba(2, 6, 23, 0.06) !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] .bg-\[\#0f111a\]\/80, :root[data-theme="light"] body[data-path="/dashboard/chat"] .bg-\[\#0f111a\]\/90, :root[data-theme="light"] body[data-path="/dashboard/chat"] .bg-black\/40, :root[data-theme="light"] body[data-path="/dashboard/chat"] .bg-black\/30 { background-color: rgba(255, 255, 255, 0.92) !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] textarea { color: #0f172a !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] .chat-user-bubble-light { background: linear-gradient(135deg, #2563eb 0%, #10b981 100%) !important; color: #ffffff !important; box-shadow: 0 8px 24px rgba(37, 99, 235, 0.18) !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] .chat-user-bubble-light pre, :root[data-theme="light"] body[data-path="/dashboard/chat"] .chat-user-bubble-light code { background: rgba(248, 250, 252, 0.9) !important; color: #111827 !important; border-color: rgba(148, 163, 184, 0.35) !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] .chat-ai-bubble-light { background: rgba(255, 255, 255, 0.96) !important; border: 1px solid rgba(148, 163, 184, 0.28) !important; color: #0f172a !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] .chat-ai-bubble-light pre, :root[data-theme="light"] body[data-path="/dashboard/chat"] .chat-ai-bubble-light code { color: #111827 !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] .bg-emerald-600.text-white.p-5.rounded-2xl.rounded-tr-sm.text-sm { background: linear-gradient(135deg, #2563eb 0%, #10b981 100%) !important; color: #ffffff !important; } :root[data-theme="light"] body[data-path="/dashboard/chat"] .glass.p-5.rounded-2xl.rounded-tl-sm.text-sm { background: rgba(255, 255, 255, 0.96) !important; border-color: rgba(148, 163, 184, 0.28) !important; color: #0f172a !important; } :root[data-theme="light"] body[data-path="/dashboard/social"] .runtime-social-shell { background: #ffffff !important; border-color: rgba(148, 163, 184, 0.35) !important; } :root[data-theme="light"] body[data-path="/dashboard/social"] .runtime-social-draft-input { background: #ffffff !important; border-color: rgba(148, 163, 184, 0.4) !important; color: #0f172a !important; } :root[data-theme="light"] body[data-path="/employers"] .container.nav .btn.bg-white, :root[data-theme="light"] body[data-path="/employers/talent"] .container.nav .btn.bg-white { color: #0f172a !important; background: #ffffff !important; border: 1px solid rgba(148, 163, 184, 0.45) !important; } html[data-path^="/u/"], body[data-path^="/u/"], html[data-path^="/employers"], body[data-path^="/employers"] { background: #f4f8f5 !important; color: #0f172a !important; } .gemini-light-shell { position: relative; isolation: isolate; background: radial-gradient(circle at top left, rgba(16, 185, 129, 0.08), transparent 28%), radial-gradient(circle at top right, rgba(6, 182, 212, 0.08), transparent 32%), linear-gradient(180deg, #f4fbf7 0%, #f7fbff 38%, #f5f7fb 100%); color: #0f172a; } .gemini-light-shell .bg-glow { opacity: 0.2 !important; filter: blur(110px); } .gemini-light-shell .glass, .gemini-light-shell .glass-panel { background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.96)) !important; border-color: rgba(148, 163, 184, 0.22) !important; box-shadow: 0 20px 45px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important; } .gemini-light-shell .glass:hover, .gemini-light-shell .glass-panel:hover { background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(248, 250, 252, 0.98)) !important; border-color: rgba(94, 234, 212, 0.28) !important; } .gemini-light-shell .text-white, .gemini-light-shell .text-gray-100, .gemini-light-shell .text-gray-200, .gemini-light-shell .text-gray-300 { color: #0f172a !important; } .gemini-light-shell .text-gray-400 { color: #475569 !important; } .gemini-light-shell .text-gray-500 { color: #64748b !important; } .gemini-light-shell .nav-link { color: #475569 !important; } .gemini-light-shell .nav-link:hover { color: #0f172a !important; } .gemini-light-shell .btn-secondary, .gemini-light-shell .btn-secondary * { color: #0f172a !important; } .gemini-light-shell .btn-secondary { background: rgba(255, 255, 255, 0.92) !important; border: 1px solid rgba(148, 163, 184, 0.35) !important; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06); } .gemini-light-shell .btn-secondary:hover { background: rgba(255, 255, 255, 0.98) !important; border-color: rgba(94, 234, 212, 0.4) !important; } .gemini-light-shell .btn-primary, .gemini-light-shell .btn-primary * { color: #ffffff !important; } .gemini-light-shell .bg-\[\#0f111a\], .gemini-light-shell .bg-\[\#0f111a\]\/80, .gemini-light-shell .bg-\[\#0f111a\]\/90, .gemini-light-shell .bg-black\/20, .gemini-light-shell .bg-black\/30, .gemini-light-shell .bg-black\/40, .gemini-light-shell .bg-black\/50, .gemini-light-shell .bg-white\/5, .gemini-light-shell .bg-white\/10, .gemini-light-shell .bg-gray-800 { background: rgba(255, 255, 255, 0.72) !important; border-color: rgba(148, 163, 184, 0.2) !important; } .gemini-light-shell .border-white\/5, .gemini-light-shell .border-white\/10, .gemini-light-shell .border-white\/20 { border-color: rgba(148, 163, 184, 0.22) !important; } .gemini-light-shell .hover\:bg-white\/5:hover, .gemini-light-shell .hover\:bg-white\/10:hover { background: rgba(255, 255, 255, 0.88) !important; } .gemini-light-shell .from-emerald-900\/40 { --tw-gradient-from: rgba(16, 185, 129, 0.16) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(20, 184, 166, 0.12)) !important; } .gemini-light-shell .to-teal-900\/40 { --tw-gradient-to: rgba(20, 184, 166, 0.12) !important; } .gemini-light-shell .to-emerald-900\/40 { --tw-gradient-to: rgba(16, 185, 129, 0.12) !important; } .public-profile-shell .glass-panel .rounded-full.bg-black\/40, .public-project-shell .glass-panel .rounded-full.bg-black\/40 { background: rgba(255, 255, 255, 0.85) !important; border-color: rgba(148, 163, 184, 0.28) !important; } .employer-shell .text-emerald-300, .employer-shell .text-emerald-400, .employer-shell .text-emerald-500, .talent-pool-shell .text-emerald-300, .talent-pool-shell .text-emerald-400, .talent-pool-shell .text-emerald-500 { color: #0f766e !important; } .talent-pool-shell input, .talent-pool-shell select { background: #ffffff !important; color: #0f172a !important; border-color: rgba(148, 163, 184, 0.45) !important; box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04); } .talent-pool-shell input::placeholder { color: #64748b !important; } .talent-pool-shell option { color: #0f172a; } /* Employer pages: stronger green contrast in light mode */ :root[data-theme="light"] body[data-path="/employers"] .text-emerald-300, :root[data-theme="light"] body[data-path="/employers"] .text-emerald-400, :root[data-theme="light"] body[data-path="/employers"] .text-emerald-500, :root[data-theme="light"] body[data-path^="/employers/talent"] .text-emerald-300, :root[data-theme="light"] body[data-path^="/employers/talent"] .text-emerald-400, :root[data-theme="light"] body[data-path^="/employers/talent"] .text-emerald-500 { color: #0f766e !important; } :root[data-theme="light"] body[data-path="/employers"] .hover\:text-emerald-300:hover, :root[data-theme="light"] body[data-path="/employers"] .hover\:text-emerald-400:hover, :root[data-theme="light"] body[data-path^="/employers/talent"] .hover\:text-emerald-300:hover, :root[data-theme="light"] body[data-path^="/employers/talent"] .hover\:text-emerald-400:hover { color: #0f5f6d !important; } :root[data-theme="light"] body[data-path="/employers"] .bg-emerald-500\/10, :root[data-theme="light"] body[data-path^="/employers/talent"] .bg-emerald-500\/10 { background-color: rgba(15, 118, 110, 0.12) !important; } :root[data-theme="light"] body[data-path="/employers"] .border-emerald-500\/20, :root[data-theme="light"] body[data-path="/employers"] .border-emerald-500\/30, :root[data-theme="light"] body[data-path="/employers"] .border-emerald-500\/40, :root[data-theme="light"] body[data-path^="/employers/talent"] .border-emerald-500\/20, :root[data-theme="light"] body[data-path^="/employers/talent"] .border-emerald-500\/30, :root[data-theme="light"] body[data-path^="/employers/talent"] .border-emerald-500\/40, :root[data-theme="light"] body[data-path^="/employers/talent"] .border-emerald-500\/50 { border-color: rgba(15, 118, 110, 0.35) !important; } :root[data-theme="light"] body[data-path="/"] .container.nav .btn.btn-secondary { color: #0f172a !important; border-color: rgba(148, 163, 184, 0.45) !important; background: rgba(255, 255, 255, 0.9) !important; } /* Landing lockup visibility */ html[data-path="/"] .container.nav > a img[src="/assets/branding/brand_wordmark_logo.png"], body[data-path="/"] .container.nav > a img[src="/assets/branding/brand_wordmark_logo.png"] { display: none !important; } html[data-path="/"] .container.nav > a img[src="/assets/branding/brand_logo_icon.png"], body[data-path="/"] .container.nav > a img[src="/assets/branding/brand_logo_icon.png"] { width: 3rem !important; height: 3rem !important; } html[data-path="/"] .container.nav > a img[src="/assets/branding/brand_brain_icon.svg"], body[data-path="/"] .container.nav > a img[src="/assets/branding/brand_brain_icon.svg"] { width: 3rem !important; height: 3rem !important; } html[data-path="/"] .container.nav > a span, body[data-path="/"] .container.nav > a span { color: var(--text-main) !important; font-size: 1.85rem !important; line-height: 1 !important; } /* Dashboard overflow containment */ html[data-path^="/dashboard"], body[data-path^="/dashboard"] { width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"], body[data-path^="/dashboard"] [data-gemini-shell="1"], html[data-path^="/dashboard"] [data-gemini-shell="1"] > main, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main { width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; } html[data-path^="/dashboard"] [data-dashboard-header="1"] > [data-dashboard-header-title="1"], body[data-path^="/dashboard"] [data-dashboard-header="1"] > [data-dashboard-header-title="1"] { min-width: 0 !important; flex: 1 1 auto !important; } html[data-path^="/dashboard"] [data-dashboard-header="1"] > [data-dashboard-header-actions="1"], body[data-path^="/dashboard"] [data-dashboard-header="1"] > [data-dashboard-header-actions="1"] { display: flex; align-items: center; gap: 1rem; flex-shrink: 0; } html[data-path^="/dashboard"] [data-dashboard-header="1"] > [data-dashboard-header-settings="1"], body[data-path^="/dashboard"] [data-dashboard-header="1"] > [data-dashboard-header-settings="1"] { display: flex; align-items: center; justify-content: flex-end; flex-shrink: 0; margin-left: 0.75rem; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main .glass, html[data-path^="/dashboard"] [data-gemini-shell="1"] > main .glass-panel, html[data-path^="/dashboard"] [data-gemini-shell="1"] > main section, html[data-path^="/dashboard"] [data-gemini-shell="1"] > main article, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main .glass, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main .glass-panel, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main section, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main article { min-width: 0 !important; max-width: 100% !important; } /* Mobile layout hardening */ @media (max-width: 1024px) { html[data-path^="/dashboard"] [data-gemini-shell="1"], body[data-path^="/dashboard"] [data-gemini-shell="1"] { display: block !important; width: 100% !important; min-height: 100vh !important; overflow-x: hidden !important; position: relative !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > aside, body[data-path^="/dashboard"] [data-gemini-shell="1"] > aside { width: min(86vw, 340px) !important; height: 100vh !important; max-width: 100% !important; border-right: 1px solid rgba(148, 163, 184, 0.28) !important; border-left: 0 !important; border-bottom: 0 !important; position: fixed !important; inset: 0 auto 0 0 !important; z-index: 90 !important; overflow-y: auto !important; transform: translateX(-108%) !important; transition: transform 180ms ease-out !important; } html[data-mobile-nav="open"][data-path^="/dashboard"] [data-gemini-shell="1"] > aside, body[data-mobile-nav="open"][data-path^="/dashboard"] [data-gemini-shell="1"] > aside { transform: translateX(0) !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > aside .p-6, body[data-path^="/dashboard"] [data-gemini-shell="1"] > aside .p-6 { padding: 1rem !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > aside nav.space-y-1, body[data-path^="/dashboard"] [data-gemini-shell="1"] > aside nav.space-y-1 { display: grid !important; grid-template-columns: 1fr !important; gap: 0.45rem !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > aside nav.space-y-1>a, body[data-path^="/dashboard"] [data-gemini-shell="1"] > aside nav.space-y-1>a { padding: 0.65rem 0.75rem !important; font-size: 0.85rem !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > aside .mt-auto, body[data-path^="/dashboard"] [data-gemini-shell="1"] > aside .mt-auto { display: none !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main { width: 100% !important; max-width: 100% !important; min-height: 100vh !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header { height: auto !important; min-height: 72px !important; padding: calc(env(safe-area-inset-top, 0px) + 0.8rem) 0.9rem 0.8rem 0.9rem !important; column-gap: 0.6rem !important; row-gap: 0.65rem !important; overflow-x: hidden !important; display: grid !important; grid-template-columns: auto minmax(0, 1fr) auto !important; grid-template-areas: "toggle title settings" "actions actions actions" !important; align-items: center !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > .absolute, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > .absolute { display: none !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-title="1"], body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-title="1"] { grid-area: title !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; padding-right: 0.25rem !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-actions="1"], body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-actions="1"] { grid-area: actions !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; flex-wrap: wrap !important; gap: 0.5rem !important; min-width: 0 !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-actions="1"][data-mobile-hidden="1"], body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-actions="1"][data-mobile-hidden="1"] { display: none !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-actions="1"]>*, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-actions="1"]>* { max-width: 100% !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-settings="1"], body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header > [data-dashboard-header-settings="1"] { grid-area: settings !important; margin-left: 0 !important; justify-self: end !important; align-self: start !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main .p-10, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main .p-10 { padding: 1rem !important; max-width: 100% !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main .grid.lg\:grid-cols-3, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main .grid.lg\:grid-cols-3, html[data-path^="/dashboard"] [data-gemini-shell="1"] > main .grid.md\:grid-cols-2, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main .grid.md\:grid-cols-2 { grid-template-columns: 1fr !important; max-width: 100% !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main>*, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main>* { max-width: 100% !important; } html[data-path^="/dashboard"] .dashboard-mobile-nav-overlay, body[data-path^="/dashboard"] .dashboard-mobile-nav-overlay { position: fixed !important; inset: 0 !important; background: rgba(2, 6, 23, 0.42) !important; z-index: 80 !important; opacity: 0 !important; pointer-events: none !important; transition: opacity 160ms ease-out !important; } html[data-mobile-nav="open"][data-path^="/dashboard"] .dashboard-mobile-nav-overlay, body[data-mobile-nav="open"][data-path^="/dashboard"] .dashboard-mobile-nav-overlay { opacity: 1 !important; pointer-events: auto !important; } html[data-path^="/dashboard"] [data-mobile-nav-toggle="1"], body[data-path^="/dashboard"] [data-mobile-nav-toggle="1"] { display: inline-flex !important; grid-area: toggle !important; position: static !important; top: auto !important; left: auto !important; right: auto !important; z-index: auto !important; margin-right: 0 !important; width: 2.75rem !important; height: 2.75rem !important; } html[data-path^="/dashboard"] #dashboard-settings-menu, body[data-path^="/dashboard"] #dashboard-settings-menu { position: static !important; top: auto !important; left: auto !important; right: auto !important; z-index: auto !important; margin-left: 0 !important; } html[data-path^="/dashboard"] #dashboard-settings-menu [data-settings-toggle="1"] span, body[data-path^="/dashboard"] #dashboard-settings-menu [data-settings-toggle="1"] span { display: none !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header a[href="/employers/talent/"], body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header a[href="/employers/talent/"] { display: none !important; } html[data-path="/onboarding"] .container.max-w-4xl, body[data-path="/onboarding"] .container.max-w-4xl { max-width: 100% !important; grid-template-columns: 1fr !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; } html[data-path="/onboarding"] .grid.lg\:grid-cols-2, body[data-path="/onboarding"] .grid.lg\:grid-cols-2 { grid-template-columns: 1fr !important; gap: 1rem !important; } html[data-path="/onboarding"] .glass-panel, body[data-path="/onboarding"] .glass-panel { max-width: 100% !important; padding: 1rem !important; } } @media (max-width: 768px) { html[data-path^="/dashboard"] [data-gemini-shell="1"] > main .p-4.md\:p-6, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main .p-4.md\:p-6 { padding: 0.75rem !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main .p-6.md\:p-10, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main .p-6.md\:p-10 { padding: 0.9rem !important; } html[data-path^="/dashboard/chat"] [data-gemini-shell="1"] .max-w-4xl, body[data-path^="/dashboard/chat"] [data-gemini-shell="1"] .max-w-4xl { max-width: 100% !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header h1, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header h1 { font-size: 0.98rem !important; line-height: 1.25 !important; word-break: break-word !important; } html[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header p, body[data-path^="/dashboard"] [data-gemini-shell="1"] > main > header p { font-size: 0.9rem !important; line-height: 1.35 !important; } html[data-path="/dashboard/chat"] [data-gemini-shell="1"] > main > header > .flex.items-center.gap-2, body[data-path="/dashboard/chat"] [data-gemini-shell="1"] > main > header > .flex.items-center.gap-2 { display: none !important; } html[data-path^="/dashboard/chat"] [data-gemini-shell="1"] .chat-user-bubble, html[data-path^="/dashboard/chat"] [data-gemini-shell="1"] .chat-ai-bubble, body[data-path^="/dashboard/chat"] [data-gemini-shell="1"] .chat-user-bubble, body[data-path^="/dashboard/chat"] [data-gemini-shell="1"] .chat-ai-bubble { max-width: calc(100vw - 4rem) !important; overflow-wrap: anywhere !important; word-break: break-word !important; } html[data-path^="/dashboard/chat"] [data-gemini-shell="1"] pre, body[data-path^="/dashboard/chat"] [data-gemini-shell="1"] pre { white-space: pre-wrap !important; word-break: break-word !important; overflow-x: auto !important; } html[data-path="/dashboard"] [data-dashboard-home-content="1"], body[data-path="/dashboard"] [data-dashboard-home-content="1"] { padding: 0.85rem !important; padding-bottom: 6rem !important; } html[data-path="/dashboard"] [data-dashboard-home-grid="1"], body[data-path="/dashboard"] [data-dashboard-home-grid="1"] { gap: 1rem !important; } html[data-path="/dashboard"] [data-dashboard-home-primary="1"] > [data-dashboard-home-section], body[data-path="/dashboard"] [data-dashboard-home-primary="1"] > [data-dashboard-home-section], html[data-path="/dashboard"] [data-dashboard-home-secondary="1"] > [data-dashboard-home-section], body[data-path="/dashboard"] [data-dashboard-home-secondary="1"] > [data-dashboard-home-section] { margin-top: 0 !important; } html[data-path="/dashboard"] [data-dashboard-home-primary="1"] > [data-dashboard-home-section] + [data-dashboard-home-section], body[data-path="/dashboard"] [data-dashboard-home-primary="1"] > [data-dashboard-home-section] + [data-dashboard-home-section], html[data-path="/dashboard"] [data-dashboard-home-secondary="1"] > [data-dashboard-home-section] + [data-dashboard-home-section], body[data-path="/dashboard"] [data-dashboard-home-secondary="1"] > [data-dashboard-home-section] + [data-dashboard-home-section] { margin-top: 1rem !important; } html[data-path="/dashboard"] [data-dashboard-home-hero="1"], body[data-path="/dashboard"] [data-dashboard-home-hero="1"] { padding: 1rem !important; margin-bottom: 1rem !important; gap: 0.85rem !important; align-items: stretch !important; } html[data-path="/dashboard"] [data-dashboard-home-hero-copy="1"], body[data-path="/dashboard"] [data-dashboard-home-hero-copy="1"] { align-items: flex-start !important; gap: 0.75rem !important; } html[data-path="/dashboard"] [data-dashboard-home-hero-copy="1"] > div:last-child, body[data-path="/dashboard"] [data-dashboard-home-hero-copy="1"] > div:last-child { min-width: 0 !important; } html[data-path="/dashboard"] [data-dashboard-home-hero="1"] h3, body[data-path="/dashboard"] [data-dashboard-home-hero="1"] h3 { font-size: 0.94rem !important; line-height: 1.35 !important; display: -webkit-box !important; -webkit-line-clamp: 3 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } html[data-path="/dashboard"] [data-dashboard-home-hero="1"] p, body[data-path="/dashboard"] [data-dashboard-home-hero="1"] p { line-height: 1.4 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } html[data-path="/dashboard"] [data-dashboard-home-hero-cta="1"], body[data-path="/dashboard"] [data-dashboard-home-hero-cta="1"] { width: 100% !important; justify-content: center !important; padding-top: 0.8rem !important; padding-bottom: 0.8rem !important; } html[data-path="/dashboard"] [data-dashboard-home-card-grid="1"], body[data-path="/dashboard"] [data-dashboard-home-card-grid="1"] { gap: 0.75rem !important; } html[data-path="/dashboard"] [data-dashboard-home-card="1"], body[data-path="/dashboard"] [data-dashboard-home-card="1"], html[data-path="/dashboard"] [data-dashboard-home-preview-card="social"], body[data-path="/dashboard"] [data-dashboard-home-preview-card="social"], html[data-path="/dashboard"] [data-dashboard-home-skills="1"], body[data-path="/dashboard"] [data-dashboard-home-skills="1"], html[data-path="/dashboard"] [data-dashboard-home-news-card="1"], body[data-path="/dashboard"] [data-dashboard-home-news-card="1"] { padding: 0.95rem !important; } html[data-path="/dashboard"] [data-dashboard-home-preview-card="social"] p, body[data-path="/dashboard"] [data-dashboard-home-preview-card="social"] p { margin-bottom: 0.75rem !important; line-height: 1.45 !important; display: -webkit-box !important; -webkit-line-clamp: 4 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } html[data-path="/dashboard"] [data-dashboard-home-news-list="1"] > [data-dashboard-home-news-card="1"] + [data-dashboard-home-news-card="1"], body[data-path="/dashboard"] [data-dashboard-home-news-list="1"] > [data-dashboard-home-news-card="1"] + [data-dashboard-home-news-card="1"] { margin-top: 0.65rem !important; } html[data-path="/dashboard"] [data-dashboard-home-news-card="1"], body[data-path="/dashboard"] [data-dashboard-home-news-card="1"] { gap: 0.65rem !important; } :root[data-theme="light"] body[data-path="/dashboard/social"] .runtime-social-card, :root[data-theme="light"] body[data-path="/dashboard/social"] .runtime-social-shell { background: #ffffff !important; border-color: rgba(148, 163, 184, 0.35) !important; } :root[data-theme="light"] body[data-path="/dashboard/social"] .runtime-social-card-linkedin { background: rgba(10, 102, 194, 0.08) !important; } :root[data-theme="light"] body[data-path="/dashboard/social"] .runtime-social-card-x { background: rgba(15, 23, 42, 0.05) !important; } :root[data-theme="light"] body[data-path="/dashboard/social"] .runtime-social-draft-input { background: #ffffff !important; border-color: rgba(148, 163, 184, 0.4) !important; color: #0f172a !important; } html[data-path="/dashboard/social"] .runtime-social-shell, body[data-path="/dashboard/social"] .runtime-social-shell, html[data-path="/dashboard/social"] [data-social-card], body[data-path="/dashboard/social"] [data-social-card] { padding: 0.95rem !important; } html[data-path="/dashboard/social"] .runtime-social-shell > .grid, body[data-path="/dashboard/social"] .runtime-social-shell > .grid { gap: 0.85rem !important; } html[data-path="/dashboard/social"] button[data-social-refresh="1"], body[data-path="/dashboard/social"] button[data-social-refresh="1"] { width: 100% !important; justify-content: center !important; } html[data-path="/dashboard/social"] .runtime-social-draft-input, body[data-path="/dashboard/social"] .runtime-social-draft-input { min-height: 7.5rem !important; } html[data-path="/dashboard/social"] .runtime-social-loading-editor, body[data-path="/dashboard/social"] .runtime-social-loading-editor { padding: 0.85rem !important; gap: 0.6rem !important; } html[data-path="/dashboard/social"] .runtime-social-action-row, body[data-path="/dashboard/social"] .runtime-social-action-row { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 0.6rem !important; margin-top: 0.75rem !important; } html[data-path="/dashboard/social"] .runtime-social-action-row > .btn, body[data-path="/dashboard/social"] .runtime-social-action-row > .btn { width: 100% !important; justify-content: center !important; } html[data-path="/dashboard/social"] .runtime-social-meta, body[data-path="/dashboard/social"] .runtime-social-meta { display: grid !important; gap: 0.25rem !important; line-height: 1.35 !important; } html[data-path="/dashboard/ai-news"] .runtime-loading-panel, body[data-path="/dashboard/ai-news"] .runtime-loading-panel { padding: 1rem !important; } html[data-path="/"], body[data-path="/"] { --landing-header-height: 4.5625rem; } html[data-path="/"] .container.nav > a, body[data-path="/"] .container.nav > a { gap: 0.5rem !important; min-width: 0 !important; } html[data-path="/"] .container.nav, body[data-path="/"] .container.nav { display: grid !important; grid-template-columns: 1fr auto !important; align-items: center !important; gap: 0.55rem !important; padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; padding-left: 0.75rem !important; padding-right: 0.75rem !important; width: 100% !important; } html[data-path="/"] .container.nav > a span, body[data-path="/"] .container.nav > a span { font-size: 1.35rem !important; line-height: 1.1 !important; max-width: 11rem !important; white-space: normal !important; } html[data-path="/"] .container.nav > nav, body[data-path="/"] .container.nav > nav { display: none !important; } html[data-path="/"] .container.nav > div.flex.gap-4, body[data-path="/"] .container.nav > div.flex.gap-4 { grid-column: auto !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 0.65rem !important; width: auto !important; min-width: auto !important; } html[data-path="/"] .container.nav .btn, body[data-path="/"] .container.nav .btn { min-width: auto !important; text-align: center !important; } html[data-path="/"] .container.nav > div.flex.gap-4 > a:first-child, body[data-path="/"] .container.nav > div.flex.gap-4 > a:first-child { background: transparent !important; border: 0 !important; box-shadow: none !important; color: #64748b !important; padding: 0 !important; width: auto !important; font-size: 0.92rem !important; } html[data-path="/"] .container.nav > div.flex.gap-4 > a:last-child, body[data-path="/"] .container.nav > div.flex.gap-4 > a:last-child { display: none !important; } html[data-path="/"] main > section.container.pt-20.pb-32.grid.lg\:grid-cols-2, body[data-path="/"] main > section.container.pt-20.pb-32.grid.lg\:grid-cols-2 { padding-top: 1.75rem !important; padding-bottom: 2.75rem !important; gap: 1.5rem !important; } html[data-path="/"] #how-it-works, body[data-path="/"] #how-it-works { padding-top: 3.5rem !important; padding-bottom: 3.5rem !important; } html[data-path="/"] main > section .flex.items-center.gap-4.text-sm.text-gray-500, body[data-path="/"] main > section .flex.items-center.gap-4.text-sm.text-gray-500 { margin-top: 0.25rem !important; } html[data-path="/"] [data-gemini-shell="1"], body[data-path="/"] [data-gemini-shell="1"] { width: 100% !important; max-width: 100vw !important; overflow-x: hidden !important; } html[data-path="/"] [data-gemini-shell="1"] section, html[data-path="/"] [data-gemini-shell="1"] article, body[data-path="/"] [data-gemini-shell="1"] section, body[data-path="/"] [data-gemini-shell="1"] article { max-width: 100% !important; min-width: 0 !important; } } /* Onboarding now uses explicit light colors — no theme overrides needed */ :root[data-theme="light"] body[data-path="/assessment"] h1, :root[data-theme="light"] body[data-path="/assessment"] h2, :root[data-theme="light"] body[data-path="/assessment"] p { color: #0f172a !important; } :root[data-theme="light"] body[data-path="/assessment"] .glass-panel { background: #ffffff !important; border-color: rgba(148, 163, 184, 0.35) !important; } :root[data-theme="light"] body[data-path="/assessment"] .glass-panel .text-emerald-400 { color: #059669 !important; } :root[data-theme="light"] body[data-path="/assessment"] .glass-panel label { color: #0f172a !important; } :root[data-theme="light"] body[data-path="/assessment"] .glass-panel span.text-gray-500, :root[data-theme="light"] body[data-path="/assessment"] .glass-panel .text-gray-500 { color: #64748b !important; } /* Runtime loading skeletons for dashboard first-load responsiveness */ .runtime-skeleton { position: relative !important; overflow: hidden !important; min-height: 120px; } .runtime-skeleton > * { opacity: 0 !important; } .runtime-skeleton::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, rgba(148, 163, 184, 0.12) 8%, rgba(148, 163, 184, 0.22) 18%, rgba(148, 163, 184, 0.12) 33%); background-size: 220% 100%; animation: runtime-shimmer 1.2s linear infinite; } @keyframes runtime-shimmer { to { background-position-x: -220%; } } /* Avatar crop modal */ .avatar-crop-backdrop { position: fixed; inset: 0; background: rgba(2, 6, 23, 0.65); z-index: 9998; } .avatar-crop-modal { position: fixed; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: min(92vw, 560px); background: #ffffff; color: #0f172a; border-radius: 16px; border: 1px solid rgba(148, 163, 184, 0.45); box-shadow: 0 20px 50px rgba(2, 6, 23, 0.35); z-index: 9999; padding: 1rem; } .avatar-crop-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.75rem; } .avatar-crop-stage { width: min(82vw, 360px); height: min(82vw, 360px); margin: 0 auto; border-radius: 14px; border: 1px solid rgba(148, 163, 184, 0.45); background: #e2e8f0; overflow: hidden; position: relative; touch-action: none; } .avatar-crop-stage img { position: absolute; top: 50%; left: 50%; transform-origin: center center; user-select: none; -webkit-user-drag: none; } .avatar-crop-controls { margin-top: 0.75rem; display: grid; gap: 0.65rem; } .avatar-crop-actions { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.75rem; } :root[data-theme="light"] [data-billing-gate="1"] [data-billing-gate-heading="1"], :root[data-theme="light"] [data-billing-gate="1"] [data-billing-gate-subcopy="1"], :root[data-theme="light"] [data-billing-gate="1"] [data-billing-gate-error="1"], .gemini-light-shell [data-billing-gate="1"] [data-billing-gate-heading="1"], .gemini-light-shell [data-billing-gate="1"] [data-billing-gate-subcopy="1"], .gemini-light-shell [data-billing-gate="1"] [data-billing-gate-error="1"] { color: #ffffff !important; } :root[data-theme="light"] [data-billing-gate="1"] [data-billing-gate-footnote="1"], .gemini-light-shell [data-billing-gate="1"] [data-billing-gate-footnote="1"] { color: #cbd5e1 !important; }