/* Sleep Calculator — tool-specific styles */
.gst-mode{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}
.mode-btn{flex:1;min-width:170px;padding:12px 14px;border:2px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);border-radius:12px;cursor:pointer;font-weight:700;font-size:.95rem;color:var(--text,#0f172a);transition:border-color .15s,background .15s;display:flex;flex-direction:column;align-items:center;gap:2px}
.mode-btn .mode-sub{font-size:.72rem;font-weight:500;color:var(--muted,#64748b)}
.mode-btn.active{border-color:var(--primary,#4f46e5);background:var(--primary-soft,rgba(79,70,229,.08))}
.mode-btn.active,.mode-btn.active .mode-sub{color:var(--primary,#4f46e5)}
[data-theme="dark"] .mode-btn{background:#1e293b;border-color:#334155;color:#e2e8f0}
[data-theme="dark"] .mode-btn.active{border-color:#818cf8;background:rgba(129,140,248,.12)}
[data-theme="dark"] .mode-btn.active,[data-theme="dark"] .mode-btn.active .mode-sub{color:#a5b4fc}
.sl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:16px}
.sl-card{border:2px solid var(--border,#e2e8f0);border-radius:12px;padding:14px 12px;text-align:center;background:var(--card-bg,#fff)}
.sl-card.best{border-color:#10b981;background:rgba(16,185,129,.07)}
.sl-card .sl-time{font-size:1.35rem;font-weight:800;color:var(--text,#0f172a)}
.sl-card.best .sl-time{color:#047857}
.sl-card .sl-meta{font-size:.78rem;color:var(--muted,#64748b);margin-top:4px}
.sl-card .sl-badge{display:inline-block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#10b981;color:#fff;border-radius:999px;padding:2px 10px;margin-bottom:6px}
.sl-note{font-size:.85rem;color:var(--muted,#64748b);margin-top:14px}
[data-theme="dark"] .sl-card{background:#1e293b;border-color:#334155}
[data-theme="dark"] .sl-card.best{border-color:#34d399;background:rgba(16,185,129,.1)}
[data-theme="dark"] .sl-card .sl-time{color:#e2e8f0}
[data-theme="dark"] .sl-card.best .sl-time{color:#34d399}