/* LGM Analytics v3 (light + theme toggle) */
:root{--bg:#f6f8fc;--panel:#ffffff;--ink:#0f172a;--muted:#475569;--line:#e2e8f0;--brand:#2563eb;--brand2:#06b6d4;--shadow:0 12px 34px rgba(15,23,42,.10);--radius:18px;--outbg:#ffffff;--outink:#0b2a6b;--card:#ffffff;--border:#e2e8f0;--text:#0f172a;--soft:#f8fafc;--lgm-yellow:#facc15;--lgm-black:#111111;}
:root[data-theme="dark"]{--bg:#0b1220;--panel:#0f172a;--ink:#e5e7eb;--muted:#9ca3af;--line:#1f2937;--brand:#38bdf8;--brand2:#a78bfa;--shadow:0 12px 34px rgba(0,0,0,.45);--outbg:#0b1220;--outink:#e5e7eb;--card:#0f172a;--border:#334155;--text:#e5e7eb;--soft:#111827;--lgm-yellow:#facc15;--lgm-black:#f8fafc;}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,var(--bg), color-mix(in srgb, var(--bg) 70%, #e8efff 30%));}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:0 auto;padding:24px 18px 44px}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(10px);background:color-mix(in srgb, var(--bg) 92%, transparent 8%);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:18px;}
.brand{display:flex;gap:14px;align-items:center;flex-shrink:0}
.logo{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#111111,#2b2b2b);display:grid;place-items:center;color:#ffffff;font-weight:900;letter-spacing:.8px;box-shadow:var(--shadow);font-size:15px;}
.brandtext .name{font-weight:950;font-size:clamp(28px,3.2vw,40px);line-height:1;letter-spacing:-0.02em;display:flex;flex-wrap:wrap;gap:8px;}
.name-lottery,.name-master{color:#111111;}
.name-guess{color:var(--lgm-yellow);}
:root[data-theme="dark"] .name-lottery,:root[data-theme="dark"] .name-master{color:var(--lgm-black);}
.brandtext .tag{font-size:12px;color:var(--muted);margin-top:6px;}
.test-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:color-mix(in srgb, var(--lgm-yellow) 28%, white 72%);border:1px solid color-mix(in srgb, var(--lgm-yellow) 55%, var(--line));color:#111111;font-weight:800;}
.nav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nav a{font-size:14px;color:var(--muted);padding:8px 10px;border-radius:999px}
.nav a:hover{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--ink)}
.nav .cta{background:var(--brand);color:white;border:0;padding:9px 12px;border-radius:12px;font-weight:800;cursor:pointer}
.nav .cta:hover{filter:brightness(.95)}
.ghost{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 12px;border-radius:12px;cursor:pointer}
.ghost:hover{color:var(--ink);border-color:color-mix(in srgb, var(--brand) 35%, var(--line))}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;margin-top:16px}
.hero-left{background:linear-gradient(135deg, color-mix(in srgb, var(--panel) 92%, white 8%), color-mix(in srgb, var(--panel) 92%, #f1f6ff 8%));border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);}
.badge{display:inline-block;background:color-mix(in srgb, var(--brand) 14%, transparent);border:1px solid color-mix(in srgb, var(--brand) 25%, var(--line));color:var(--muted);padding:6px 10px;border-radius:999px;font-size:12px;margin-bottom:12px}
.hero-left h1{margin:0 0 10px;font-size:34px;line-height:1.15}
.hero-left p{margin:0 0 16px;color:var(--muted);font-size:15px;max-width:62ch}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 16px}
.pill{font-size:12px;color:var(--ink);background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));padding:6px 10px;border-radius:999px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.primarybtn{display:inline-block;background:var(--brand);color:white;padding:11px 14px;border-radius:12px;font-weight:800;border:0;cursor:pointer}
.primarybtn:hover{filter:brightness(.95)}
.secondarybtn{display:inline-block;border:1px solid var(--line);color:var(--ink);padding:11px 14px;border-radius:12px;font-weight:800}
.secondarybtn:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--line))}
.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.metric{border:1px solid var(--line);border-radius:16px;padding:12px;background:color-mix(in srgb, var(--panel) 90%, transparent)}
.metricTop{font-size:12px;color:var(--muted);font-weight:800}
.metricVal{margin-top:6px;font-weight:900}
.hero-right{display:grid;gap:12px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);}
.card.subtle{background:color-mix(in srgb, var(--panel) 92%, transparent)}
.card-title{font-weight:900;margin-bottom:10px}
.steps{margin:0;padding-left:18px;color:var(--muted);font-size:14px}
.steps li{margin:8px 0}
.callout{margin-top:12px;padding:12px;border-radius:14px;background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));font-size:13px;color:var(--ink)}
.zones{display:grid;gap:8px}
.zone{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:10px;background:color-mix(in srgb, var(--panel) 92%, transparent)}
.zname{font-weight:900}
.zval{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;color:var(--muted)}
.small{font-size:12px}
.muted{color:var(--muted)}
.panel{margin-top:18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}
.panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-bottom:14px}
.panel-head h2{margin:0;font-size:22px}
.sub{color:var(--muted);font-size:13px}
.tabs{display:flex;gap:8px;margin-bottom:12px}
.tab{border:1px solid var(--line);background:transparent;padding:10px 12px;border-radius:12px;cursor:pointer;font-weight:900;color:var(--muted)}
.tab.active{background:color-mix(in srgb, var(--brand) 12%, transparent);color:var(--ink);border-color:color-mix(in srgb, var(--brand) 24%, var(--line))}
.tabpane{display:none}
.tabpane.active{display:block}
.gen-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb, var(--panel) 94%, transparent)}
.gen-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:10px}
.gen-title{font-weight:950;font-size:16px}
.chip{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted)}
.controls{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.controls input{flex:1;min-width:180px;padding:12px 12px;border:1px solid var(--line);border-radius:12px;font-size:16px;outline:none;background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--ink)}
.controls input:focus{border-color:color-mix(in srgb, var(--brand) 40%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent)}
.controls button{padding:12px 14px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--brand), color-mix(in srgb, var(--brand) 70%, #3b82f6 30%));color:white;font-weight:900;cursor:pointer}
.controls button:hover{filter:brightness(.96)}
.ghost2{border:1px solid var(--line);background:transparent;color:var(--muted);padding:12px 14px;border-radius:12px;cursor:pointer;font-weight:900}
.ghost2:hover{color:var(--ink);border-color:color-mix(in srgb, var(--brand) 35%, var(--line))}
.meta{color:var(--muted);font-size:12px;margin-bottom:10px;min-height:18px}
.cols3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.cols4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}
.coltitle{font-weight:900;font-size:13px;margin-bottom:6px}
.out{margin:0;padding:10px;min-height:180px;border:1px solid var(--line);border-radius:14px;background:var(--outbg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:13px;color:var(--outink)}
.note{margin-top:12px;padding:12px;border-radius:14px;background:color-mix(in srgb, var(--brand) 10%, transparent);border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));color:var(--ink);font-size:13px}
.state-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.state-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb, var(--panel) 94%, transparent)}
.state-title{font-weight:950}
.state-list{margin:10px 0 0;padding-left:18px;color:var(--muted)}
.pricing{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}
.price-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb, var(--panel) 94%, transparent)}
.price-card.subtle{background:color-mix(in srgb, var(--panel) 92%, transparent)}
.price-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.price-name{font-weight:950}
.price-val{font-weight:950;font-size:28px}
.price-list{margin:12px 0 10px;padding-left:18px;color:var(--muted)}
.divider{height:1px;background:var(--line);margin:12px 0}
.faq{border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin-bottom:10px;background:color-mix(in srgb, var(--panel) 94%, transparent)}
.faq summary{cursor:pointer;font-weight:900}
.faq p{color:var(--muted);margin:10px 0 0;font-size:14px}
.legal-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.legal-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb, var(--panel) 94%, transparent)}
.legal-title{font-weight:950;margin-bottom:6px}
.admin-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px}
.admin-card{border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb, var(--panel) 94%, transparent)}
.admin-card.subtle{background:color-mix(in srgb, var(--panel) 92%, transparent)}
.admin-title{font-weight:950;margin-bottom:6px}
textarea{width:100%;min-height:160px;border:1px solid var(--line);border-radius:14px;padding:10px;background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--ink);outline:none}
textarea:focus{border-color:color-mix(in srgb, var(--brand) 40%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent)}
.footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px;padding:10px 4px}
.footlinks{display:flex;gap:12px}
.footlinks a:hover{color:var(--ink)}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.4);display:none;align-items:center;justify-content:center;padding:16px}
.modal.show{display:flex}
.modal-card{width:min(520px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}
.modal-top{display:flex;justify-content:space-between;align-items:center}
.modal-title{font-weight:950}
.x{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:12px;padding:8px 10px;cursor:pointer}
.form{margin-top:10px;display:grid;gap:8px}
label{font-size:12px;color:var(--muted);font-weight:900}
.form input{padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb, var(--panel) 92%, transparent);color:var(--ink);outline:none}
.form input:focus{border-color:color-mix(in srgb, var(--brand) 40%, var(--line));box-shadow:0 0 0 4px color-mix(in srgb, var(--brand) 18%, transparent)}
@media (max-width:980px){.hero{grid-template-columns:1fr}.cols4{grid-template-columns:1fr 1fr}.state-grid{grid-template-columns:1fr}.pricing{grid-template-columns:1fr}.legal-grid{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}}
@media (max-width:640px){.nav{display:none}.cols3{grid-template-columns:1fr}.cols4{grid-template-columns:1fr}.mini-metrics{grid-template-columns:1fr}}


