/*
Theme Name: Sleep Calculator Night
Author: Generated for User
Description: Blue night themed sleep calculator WordPress theme with AdSense meta
Version: 1.1
*/
:root{
  --bg1:#0f172a;
  --bg2:#020617;
  --card:#020617;
  --text:#e5e7eb;
  --accent:#3b82f6;
}
body{font-family:Arial,Helvetica,sans-serif;background:linear-gradient(180deg,var(--bg1),var(--bg2));color:var(--text);margin:0;min-height:100vh;}
.container{max-width:720px;margin:60px auto;padding:28px;background:rgba(2,6,23,0.85);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.45);}
h1{text-align:center;font-size:34px;margin-bottom:10px;}
.mode{text-align:center;margin:25px 0}
.mode button{background:transparent;border:1px solid #334155;color:var(--text);padding:10px 14px;margin:4px;cursor:pointer;border-radius:8px;}
.mode button.active{background:var(--accent);border-color:var(--accent);}
select{padding:8px;font-size:16px;border-radius:6px;border:1px solid #334155;background:#020617;color:var(--text);}
button.calc{display:block;margin:28px auto;padding:12px 26px;font-size:16px;cursor:pointer;border:none;border-radius:10px;background:var(--accent);color:#fff;}
.results{text-align:center;margin-top:30px}
.results p{font-size:18px;margin:10px 0;background:#020617;padding:10px;border-radius:8px;}
footer{text-align:center;font-size:14px;color:#94a3b8;margin-top:40px;}