.theme-rain{--accent: #17c9c0;background:linear-gradient(180deg, #0e1834, #10234a);background-size:100% 100%;transition:background .8s cubic-bezier(0.2, 0.8, 0.2, 1)}.theme-rain .btn{background:linear-gradient(90deg, #17c9c0, color-mix(in srgb, #17c9c0, white 15%));background-size:200% auto;animation:pulseGradient 4s linear infinite}@keyframes pulseGradient{0%{background-position:0% center}50%{background-position:100% center}100%{background-position:0% center}}.theme-rain .btn{border-color:#14b8a6}.theme-rain .card,.theme-rain .ask-box{background:rgba(14,24,52,.82)}.theme-rain::before,.theme-rain::after{content:"";position:fixed;inset:0;pointer-events:none}.theme-rain::before{background:radial-gradient(ellipse at 20% 20%, rgba(255, 255, 255, 0.06), transparent 40%),radial-gradient(ellipse at 70% 30%, rgba(255, 255, 255, 0.05), transparent 45%),radial-gradient(ellipse at 40% 60%, rgba(255, 255, 255, 0.04), transparent 50%);animation:drift 40s linear infinite}@media(prefers-reduced-motion: reduce){.theme-rain::before{animation:none}}.theme-rain::after{background:repeating-linear-gradient(170deg, rgba(255, 255, 255, 0.08) 0 1px, transparent 1px 6px);mix-blend-mode:screen;opacity:.25;animation:fall 1.2s linear infinite}@media(prefers-reduced-motion: reduce){.theme-rain::after{animation:none;opacity:.15}}@keyframes drift{0%{transform:translateX(0)}100%{transform:translateX(-80px)}}@keyframes fall{0%{background-position:0 0}100%{background-position:0 24px}}.theme-flight{--accent: #fbbf24;background:linear-gradient(180deg, #0f214d, #142a63);background-size:100% 100%;transition:background .8s cubic-bezier(0.2, 0.8, 0.2, 1)}.theme-flight .btn{color:#000;background:linear-gradient(90deg, #fbbf24, color-mix(in srgb, #fbbf24, white 15%));background-size:200% auto;animation:pulseGradient 4s linear infinite}@keyframes pulseGradient{0%{background-position:0% center}50%{background-position:100% center}100%{background-position:0% center}}.theme-flight .btn{border-color:#f59e0b}.theme-flight .card,.theme-flight .ask-box{background:rgba(16,32,70,.84)}.theme-flight::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg, rgba(251, 191, 36, 0.1) 0 2px, transparent 2px 22px);opacity:.35;animation:stream 6s linear infinite}@keyframes stream{0%{transform:translateY(0)}100%{transform:translateY(-28px)}}.theme-finance{--accent:#22c55e;background:linear-gradient(180deg, #0e1a36, #12214a);background-size:100% 100%;transition:background .8s cubic-bezier(0.2, 0.8, 0.2, 1)}.theme-finance .btn{background:linear-gradient(90deg, #22c55e, color-mix(in srgb, #22c55e, white 15%));background-size:200% auto;animation:pulseGradient 4s linear infinite}@keyframes pulseGradient{0%{background-position:0% center}50%{background-position:100% center}100%{background-position:0% center}}.theme-finance .btn{border-color:#16a34a}.theme-finance .card,.theme-finance .ask-box{background:rgba(14,26,54,.84)}.theme-finance::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.25;background:linear-gradient(0deg, transparent, rgba(34, 197, 94, 0.15), transparent);animation:rise 3.5s ease-in-out infinite}@keyframes rise{0%,100%{transform:translateY(12px)}50%{transform:translateY(-12px)}}:root{--bg0: #0f1836;--bg1: #0f214d;--bg2: #12305f;--panel: #13214a;--panel2: #162b5a;--text: #eaf2ff;--muted: #b8c4d9;--border: #27407a;--accent: #17c9c0;--ring: rgba(23, 201, 192, 0.45)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:radial-gradient(1200px 800px at 50% -10%, rgba(23, 201, 192, 0.08), transparent 60%),linear-gradient(180deg, var(--bg1), var(--bg2) 55%, var(--bg0));color:var(--text);font-family:"Noto Sans",system-ui,"Segoe UI",Arial,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.nav{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border);background:rgba(10,18,40,.35);backdrop-filter:blur(8px)}.brand{display:flex;gap:10px;align-items:center}.logo{width:32px;height:32px;background:hsla(0,0%,100%,.95);border-radius:8px;padding:4px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.name{font-weight:800}.links a{margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;max-width:1200px;margin:22px auto;padding:0 16px}@media(max-width: 980px){.hero{grid-template-columns:1fr}}.hero-text{background:linear-gradient(180deg, var(--panel), var(--panel2));border:1px solid var(--border);border-radius:16px;padding:18px}.hero-text h1{margin:6px 0 8px}.sub{opacity:.85}.langbar{display:flex;gap:8px;align-items:center;margin:10px 0}.askbar{display:flex;gap:8px;margin-top:10px}.askbar input{flex:1;background:#152a5a;color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px}.askbar button{border:1px solid var(--border);background:#1a356e;color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer}.preview{display:grid;place-items:center;border:1px solid var(--border);border-radius:16px;background:#101b3d;min-height:260px}.mock{max-width:100%;height:auto}.grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:12px;max-width:1200px;margin:10px auto;padding:0 16px}@media(max-width: 1200px){.grid{grid-template-columns:repeat(4, 1fr)}}@media(max-width: 900px){.grid{grid-template-columns:repeat(3, 1fr)}}@media(max-width: 640px){.grid{grid-template-columns:repeat(2, 1fr)}}.card{background:#152a5a;border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px);border-color:#2d4c8c;box-shadow:0 10px 24px rgba(8,16,36,.35)}.thumb{aspect-ratio:16/9;background:#0f1a3b}.cap{padding:10px 12px}.badge{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid hsla(0,0%,100%,.15);backdrop-filter:blur(3px)}.foot{display:flex;gap:12px;justify-content:center;align-items:center;margin:28px 0;color:var(--muted)}#fxRoot{position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.65}.fx-layer{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;background-position:center;mix-blend-mode:screen;opacity:.7}.theme-rain #fxRoot{opacity:.75}.theme-flight #fxRoot{opacity:.55}.theme-finance #fxRoot{opacity:.45}@media(prefers-reduced-motion: reduce){#fxRoot{opacity:.35}}/*# sourceMappingURL=landing.css.map */

/* ---------- Base mobile adjustments ---------- */
html, body { height: 100%; }
body { margin: 0; background: var(--bg, #0f1836); color: var(--text, #eaf2ff); }

/* Safe-area padding for notch phones */
:root { --safe: env(safe-area-inset); }
@supports(padding:max(0px)) {
  body { padding-left: max(0px, env(safe-area-inset-left)); padding-right: max(0px, env(safe-area-inset-right)); }
}

/* Header/nav: make it compact and sticky for mobile */
.nav {
  position: sticky; top: 0; z-index: 1000;
  display: flex; align-items: center; justify-content: space-between;
  padding: 10px 12px; background: var(--panel, #13214a);
  border-bottom: 1px solid var(--border, #27407a);
}

/* Logo: always visible, crisp, and sized for phones */
.logo { display: block; width: 132px; height: auto; object-fit: contain; }
@media (min-width: 640px) { .logo { width: 148px; } }  /* tablet/desktop upsize */

/* Brand block (logo + name) */
.brand { display: flex; align-items: center; gap: 8px; }
.brand .name { font-weight: 800; font-size: 18px; letter-spacing: .2px; }

/* Links: bigger tap targets on mobile */
.links a, .links button {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 8px 12px; border-radius: 10px;
  color: var(--text, #eaf2ff); text-decoration: none;
}
.links a:active { opacity: .8; }

/* Ask page main container */
.wrap { max-width: 1100px; margin: 18px auto 90px; padding: 0 12px; }

/* Textarea: larger font + touch height */
.ask-box textarea {
  font-size: 17px; line-height: 1.6; min-height: 120px;
  padding: 12px; border-radius: 12px;
}

/* Generate button: large and thumb-friendly on phones */
#askBtn {
  min-width: 56px; min-height: 56px; border-radius: 14px;
  border: 1px solid var(--border, #27407a);
  background: #1a356e; color: #eef4ff;
}

/* Buttons row: stack on narrow screens */
@media (max-width: 480px) {
  .links { display: flex; gap: 8px; }
  .ask-controls { top: auto; bottom: 12px; right: 12px; }
  .save-row { flex-wrap: wrap; }
  .save-row .save-btn { flex: 1 1 48%; min-height: 44px; }
}

/* Video/audio responsive */
video, .video, audio {
  width: 100%; height: auto; border-radius: 12px;
  border: 1px solid var(--border, #27407a); background: #000;
}
.media { display: grid; gap: 10px; margin-top: 10px; }

/* Reader mode button (from earlier) stays reachable on phones */
.reader-btn { top: calc(12px + var(--safe, 0px)); left: calc(12px + var(--safe, 0px)); }

/* Improve hero/logo visibility if the background is dark */
header .brand .logo { filter: none; } /* ensure no accidental inversion */

/* AdSense ad spacing */
.ad-wrap { margin: 12px 0; }
.ad-top { margin-top: 8px; }
.ad-native { margin: 14px 0; }

/* Mobile bottom ad - desktop hidden, mobile visible */
@media(min-width:769px) { .ad-bottom-mobile { display: none; } }
@media(max-width:768px) { .ad-bottom-mobile { margin: 10px 0; } }

/* In-feed ad on landing page hero grid */
.ad-infeed { margin: 10px 0; }