/* Output grids (premium look) */
.outgrid{
  display:grid;
  grid-template-columns: repeat(4, minmax(56px, 1fr));
  gap:10px;
  padding:10px;
  background:color-mix(in srgb, var(--panel) 92%, var(--brand) 8%);
  border:1px solid var(--line);
  border-radius:14px;
  min-height:64px;
}
.cols3 .outgrid{ grid-template-columns: repeat(2, minmax(56px, 1fr)); }
.cols4 .outgrid{ grid-template-columns: repeat(2, minmax(56px, 1fr)); }

.cols5{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
@media (max-width:980px){.cols5{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cols5{grid-template-columns:1fr}}
.cols5 .outgrid{ grid-template-columns: repeat(2, minmax(56px, 1fr)); }
.watch-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.watch-history{display:grid;gap:12px;margin-top:10px}
.watch-entry{border:1px solid var(--line);border-radius:16px;padding:14px;background:color-mix(in srgb, var(--panel) 94%, transparent)}
.watch-entry-date{font-weight:900;font-size:16px;margin-bottom:10px}
.watch-entry-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.watch-entry-label{font-weight:900;min-width:64px}
.watch-entry-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.watch-admin-btn{border:1px solid var(--line);background:transparent;color:var(--ink);padding:8px 12px;border-radius:10px;font-weight:800;cursor:pointer}
.watch-admin-btn:hover{border-color:color-mix(in srgb, var(--brand) 35%, var(--line))}
@media (max-width:640px){.watch-admin-grid{grid-template-columns:1fr}}
.numbox{
  display:flex;
  align-items:center;
  justify-content:center;
  height:44px;
  border-radius:12px;
  border:1px solid color-mix(in srgb, var(--line) 70%, var(--brand) 30%);
  background:var(--outbg);
  color:var(--outink);
  font-weight:800;
  letter-spacing:0.6px;
  font-size:20px;
  box-shadow: 0 6px 16px rgba(15,23,42,.06);
  user-select:text;
}
:root[data-theme="dark"] .numbox{
  box-shadow:none;
}

/* Admin sheets */
.sheets-view img{
  width:100%;
  max-width:100%;
  border-radius:16px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  margin:10px 0 18px;
}
.sheet-section-title{
  font-weight:800;
  margin:16px 0 6px;
}
.admin-box{ margin-top:18px; }
.admin-grid{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:14px;
  margin-top:12px;
}
.admin-col{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:16px;
  padding:12px;
  box-shadow: 0 8px 22px rgba(15,23,42,.06);
}
.admin-title{ font-weight:800; margin-bottom:8px; }
.admin-actions{ display:flex; gap:12px; align-items:center; margin-top:12px; flex-wrap:wrap; }
.admin-grid label{ display:flex; flex-direction:column; gap:6px; font-size:13px; color:var(--muted); }
.admin-grid input[type="file"], .admin-grid input[type="date"]{
  padding:10px;
  border-radius:12px;
  border:1px solid var(--line);
  background:color-mix(in srgb, var(--panel) 92%, #ffffff 8%);
  color:var(--ink);
}

/* Make generator buttons look premium */
.controls button{
  font-weight:800;
  letter-spacing:0.2px;
}


/* Daily Sheets image sizing */
#sheets .sheet-card img,
#sheets img.sheet-img,
#sheets img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 14px auto;
}

#sheets .container,
#sheets .content,
#sheets .page {
  max-width: 980px;
}

#sheets .sheet-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 14px;
  padding: 12px;
  overflow: hidden;
}

