/* MesraTools Theme Engine Build 007 */
body[data-theme="mesra-light"]{--bg:#f6f9ff;--card:rgba(255,255,255,.88);--text:#172033;--muted:#667085;--line:#dfe7f3;--primary:#4f6df5;--primary2:#6f8cff}
body[data-theme="mesra-glass"]{--bg:#eef5ff;--card:rgba(255,255,255,.68);--text:#172033;--muted:#61708a;--line:rgba(200,215,235,.8);--primary:#5a67d8;--primary2:#8b9cff}
body[data-theme="mesra-minimal"]{--bg:#fbfbfc;--card:#fff;--text:#20242e;--muted:#6b7280;--line:#e5e7eb;--primary:#374151;--primary2:#4b5563}
body[data-theme="mesra-soft-glow"]{--bg:#f7f6ff;--card:rgba(255,255,255,.9);--text:#241f35;--muted:#6f6783;--line:#e7e0f5;--primary:#7c5cff;--primary2:#9a7bff}
body[data-theme="mesra-professional"]{--bg:#f4f7fb;--card:#fff;--text:#17212f;--muted:#5c6b7b;--line:#d8e1ec;--primary:#275d8c;--primary2:#3d79ad}
body[data-theme="mesra-tech"]{--bg:#f1f7ff;--card:#fff;--text:#10233c;--muted:#536a83;--line:#d9e7f5;--primary:#0b73e0;--primary2:#41a5ff}
body[data-theme="mesra-nature"]{--bg:#f3faf6;--card:#fff;--text:#183126;--muted:#5d7468;--line:#d9eadf;--primary:#2f855a;--primary2:#48bb78}
body[data-theme="mesra-festive"]{--bg:#fff8f2;--card:#fff;--text:#3a271f;--muted:#7e665b;--line:#f1dfd4;--primary:#d97706;--primary2:#f59e0b}
body[data-theme="mesra-sports"]{--bg:#f4f8f4;--card:#fff;--text:#13271a;--muted:#607066;--line:#dae6dc;--primary:#167c3d;--primary2:#2aa75a}
body[data-theme="mesra-night"]{--bg:#111827;--card:rgba(31,41,55,.92);--text:#f3f4f6;--muted:#b6bfcc;--line:#374151;--primary:#7c8cff;--primary2:#5e73ff}
body[data-theme="mesra-night"] .stat,
body[data-theme="mesra-night"] .search-row,
body[data-theme="mesra-night"] .category-card,
body[data-theme="mesra-night"] textarea,
body[data-theme="mesra-night"] input,
body[data-theme="mesra-night"] select{background:#1f2937;color:#f3f4f6;border-color:#374151}
.theme-switcher{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}
.theme-switcher select{width:auto;min-width:220px}

/* Build 026 — Context-aware tool skins */
body[data-tool-skin="sleep"]{
  --sleep-glow:rgba(124,140,255,.26);
  background:
    radial-gradient(circle at 15% 12%,rgba(124,140,255,.20),transparent 30%),
    radial-gradient(circle at 83% 8%,rgba(94,115,255,.12),transparent 27%),
    linear-gradient(180deg,#0b1020 0%,#111827 48%,#0d1425 100%);
  background-attachment:fixed;
}
body[data-tool-skin="sleep"]::before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;z-index:-1;
  background-image:radial-gradient(circle,rgba(255,255,255,.85) 0 1px,transparent 1.4px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,#000,transparent 68%);
}
body[data-tool-skin="sleep"] .site-header{background:rgba(8,13,28,.82);backdrop-filter:blur(14px)}
body[data-tool-skin="sleep"] .hero{position:relative;overflow:hidden;padding-top:44px;padding-bottom:26px}
body[data-tool-skin="sleep"] .hero::after{content:"☾";position:absolute;right:4%;top:16px;font-size:clamp(72px,12vw,150px);line-height:1;color:rgba(239,244,255,.10);transform:rotate(-12deg)}
body[data-tool-skin="sleep"] .tool-card,
body[data-tool-skin="sleep"] .content-card{box-shadow:0 18px 60px rgba(0,0,0,.24);border-color:rgba(148,163,184,.22)}
body[data-tool-skin="sleep"] .sleep-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
body[data-tool-skin="sleep"] .sleep-mode-tabs button{border:1px solid var(--line);background:rgba(31,41,55,.8);color:var(--text);border-radius:999px;padding:10px 15px;cursor:pointer}
body[data-tool-skin="sleep"] .sleep-mode-tabs button[aria-selected="true"]{background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:transparent;color:#fff}
body[data-tool-skin="sleep"] .sleep-result{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
body[data-tool-skin="sleep"] .sleep-time-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(17,24,39,.62)}
body[data-tool-skin="sleep"] .sleep-time-card.recommended{box-shadow:0 0 0 1px rgba(124,140,255,.55),0 12px 30px var(--sleep-glow)}
body[data-tool-skin="sleep"] .sleep-time{font-size:clamp(1.45rem,3vw,2.1rem);font-weight:800;letter-spacing:-.03em}
body[data-tool-skin="sleep"] .sleep-badge{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:999px;background:rgba(124,140,255,.18);font-size:.78rem;font-weight:700}
body[data-tool-skin="sleep"] .sleep-note{margin-top:14px;color:var(--muted);font-size:.92rem}
body[data-tool-skin="sleep"] .sleep-faq details{border-top:1px solid var(--line);padding:14px 0}
body[data-tool-skin="sleep"] .sleep-faq summary{cursor:pointer;font-weight:700}
body[data-tool-skin="sleep"] .content-card h2{margin-top:28px}
@media(max-width:760px){body[data-tool-skin="sleep"] .sleep-result{grid-template-columns:1fr}body[data-tool-skin="sleep"] .hero::after{right:-18px}}