/* Shared release layer: static readable title and day/night surfaces. */
.brand h1 { display:block!important; visibility:inherit!important; opacity:1!important; animation:none!important; font-family:Arial,Helvetica,sans-serif!important; white-space:nowrap; }
.brand p { visibility:inherit!important; }
.brand { flex-shrink:0; }
.date-time { margin-left:auto; }
body[data-view="ambient"] .brand, body[data-view="ambient"] .brand * { visibility:hidden!important; }
body[data-view="resident"] .brand, body[data-view="resident"] .brand h1 { visibility:visible!important; }
.house-care { flex:0 0 32px; display:flex; justify-content:space-between; align-items:center; font-size:14px; border-top:1px solid #4b5b52; }
.house-care button,.laundry-more { color:inherit; background:none; border:1px solid #738979; border-radius:5px; font:inherit; padding:5px 9px; cursor:pointer; }
button:focus,input:focus { outline:3px solid #d69e36; outline-offset:2px; }
.laundry-actions { display:flex; justify-content:space-between; align-items:center; margin-top:7px; font-size:14px; }
.simple-laundry .laundry-note { font-size:12px; }
.tv-explanation { display:none; position:fixed; z-index:30; left:20%; right:20%; top:12%; max-height:76%; overflow:auto; padding:28px; border:2px solid #829a8e; border-radius:14px; background:#152a31; color:#e0e8df; box-shadow:0 0 0 2000px rgba(0,0,0,.65); font:18px/1.5 Arial,sans-serif; }
.tv-explanation h2 { margin-bottom:15px; color:inherit; font-size:27px; }
.tv-explanation p { margin:12px 0; }
.tv-explanation button { padding:9px 16px; font:18px Arial,sans-serif; border:1px solid #8ca193; background:#d2b267; color:#172a2b; border-radius:5px; cursor:pointer; }
.tv-explanation label { display:block; margin:10px 0; }
.tv-explanation input { width:75px; padding:6px; font:18px Arial,sans-serif; margin-left:12px; }
.resident-gag { display:none; position:absolute; left:36%; top:-8px; width:290px; height:92px; pointer-events:none; }
.resident-gag svg { width:100%; height:100%; }
body[data-view="resident"] .resident-gag { display:block; }
body[data-view="resident"] .masthead>.mine-stage { visibility:hidden; }
.gag-dragon { transform-origin:180px 40px; animation:gag-sneeze 90s infinite; }
.gag-spark { opacity:0; animation:gag-spark 90s infinite; }
.gag-dirt { opacity:0; animation:gag-dirt 90s infinite; }
.gag-caption { opacity:0; animation:gag-caption 90s infinite; }
@keyframes gag-sneeze { 0%,3%,13%,100% { transform:translate(0,0); } 5% { transform:translate(5px,-2px); } 6% { transform:translate(-6px,2px); } 7% { transform:translate(0,0); } }
@keyframes gag-spark { 0%,5%,10%,100% { opacity:0; } 6%,8% { opacity:1; } }
@keyframes gag-dirt { 0%,8%,12%,100% { opacity:0; transform:translateY(-12px); } 9% { opacity:1; } 10% { opacity:1; transform:translateY(8px); } }
@keyframes gag-caption { 0%,10%,19%,100% { opacity:0; } 11%,17% { opacity:1; } }
body[data-theme="day"] { background:#f4f0e6; color:#34483f; }
body[data-theme="day"] .night-light { opacity:0!important; }
body[data-theme="day"] .brand h1 { color:#304c41; }
body[data-theme="day"] .brand p,body[data-theme="day"] .date-time>p,body[data-theme="day"] .date-time span { color:#52675b; }
body[data-theme="day"] #clock { color:#8a6125; }
body[data-theme="day"] h2 { color:#345243; }
body[data-theme="day"] .totals { background:#315f54; }
body[data-theme="day"] .jemuran { background:#fffdf5; color:#344a41; border-color:#c6d2c0; }
body[data-theme="day"] .recommendation { background:#e3ecda; }
body[data-theme="day"] .recommendation.caution { background:#f1e2c9; }
body[data-theme="day"] .recommendation.waiting { background:#e5e7dd; }
body[data-theme="day"] #recommend-floor { color:#2e654e; }
body[data-theme="day"] #recommend-label,body[data-theme="day"] .weather-status { color:#536758; }
body[data-theme="day"] .eyebrow,body[data-theme="day"] .electric-latest strong { color:#a55b31; }
body[data-theme="day"] .electric-latest span,body[data-theme="day"] .chart-legend,body[data-theme="day"] .chart-note,body[data-theme="day"] .recent-date,body[data-theme="day"] .residents>span,body[data-theme="day"] .residents li,body[data-theme="day"] .categories,body[data-theme="day"] footer,body[data-theme="day"] #data-note { color:#536758; }
body[data-theme="day"] .recent-amount,body[data-theme="day"] .month-spend,body[data-theme="day"] #ledger-note { color:#876026; }
body[data-theme="day"] #expense-chart text { fill:#425d4b; }
body[data-theme="day"] #expense-chart text[fill="#a85c36"] { fill:#a55b31; }
body[data-theme="day"] #expense-chart line { stroke:#ced7c8; }
body[data-theme="day"] .finance-bottom,body[data-theme="day"] .residents,body[data-theme="day"] .recent,body[data-theme="day"] .house-care,body[data-theme="day"] .laundry-steps li { border-color:#c6d0bf; }
body[data-theme="day"] #quarry-sky stop:first-child { stop-color:#9fcbd0; }
body[data-theme="day"] #quarry-sky stop:last-child { stop-color:#d0ded0; }
body[data-theme="day"] .gag-caption { fill:#47624e; }
body[data-theme="day"] .tv-explanation { background:#fffaf0; color:#344a41; }
@media(max-width:1300px) { .resident-gag { left:35%; width:240px; } .house-care { font-size:12px; } }
@media(max-height:740px) { .house-care { flex-basis:29px; } .simple-laundry .recommendation { margin-top:8px; } .simple-laundry #recommend-floor { margin:5px 0; } .simple-laundry .laundry-steps li { padding:4px 0; } }
@media(prefers-reduced-motion:reduce) { .resident-gag * { animation:none!important; } }

.simple-laundry .laundry-steps span {font-size:14px;} .simple-laundry .laundry-steps li {padding:5px 0;} .simple-laundry #weather-summary {font-size:14px; margin-top:8px;} .simple-laundry .weather-status {padding-top:4px; min-height:18px;}

body[data-theme='day'] .ai-heading h2 {color:#345243;} body[data-theme='day'] .ai-heading .eyebrow {color:#53725d;}
.resident-gag .excavator-arm {animation:gag-bucket 90s infinite;} @keyframes gag-bucket {0%,7%,12%,100% {transform:rotate(0deg);} 9%,10% {transform:rotate(9deg);}}

.laundry-powered {font:14px/1.5 Arial,Helvetica,sans-serif; color:#a6bdb5; margin-top:4px;} body[data-theme="day"] .laundry-powered {color:#53725d;}

.resident-gag .comic-bubble {position:absolute; top:51px; left:-8px; width:310px; padding:6px 8px; border:2px solid #283f37; border-radius:9px; background:#f1ce78; color:#243a32; font:bold 18px/1.15 Arial,Helvetica,sans-serif; text-align:center; box-shadow:3px 3px 0 #172c28; white-space:nowrap;}
.comic-bubble::before {content:''; position:absolute; top:-9px; right:58px; width:12px; height:12px; background:#f1ce78; border-top:2px solid #283f37; border-left:2px solid #283f37; transform:rotate(45deg);}
@media(max-width:1300px) {.resident-gag .comic-bubble {left:-22px; width:286px; font-size:17px;}}

#tv-house-title {display:block!important; font:bold 29px/1.1 Arial,Helvetica,sans-serif!important; color:#eee4c9!important; letter-spacing:1px; white-space:nowrap; opacity:1!important; animation:none!important;}
body[data-theme="day"] #tv-house-title {color:#304c41!important;}
body[data-view="resident"] #tv-house-title {visibility:visible!important;}
body[data-view="ambient"] #tv-house-title {visibility:hidden!important;}
@media(min-width:1600px) and (min-height:900px) {#tv-house-title {font-size:38px!important;}}
@media(max-width:1300px) {#tv-house-title {font-size:27px!important;} .resident-gag .comic-bubble {font-size:16px;}}