#sheets .sheet-card img {
  border-radius: 10px;
}



/* ===== Pricing cards ===== */
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;margin-top:16px;}
.plan-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;position:relative;box-shadow:0 8px 18px rgba(0,0,0,.05);}
.plan-card .plan-top{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;}
.plan-card .price{font-size:30px;font-weight:800;letter-spacing:-.02em;}
.plan-card .price span{font-size:14px;font-weight:600;color:var(--muted);margin-left:4px;}
.plan-card .plan-list{margin:10px 0 12px 18px;color:var(--text);line-height:1.35;}
.plan-card .trial{margin-top:8px;padding:10px;border-radius:12px;background:var(--soft);border:1px dashed var(--border);}
.plan-card.popular{border-color:rgba(59,130,246,.45);}
.plan-card .ribbon{position:absolute;top:12px;right:12px;background:#3b82f6;color:#fff;font-weight:700;font-size:12px;padding:6px 10px;border-radius:999px;}

/* ===== Recent hits ===== */
.recent-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:10px;}
.recent-item{background:var(--soft);border:1px solid var(--border);border-radius:12px;padding:10px;}
.recent-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.recent-sub{color:var(--muted);font-size:12px;margin-top:4px;}
.pill{display:inline-block;padding:3px 8px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:12px;color:var(--muted);}

/* ===== Watch today ===== */
.watch-box{margin-top:10px;}
.watch-grid{display:flex;flex-wrap:wrap;gap:10px;}
.watch-pill{padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--border);font-weight:800;letter-spacing:.04em;}

/* ===== Sheets gallery ===== */
.sheet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px;}
.sheet-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px;}
.sheet-title{font-weight:800;margin-bottom:8px;}
.sheet-thumb{width:100%;max-height:240px;object-fit:contain;border-radius:10px;border:1px solid var(--border);background:#fff;cursor:zoom-in;}
.sheet-actions{display:flex;justify-content:flex-end;margin-top:8px;}
.linkbtn{background:transparent;border:0;color:#2563eb;font-weight:700;cursor:pointer;}
.linkbtn:hover{text-decoration:underline;}

/* ===== Lightbox ===== */
.lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;}
.lightbox.hidden{display:none;}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);}
.lightbox-content{position:relative;max-width:min(1100px,92vw);max-height:92vh;background:var(--card);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:12px;box-shadow:0 18px 45px rgba(0,0,0,.35);}
.lightbox-content img{max-width:100%;max-height:82vh;display:block;margin:0 auto;border-radius:12px;}
.lightbox-close{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:999px;border:1px solid var(--border);background:var(--card);font-size:22px;cursor:pointer;}
.lightbox-close:hover{filter:brightness(.95);}

/* ===== Admin helpers ===== */
.admin-only{margin-top:12px;}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px;}
.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:12px;color:var(--muted);}
.form-grid input,.form-grid select{padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);}
textarea{width:100%;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);margin-top:8px;}
.form-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;}
.small{font-size:12px;}

@media (max-width:760px){.topbar{flex-direction:column;align-items:flex-start}.nav{width:100%;overflow:auto}.brandtext .name{font-size:clamp(24px,7vw,34px);}}


/* ===== Membership layout fix ===== */
#pricing .panel-head{display:block;margin-bottom:6px;}
#pricing .plan-card{height:100%;display:flex;flex-direction:column;justify-content:flex-start;}
#pricing .primarybtn{margin-top:auto;}
#pricing .muted.small{margin-top:10px;}
@media (max-width: 820px){
  .pricing-grid{grid-template-columns:1fr !important;}
}


