/* Night palette: deep red-black, dim amber/red text. No white, no blue. */
*{box-sizing:border-box}
:root{color-scheme:dark;--bg:#000;--card:#0b0302;--line:#1e0805;--txt:#7a4228;--dim:#4a2416;--amber:#80401a;--red:#4a1209}
body{margin:0;background:var(--bg);color:var(--txt);font:20px/1.35 system-ui,sans-serif;-webkit-tap-highlight-color:transparent;padding-bottom:calc(70px + env(safe-area-inset-bottom))}
body.morning{--bg:#160b05;--card:#26140a;--line:#4a2a14;--txt:#e3b07a;--dim:#a07650;--amber:#d98a2b}
main{padding:14px 16px;max-width:600px;margin:auto}
header{display:flex;justify-content:space-between;align-items:center;gap:8px}
h1{margin:0;font-size:24px;color:var(--amber);font-weight:700}
button{font:inherit;font-weight:700;background:var(--card);color:var(--txt);border:2px solid var(--line);border-radius:14px;padding:10px 14px;min-height:50px}
.sm{font-size:16px;min-height:42px;padding:6px 12px;color:var(--dim)}
#mic{display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(74vw,290px);height:min(74vw,290px);margin:26px auto 10px;border-radius:50%;
 background:radial-gradient(circle at 50% 40%,#5a1a0c,#2a0a05);color:#e09a55;border:4px solid #6a2a12;font-size:34px;box-shadow:0 0 40px #3a0f0640}
#mic .ic{font-size:84px;filter:sepia(1) saturate(3) hue-rotate(-25deg) brightness(.75)}
#mic.on{background:radial-gradient(circle,#8a2410,#3a0c05);animation:breathe 2.4s ease-in-out infinite}
@keyframes breathe{50%{transform:scale(.95);box-shadow:0 0 60px #8a241050}}
#live{text-align:center;min-height:2.6em;color:var(--dim);margin:6px 8px}#live .i{opacity:.6}
#saved{text-align:center;min-height:1.6em;color:var(--amber);font-size:20px;opacity:0}
#saved.show{animation:dimfade 3s ease-in-out}
@keyframes dimfade{0%{opacity:0}25%,60%{opacity:.8}100%{opacity:0}}
details{margin:6px 0 14px;text-align:center}summary{color:var(--dim);font-size:17px;cursor:pointer;list-style:none;padding:8px}
textarea{width:100%;font:inherit;background:var(--card);color:var(--txt);border:2px solid var(--line);border-radius:14px;padding:12px;margin:6px 0}
textarea::placeholder{color:var(--dim)}
.cards{list-style:none;padding:0;margin:0}
.cards li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;margin:8px 0;display:flex;gap:10px;align-items:flex-start}
.cards li .t{flex:1}.cards li .tm{display:block;font-size:14px;color:var(--dim)}
.cards li .x{min-height:36px;padding:2px 10px;font-size:15px;color:var(--dim);border-color:transparent;background:transparent}
.done{display:block;width:100%;margin:18px 0;padding:18px;font-size:22px;color:var(--amber);background:#1f0905;border-color:#4a1a0c}
.night h2{font-size:19px;margin:22px 0 4px;color:var(--amber)}
.nt{margin:18px 0 26px}.nt h2{margin:0 0 4px;font-size:20px;color:var(--amber)}.nt .row{display:flex;gap:8px;margin:8px 0}.nt .row button{flex:1;font-size:17px;padding:8px}
.nt .row .main{flex:2;background:#4a2410;color:#f0c08a;border-color:#7a4018}
#empty{text-align:center;color:var(--dim)}
#sleep{position:fixed;inset:0;background:#000;z-index:50;display:flex;align-items:center;justify-content:center;text-align:center;color:#3a1408;animation:fade 3s}
#sleep .moon{font-size:60px;opacity:.25;filter:sepia(1) hue-rotate(-30deg)}#sleep p{font-size:24px;color:#5a2010}#sleep small{color:#2a0c05}
@keyframes fade{from{background:var(--bg)}}
#toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#3a140a;color:#f0b070;padding:12px 20px;border-radius:20px;z-index:60}
.house-ad{position:fixed;left:0;right:0;bottom:0;z-index:10;height:calc(58px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);background:#0d0403;border-top:1px solid #2a0c06;display:flex;align-items:center;gap:10px;opacity:.38;transition:opacity .5s}
body.morning .house-ad{opacity:.9;background:#1d0f07}
.house-ad a{color:#c98a5a;text-decoration:none;flex:1;font-size:16px}.house-ad b{color:#d98a2b}.house-ad small{font-size:11px;color:#6a3a22}
[hidden]{display:none!important}

/* v2: typing first, very dim */
#typeBox{display:block;font-size:22px;min-height:120px;margin-top:14px;background:#050100;color:#8a4a2a;border-color:#2a0c06;caret-color:#8a4a2a;outline:none}
#typeBox:focus{border-color:#3a1208}
.save{display:block;width:100%;font-size:26px;padding:16px;background:#1a0703;color:#8a4a24;border-color:#3a1408}
.save:active{background:#220904}
.microw{text-align:center;margin:4px 0}
#mic{display:inline-flex;flex-direction:row;gap:6px;width:auto;height:auto;margin:0;border-radius:24px;padding:6px 16px;min-height:42px;font-size:16px;background:#080201;color:var(--dim);border:1px solid var(--line);box-shadow:none}
#mic .ic{font-size:18px;filter:sepia(1) saturate(2) hue-rotate(-25deg) brightness(.45)}
#mic.on{background:#160503;animation:none;color:var(--txt)}
#live{min-height:1.2em;font-size:16px}
.done{background:#060100;color:var(--dim);border-color:var(--line);font-size:19px;padding:14px}
.cards li{color:#6a3a22}
button{color:var(--txt)}
h1{font-size:20px}
body.night .house-ad{opacity:.22;background:#000;border-top-color:#120402}
#sleep{animation:none;background:#000}#sleep p{color:#2a0c05}#sleep .moon{opacity:.12}#sleep small{color:#160502}
#toast{background:#120402;color:#7a4228}

/* Bed / Bathroom toggle */
main,.house-ad{filter:brightness(var(--b,1))}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px}
.modes button{font-size:22px;padding:14px 6px;background:#050100;color:var(--dim);border:2px solid var(--line)}
.modes button[aria-checked=true]{background:#1a0703;color:var(--txt);border-color:#4a1a0a}
#nightV{display:flex;flex-direction:column}#nightV[hidden]{display:none}
#nightV>header{order:0}.modes{order:1}#typeBox{order:2}.save{order:3}#saved{order:4}.microw{order:5}#live{order:6}#tonight{order:7}.bright{order:8}.done{order:9}
.bright{display:flex;align-items:center;gap:8px;justify-content:center;color:var(--dim);font-size:16px;margin:10px 0 0;opacity:.8}
.bright input{width:55%;accent-color:#5a2410}
/* Bathroom: brighter amber, big mic first, typing small */
body.bath.night{--bg:#0d0502;--card:#1c0b05;--line:#4a2210;--txt:#d08a50;--dim:#8a5a38;--amber:#d07a28}
body.bath .microw{order:2;margin:16px 0 4px}body.bath #live{order:3;font-size:18px}body.bath #saved{order:4}
body.bath #typeBox{order:5;min-height:56px;font-size:18px;margin-top:10px}body.bath .save{order:6;font-size:18px;padding:10px}
body.bath #mic{flex-direction:column;width:min(70vw,260px);height:min(70vw,260px);border-radius:50%;font-size:32px;padding:0;background:radial-gradient(circle at 50% 40%,#6a240e,#2e0c05);color:#e8a060;border:4px solid #7a3414}
body.bath #mic .ic{font-size:80px;filter:sepia(1) saturate(3) hue-rotate(-25deg) brightness(.8)}
body.bath #mic.on{background:radial-gradient(circle,#8a2a10,#3a0e05)}
body.bath .house-ad{opacity:.5}
body.bath #typeBox{height:60px}
#gn{white-space:pre-line}#mjoke{color:var(--dim);font-size:18px;margin:6px 0 0;font-style:italic}.empty{text-align:center;color:var(--dim);font-size:17px;margin:14px 0}
.tag{margin:2px 0 0;font-size:15px;color:var(--dim);font-style:italic}