/* ===== Login modal plan selector ===== */
.login-plan-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 12px;}
.plan-switch{
  border:1px solid var(--line,#d8deea);
  background:#fff;
  color:var(--text,#1f2b46);
  border-radius:12px;
  padding:12px 14px;
  font-weight:800;
  cursor:pointer;
}
.plan-switch.active{
  background:linear-gradient(90deg,#1e73ff,#0ea5e9);
  color:#fff;
  border-color:transparent;
  box-shadow:0 10px 24px rgba(30,115,255,.18);
}
.selected-plan-box{
  border:1px solid var(--line,#d8deea);
  background:var(--card2,#f7f9fc);
  border-radius:12px;
  padding:10px 12px;
  margin-bottom:10px;
  font-size:14px;
}
.ghostbtn{
  width:100%;
  border:1px solid var(--line,#d8deea);
  background:#fff;
  color:var(--text,#1f2b46);
  border-radius:14px;
  padding:12px 14px;
  font-weight:800;
  cursor:pointer;
  margin-top:10px;
}
.ghostbtn:hover{background:#f7f9fc;}


/* ===== MOBILE LAYOUT FIX ===== */
@media (max-width: 768px){

.topbar{flex-direction:column;align-items:flex-start;gap:10px;}
.brand{width:100%;}

.nav{width:100%;display:none;flex-direction:column;gap:10px;margin-top:10px;}
.nav.show{display:flex;}

.menu-btn{
display:inline-flex;
border:1px solid #d8deea;
background:#fff;
padding:10px 12px;
border-radius:8px;
font-size:18px;
cursor:pointer;
}

.hero h1{font-size:28px;line-height:1.2;}

.hero-actions{display:flex;flex-direction:column;gap:10px;}

.primarybtn,.secondarybtn{width:100%;}

.sheet-grid{grid-template-columns:1fr;}
.pricing-grid{grid-template-columns:1fr;}

}

/* Download button */
.downloadbtn{
background:#eef6ff;
border:1px solid #bfdbfe;
color:#1d4ed8;
border-radius:10px;
padding:8px 12px;
font-weight:800;
text-decoration:none;
display:inline-block;
margin-top:6px;
}


/* ===== STAGE 8 HEADER + MENU FIX ===== */
.login-area{
  display:inline-flex;
  align-items:center;
  gap:8px;
  flex-wrap:nowrap;
}
.member-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:46px;
  height:36px;
  padding:0 10px;
  border-radius:10px;
  font-size:12px;
  font-weight:900;
  line-height:1;
  border:1px solid transparent;
}
.member-badge.guest{
  background:#eef2ff;
  color:#334155;
  border-color:#dbe3f0;
}
.member-badge.basic{
  background:#dbeafe;
  color:#1d4ed8;
  border-color:#bfdbfe;
}
.member-badge.pro{
  background:#fef3c7;
  color:#92400e;
  border-color:#fcd34d;
}
@media (max-width: 768px){
  .login-area{
    width:100%;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .login-area .cta,
  .login-area #loginBtn{
    flex:1 1 auto;
  }
  .member-badge{
    min-width:58px;
    height:40px;
  }
}


/* Stage 9 real fixes */
.test-badge{display:none !important;}
.admin-box{display:none;}
body.admin .admin-box{display:block;}
.stage9-admin-grid{grid-template-columns: 220px 1fr 1fr 1fr; gap:18px; align-items:start;}
.upload-row{display:grid;grid-template-columns:1fr;gap:6px;margin-bottom:10px;}
.upload-row span{font-size:13px;font-weight:700;color:var(--ink);}
.upload-row input[type="file"]{width:100%;}
.sheet-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}
.downloadbtn,.pdf-download-btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:10px;font-weight:800;text-decoration:none;border:1px solid #bfdbfe;background:#eff6ff;color:#1d4ed8;}
.extra-section-title{margin-top:10px;}
@media (max-width: 980px){
  .stage9-admin-grid{grid-template-columns:1fr;}
}


/* ===== STAGE 9 ADMIN MODE ===== */
.admin-only{display:none !important;}
body.admin-unlocked .admin-only{display:block !important;}
body.admin-unlocked details.admin-only{display:block !important;}
body.admin-unlocked .admin-box.admin-only{display:block !important;}
#adminBtn.admin-on{
  background:#111827;
  color:#fff;
  border-color:#111827;
}
.sheet-actions{
  display:flex;
  gap:8px;
  justify-content:center;
  flex-wrap:wrap;
}
.downloadbtn{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1d4ed8;
  border-radius:10px;
  padding:8px 12px;
  font-weight:800;
  text-decoration:none;
  display:inline-block;
}

/* ===== STAGE 11 CLEAN ADMIN ===== */
.stage9-admin-grid{
  align-items:start;
}
.upload-row{
  margin-bottom:12px;
}
.upload-row span{
  display:block;
  margin-bottom:6px;
  font-weight:700;
}

/* ===== STAGE 12.1 ARCHIVE FIX ===== */
.archive-bar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin:0 0 14px 0;
}
.archive-btn{
  border:1px solid var(--border);
  background:var(--card);
  color:var(--text);
  border-radius:999px;
  padding:8px 12px;
  font-weight:800;
  cursor:pointer;
}
.archive-btn:hover{
  filter:brightness(.98);
}
.archive-btn.today{
  background:#fde68a;
  border-color:#f59e0b;
  color:#7c2d12;
}
.recent-card{
  border:1px solid var(--border);
  background:var(--card);
  border-radius:14px;
  padding:12px;
}
.recent-main{
  font-weight:900;
  margin-bottom:4px;
}
.recent-sub{
  color:var(--muted);
  font-weight:700;
}
.watch-group{
  margin-bottom:10px;
}
.watch-title{
  font-weight:900;
  margin-bottom:6px;
}
.watch-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--border);
  background:#ecfeff;
  color:#0f172a;
  font-weight:900;
  margin:4px 6px 4px 0;
}


/* ===== Stage 13.1 Zone + Legal Fix ===== */
.zone-extra-card{
  margin-top:14px;
  border:1px solid var(--border);
  background:var(--card);
  border-radius:16px;
  padding:14px;
}
.zone-extra-title{
  font-weight:900;
  font-size:16px;
  margin-bottom:6px;
}
.zone-line{
  font-weight:800;
  color:var(--text);
  line-height:1.8;
}
.legal-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}
.legal-card{
  border:1px solid var(--border);
  background:var(--card);
  border-radius:18px;
  padding:18px;
  min-height:100%;
  height:100%;
  box-shadow:0 10px 26px rgba(15,23,42,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
.legal-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(15,23,42,.10);
  border-color:color-mix(in srgb, var(--brand) 24%, var(--border));
  background:color-mix(in srgb, var(--card) 92%, var(--brand) 8%);
}
.legal-card p{
  margin:0;
  font-size:14px;
  line-height:1.62;
  color:var(--muted);
}
.legal-title{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:900;
  font-size:18px;
  margin-bottom:10px;
}
.legal-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:color-mix(in srgb, var(--brand) 10%, white);
  font-size:16px;
  flex:0 0 34px;
  transition:background-color .18s ease, transform .18s ease;
}
.legal-card:hover .legal-icon{
  background:color-mix(in srgb, var(--brand) 18%, white);
  transform:scale(1.04);
}
@media (max-width: 1200px){
  .legal-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 900px){
  .legal-grid{grid-template-columns:1fr;}
}


/* ===== STAGE 15 SECURE ADMIN ===== */
.owner-admin-modal.hidden{display:none;}
.owner-admin-modal{
  position:fixed; inset:0; z-index:5000;
}
.owner-admin-backdrop{
  position:absolute; inset:0; background:rgba(15,23,42,.55);
}
.owner-admin-card{
  position:relative; z-index:2; width:min(92vw,420px);
  margin:10vh auto 0; background:var(--card); color:var(--text);
  border:1px solid var(--border); border-radius:18px; padding:22px;
  box-shadow:0 30px 80px rgba(0,0,0,.25);
}
.owner-admin-close{
  position:absolute; top:10px; right:12px; width:34px; height:34px;
  border-radius:999px; border:1px solid var(--border); background:var(--card); cursor:pointer;
  font-size:22px; line-height:1;
}
.owner-admin-form label{display:flex; flex-direction:column; gap:6px; margin:12px 0;}
.owner-admin-form input{
  padding:12px; border:1px solid var(--border); border-radius:12px; background:var(--card); color:var(--text);
}
.admin-settings-box{margin-top:16px;}


/* ===== STAGE 15.2 ADMIN SETTINGS FIX ===== */
.admin-tools-fab.hidden{display:none;}
.admin-tools-fab{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:4500;
  border:1px solid var(--border);
  background:#111827;
  color:#fff;
  border-radius:999px;
  padding:12px 16px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(0,0,0,.2);
}
body.admin-unlocked .admin-tools-fab{display:inline-flex;}


/* ===== STAGE 16 FOOTER + BLUR ===== */
.public-tip-card{
  border:1px solid var(--border);
  background:var(--card);
  border-radius:16px;
  padding:16px;
  margin-bottom:18px;
}
.public-tip-title{
  font-weight:900;
  font-size:18px;
  margin-bottom:8px;
}
.public-tip-text{
  color:var(--text);
  line-height:1.6;
  font-weight:700;
}
.public-tip-example{
  margin-top:10px;
  color:var(--muted);
  font-weight:800;
}

.lgm-footer{
  display:block;
  margin-top:28px;
  border-top:1px solid var(--border);
  background:linear-gradient(180deg,var(--soft),var(--bg));
  padding:26px 18px;
}
.footer-grid{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:20px;
}
.footer-brand{
  font-weight:950;
  font-size:22px;
  margin-bottom:8px;
}
.footer-desc{
  color:var(--muted);
  line-height:1.7;
  font-weight:700;
}
.footer-head{
  font-weight:900;
  margin-bottom:10px;
}
.footer-links{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.footer-links a{
  color:var(--text);
  font-weight:700;
}
.footer-support{
  font-weight:800;
  margin-bottom:12px;
}
.footer-youtube{
  display:inline-block;
  padding:10px 14px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-weight:900;
}
.footer-copy{
  width:100%;
  max-width:1120px;
  margin:18px auto 0;
  padding-top:14px;
  border-top:1px solid var(--border);
  color:var(--muted);
  font-weight:700;
  text-align:center;
}
.footer-payment-note{
  width:100%;
  max-width:1120px;
  margin:8px auto 0;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  text-align:center;
}

.sheet-card.sheet-locked{
  position:relative;
}
.sheet-card.sheet-locked .sheet-thumb{
  filter: blur(8px);
  pointer-events:none;
}
.sheet-locked-overlay{
  position:absolute;
  inset:52px 10px 50px 10px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:14px;
  border-radius:14px;
  background:rgba(15,23,42,.35);
  color:#fff;
  font-weight:900;
}
.recent-item{
  position:relative;
}
.hit-delete-btn{
  position:absolute;
  top:10px;
  right:10px;
  border:1px solid var(--border);
  background:var(--card);
  color:var(--text);
  border-radius:999px;
  padding:6px 10px;
  cursor:pointer;
  font-weight:800;
}

@media (max-width: 900px){
  .footer-grid{grid-template-columns:1fr;}
}


/* ===== STAGE 19 MEMBER + ADMIN FIX ===== */
.member-badge.hidden{
  display:none !important;
}


/* ===== STAGE 21 MEMBER LOGIN MODAL FIX ===== */
#loginModal{z-index:9999;align-items:center;justify-content:center;overflow:auto;-webkit-overflow-scrolling:touch;}
#loginModal .modal-card{position:relative;width:min(520px,100%);max-height:min(90vh,820px);overflow:auto;padding:18px 16px 16px;}
#loginModal .modal-top{position:sticky;top:0;z-index:2;background:var(--panel);padding-bottom:8px;margin-bottom:4px;}
#closeLogin{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;padding:0;border-radius:12px;font-size:22px;font-weight:900;line-height:1;color:var(--ink);background:var(--panel);border:1px solid var(--line);box-shadow:0 2px 8px rgba(0,0,0,.06);}
#closeLogin:hover{filter:brightness(.98);}
@media (max-width:768px){
  #loginModal{align-items:flex-start;padding:12px;}
  #loginModal .modal-card{margin:12px auto;width:min(100%,480px);max-height:calc(100vh - 24px);padding:14px;}
  #loginModal .modal-title{font-size:18px;padding-right:8px;}
  #loginModal .form{gap:10px;}
  #loginModal .primarybtn,#loginModal .ghostbtn{min-height:48px;}
}


.pro-upgrade-box{
  margin:20px auto;
  padding:18px;
  max-width:520px;
  text-align:center;
  border-radius:10px;
  background:#1a1a1a;
  border:1px solid #333;
}

.pro-upgrade-box h3{
  margin-bottom:8px;
}

.upgrade-pro-btn{
  margin-top:10px;
  padding:10px 18px;
  border-radius:6px;
  border:none;
  background:#f2b705;
  cursor:pointer;
}


/* ===== STAGE 21.1 PRICING POLISH ===== */
#pricing .panel-head{display:block;margin-bottom:10px;}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch;margin-top:18px;}
.plan-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid #dbe3f0;border-radius:22px;background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%);box-shadow:0 10px 30px rgba(15,23,42,.05);transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;overflow:hidden;}
.plan-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,23,42,.10);border-color:#c7d7f5;}
.plan-card.basic-plan{background:linear-gradient(180deg,#ffffff 0%,#f9fbff 100%);}
.plan-card.popular{border:1.5px solid #f5c14b;background:linear-gradient(180deg,#fffdf7 0%,#fff7db 100%);box-shadow:0 14px 34px rgba(245,193,75,.18);}
.plan-card.popular:hover{box-shadow:0 18px 42px rgba(245,193,75,.24);}
.plan-top h3{margin:0;font-size:30px;line-height:1.05;}
.plan-kicker{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;background:#eef4ff;color:#31558f;font-size:12px;font-weight:800;letter-spacing:.01em;}
.plan-kicker.pro-kicker{background:#fff1bf;color:#8a5a00;}
.price{display:flex;align-items:flex-end;gap:6px;font-size:48px;font-weight:900;line-height:1;color:#0f172a;margin-top:2px;}
.price span{font-size:18px;font-weight:800;color:#64748b;margin-bottom:5px;}
.plan-chips{display:flex;flex-wrap:wrap;gap:8px;}
.plan-chip{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;background:#eef6ff;border:1px solid #d7e8ff;color:#1e3a8a;font-size:12px;font-weight:800;}
.plan-chip.muted-chip{background:#f8fafc;border-color:#e2e8f0;color:#475569;}
.plan-chip.pro-chip{background:#fff1bf;border-color:#f5c14b;color:#8a5a00;}
.plan-list{margin:0;padding:4px 0 0 22px;display:grid;gap:10px;}
.plan-list li{color:#0f172a;font-weight:600;}
.trial{margin-top:auto;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.72);border:1px solid #e6edf7;font-weight:700;color:#334155;}
.plan-card.popular .trial{background:rgba(255,252,240,.9);border-color:#f5df96;}
#pricing .primarybtn{margin-top:4px;min-height:50px;font-size:16px;box-shadow:0 10px 20px rgba(37,99,235,.16);}
#pricing .popular .primarybtn{background:linear-gradient(90deg,#1d4ed8 0%,#2563eb 60%,#1e40af 100%);}
#pricing .muted.small{margin-top:2px;}
.pricing-note{margin-top:16px;}
.ribbon{position:absolute;top:16px;right:16px;background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 100%);color:#fff;font-weight:900;border:none;border-radius:999px;padding:9px 14px;font-size:12px;box-shadow:0 8px 16px rgba(37,99,235,.22);}
@media (max-width: 980px){
  .pricing-grid{grid-template-columns:1fr !important;gap:16px;}
  .plan-card{padding:20px;}
  .plan-top h3{font-size:26px;}
  .price{font-size:40px;}
}


/* ===== STAGE 22 MOBILE SPACING IMPROVEMENTS ===== */
@media (max-width:768px){
  .wrap{padding:18px 14px 34px;}
  .topbar{padding:14px 16px;gap:12px;}
  .hero{gap:14px;margin-top:14px;}
  .hero-left,.card,.panel,.gen-card,.price-card,.plan-card,.legal-card,.admin-col{padding:16px;}
  .panel{margin-top:16px;}
  .panel-head{gap:8px;margin-bottom:12px;}
  .panel-head h2{font-size:20px;}
  .sub{font-size:12px;line-height:1.5;}
  .mini-metrics{gap:12px;}
  .metric{padding:12px;}
  .controls{gap:8px;}
  .controls input,.controls button,.ghost2,.primarybtn,.secondarybtn,.ghostbtn{min-height:48px;}
  .pricing-grid{gap:16px !important;}
  .plan-card{gap:12px;padding:18px;}
  .plan-top h3{font-size:24px;}
  .price{font-size:36px;}
  .plan-list{gap:8px;}
  .plan-chip{padding:7px 10px;}
  .trial{padding:12px;}
  .legal-grid{gap:14px !important;}
  .legal-card{padding:16px;}
  .legal-title{font-size:17px;margin-bottom:8px;}
  .faq{padding:12px;}
  .footer-grid{gap:16px;}
  .footer-copy{margin-top:14px;padding-top:12px;}
  .footer-payment-note{margin-top:8px;padding-bottom:4px;}
}


/* ===== STAGE 23 HOVER ANIMATIONS ===== */
.pricing-card, .legal-card, .plan-card, .price-card, .card, .panel {
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
}

.legal-card:hover, .price-card:hover, .card:hover, .panel:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(15,23,42,.10);
}

button, .primarybtn, .secondarybtn, .ghostbtn, .ghost2, .upgrade-pro-btn {
  transition: transform .2s ease, filter .2s ease, box-shadow .2s ease, background-color .2s ease;
}

button:hover, .primarybtn:hover, .secondarybtn:hover, .ghostbtn:hover, .ghost2:hover, .upgrade-pro-btn:hover {
  transform: translateY(-2px);
  filter: brightness(1.05);
}

@media (hover:none){
  .legal-card:hover, .price-card:hover, .card:hover, .panel:hover,
  button:hover, .primarybtn:hover, .secondarybtn:hover, .ghostbtn:hover, .ghost2:hover, .upgrade-pro-btn:hover {
    transform: none;
    filter: none;
  }
}


/* ===== STAGE 24 HEADER POLISH ===== */
.topbar{
  padding:16px 24px;
  gap:20px;
}
.brand{
  gap:16px;
}
.brandtext .tag{
  margin-top:7px;
}
.nav{
  gap:12px;
}
.nav a{
  padding:9px 12px;
}
.login-area{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.login-area .cta,
.login-area #loginBtn{
  min-height:40px;
}
.member-badge{
  min-width:58px;
  padding:0 12px;
}
@media (max-width: 980px){
  .topbar{
    padding:15px 18px;
    gap:16px;
  }
  .nav{
    gap:10px;
  }
}
@media (max-width: 768px){
  .topbar{
    padding:14px 16px;
    gap:12px;
    align-items:stretch;
  }
  .brand{
    width:100%;
    justify-content:space-between;
    align-items:center;
  }
  .nav{
    width:100%;
    margin-top:8px;
    gap:8px;
  }
  .nav a,
  .nav .cta,
  .ghost{
    width:100%;
  }
  .login-area{
    width:100%;
    margin-left:0;
    gap:10px;
  }
  .login-area .cta,
  .login-area #loginBtn{
    min-height:46px;
  }
  .member-badge{
    min-width:68px;
    height:42px;
  }
}


/* ===== STAGE 24.1 HEADER MENU/BADGE FIX ===== */
.menu-btn{
  display:none;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid var(--line);
  background:var(--panel);
  color:var(--ink);
  border-radius:12px;
  font-size:20px;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(15,23,42,.06);
}
.topbar{
  align-items:center;
}
.nav{
  flex:1 1 auto;
  justify-content:flex-end;
  align-items:center;
}
.login-area{
  margin-left:0;
  flex-shrink:0;
}
@media (max-width: 768px){
  .topbar{
    flex-direction:column;
    align-items:stretch;
  }
  .brand{
    width:100%;
    justify-content:flex-start;
  }
  .menu-btn{
    display:inline-flex;
    align-self:flex-start;
    margin-top:2px;
  }
  .nav{
    display:none;
    width:100%;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:10px;
    margin-top:8px;
    padding-top:10px;
    border-top:1px solid var(--line);
    overflow:visible;
  }
  .nav.show{
    display:flex;
  }
  .nav a,
  .nav .ghost,
  .nav .cta,
  .login-area .cta,
  .login-area #loginBtn{
    width:100%;
  }
  .login-area{
    width:100%;
    display:flex;
    align-items:center;
    gap:10px;
  }
  .member-badge{
    min-width:72px;
    height:46px;
  }
}


.generator-teaser-card{
  margin-top:14px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg, color-mix(in srgb, var(--card) 94%, #dbeafe 6%), var(--card));
  box-shadow:var(--shadow);
}
.teaser-title{font-size:18px;font-weight:800;margin-bottom:8px;color:var(--text)}
.teaser-copy,.watch-teaser-copy{color:var(--muted);line-height:1.55;margin-bottom:12px}
.teaser-grid{display:grid;gap:10px;margin:14px 0}
.teaser-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.teaser-label{font-weight:800;color:var(--text)}
.teaser-mask{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:120px;padding:8px 14px;border-radius:999px;
  background:#eaf7f7;border:1px solid #d8ecec;font-weight:800;letter-spacing:.18em;color:#22303a;
}
.teaser-note{font-size:13px;color:var(--muted);margin-bottom:12px}
.teaser-actions{display:flex;gap:10px;flex-wrap:wrap}
.watch-teaser-entry{border-style:dashed}
.watch-pill-teaser{min-width:120px;justify-content:center;letter-spacing:.16em}


.hero-register-link{display:inline-flex;align-items:center;justify-content:center}
.register-wrap{max-width:520px;margin:48px auto;padding:24px}
.register-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}
.register-card h1{margin:0 0 8px;font-size:30px}
.register-card p{color:var(--muted);line-height:1.6}
.register-form{display:grid;gap:12px;margin-top:18px}
.register-form input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--text)}
.register-help{font-size:13px;color:var(--muted);margin-top:12px}
.generator-teaser-card,
.watch-teaser-entry{
  max-width:560px;
  margin-left:auto;
  margin-right:auto;
}
.teaser-mask,
.watch-pill-teaser{
  letter-spacing:.28em !important;
  font-weight:900 !important;
  filter:blur(0.8px);
  opacity:.92;
}
.teaser-note,
.watch-teaser-copy{
  font-size:13px;
}
.teaser-actions .primarybtn{
  min-width:220px;
  text-align:center;
}


/* ===== STAGE 18 MOBILE-ONLY POLISH ===== */
@media (max-width: 768px){
  /* Daily Sheets mobile grid */
  #sheets .sheet-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: start;
  }
  #sheets .sheet-card{
    padding: 10px !important;
    border-radius: 14px !important;
  }
  #sheets .sheet-title{
    font-size: 13px;
    line-height: 1.25;
    margin-bottom: 8px;
  }
  #sheets .sheet-thumb{
    max-height: 180px !important;
    object-fit: contain;
    margin: 0 auto !important;
  }
  #sheets .sheet-actions{
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    margin-top: 10px;
  }
  #sheets .sheet-actions .downloadbtn,
  #sheets .sheet-actions .linkbtn{
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  .sheet-card.sheet-locked .sheet-thumb{
    filter: blur(7px);
  }
  .sheet-locked-overlay{
    inset: 44px 8px 8px 8px !important;
    font-size: 12px;
    line-height: 1.35;
    padding: 10px;
  }

  /* Legal section mobile tidy layout */
  .legal-grid{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  .legal-card{
    padding: 14px !important;
    border-radius: 14px !important;
  }
  .legal-title{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    margin-bottom: 8px;
  }
  #legal .muted,
  .legal-card p{
    font-size: 13px;
    line-height: 1.55;
  }
}


/* ===== v43 final legal compact desktop fix ===== */
#legal .legal-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:start !important;
}
#legal .legal-card{
  height:auto !important;
  min-height:0 !important;
  align-self:start !important;
  display:block !important;
  padding:16px !important;
  border-radius:18px !important;
}
#legal .legal-card p{
  margin:0 !important;
  line-height:1.55 !important;
}
#legal .legal-title{
  margin-bottom:10px !important;
}
@media (max-width: 900px){
  #legal .legal-grid{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
}


/* ===== Stage 23 Membership Admin Manager ===== */
.membership-admin-grid{display:grid;gap:16px;margin-top:14px}
.membership-admin-search label,.membership-admin-form-grid label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:13px}
.membership-admin-search input,.membership-admin-form-grid input,.membership-admin-form-grid select{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--soft);color:var(--text)
}
.membership-admin-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:color-mix(in srgb, var(--panel) 96%, transparent)}
.membership-admin-card.hidden{display:none}
.membership-admin-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}
.membership-admin-name{font-size:20px;font-weight:900;color:var(--ink)}
.membership-admin-email{font-size:13px;color:var(--muted);margin-top:4px;word-break:break-word}
.membership-admin-badges{display:flex;gap:8px;flex-wrap:wrap}
.membership-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:var(--soft);font-size:12px;font-weight:800;color:var(--ink)}
.membership-admin-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;color:var(--ink)}
.membership-admin-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 12px}
.membership-admin-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px}
@media (max-width:760px){
  .membership-admin-meta,.membership-admin-form-grid{grid-template-columns:1fr}
}

/* ===== Stage 25 Announcement + Footer Support ===== */
.hidden-announcement{display:none;}
body.admin-unlocked .hidden-announcement.admin-only{display:block !important;}
.announcement-panel{
  margin-top:18px;
  border:1px solid rgba(37,99,235,.18);
  background:linear-gradient(180deg, rgba(37,99,235,.06), rgba(14,165,233,.03));
}
.announcement-body{
  white-space:pre-wrap;
  line-height:1.7;
  font-weight:800;
  color:var(--text);
  padding:14px 16px;
  border-radius:16px;
  background:rgba(255,255,255,.55);
  border:1px dashed rgba(37,99,235,.22);
}
body.dark .announcement-body{
  background:rgba(15,23,42,.4);
  border-color:rgba(96,165,250,.25);
}
.announcement-editor{margin-top:16px;}
.announcement-editor textarea{
  width:100%;
  margin-top:8px;
  min-height:120px;
  resize:vertical;
}
.pricing-expiry-help{
  margin-top:8px;
  line-height:1.6;
}
.footer-support-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.footer-whatsapp,
.footer-youtube{
  display:inline-block;
  padding:10px 14px;
  border-radius:999px;
  color:#fff;
  font-weight:900;
}
.footer-whatsapp{background:#16a34a;}
.footer-youtube{background:#ef4444;}
@media (max-width:760px){
  .announcement-body{padding:12px 13px;}
  .footer-support-links{gap:8px;}
}