:root{--bg:#fff8f4;--card:#fff;--ink:#3a3a3a;--sub:#8a8078;--accent:#ff8fab;font-family:Hiragino Maru Gothic ProN,BIZ UDGothic,Yu Gothic,sans-serif}*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);overflow:hidden}.board{flex-direction:column;gap:1.6vh;height:100vh;padding:2.2vh 2.5vw;transition:filter 1s;display:flex}.board.night{filter:brightness(.45)}.center-note{color:var(--sub);justify-content:center;align-items:center;font-size:3.2vh;display:flex}.top-band{background:var(--card);border-radius:2.4vh;align-items:center;gap:2.5vw;padding:1.8vh 2.5vw;display:flex;box-shadow:0 2px 12px #b48c781f}.date-block{flex:1}.date-line{color:var(--sub);font-size:2.8vh}.clock{letter-spacing:.02em;font-size:7.5vh;font-weight:800;line-height:1.1}.weather-block{text-align:right}.weather-main{font-size:3.6vh;font-weight:700}.weather-sub{color:var(--sub);font-size:2.2vh}.temp-max{color:#e85d75;font-weight:700}.temp-min{color:#5b8def}.area-name{margin-left:.8vw}.laundry{margin-top:.4vh;font-size:2.2vh}.character{font-size:7vh}.schedule{background:var(--card);border-radius:2.4vh;flex:1;padding:2vh 2.5vw;overflow:hidden;box-shadow:0 2px 12px #b48c781f}.schedule h2{margin-bottom:1.2vh;font-size:3vh}.schedule h3{color:var(--sub);margin-top:1.6vh;margin-bottom:.8vh;font-size:2.2vh}.schedule ul{flex-direction:column;gap:1.2vh;list-style:none;display:flex}.event-row{align-items:center;gap:1.2vw;font-size:3.2vh;display:flex}.tomorrow .event-row{opacity:.75;font-size:2.4vh}.member-chip{color:#fff;white-space:nowrap;border-radius:999px;padding:.5vh 1.2vw;font-size:2.2vh;font-weight:700}.tomorrow .member-chip{font-size:1.8vh}.event-time{min-width:9vw;font-weight:800}.event-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.no-events{height:70%;color:var(--sub);flex-direction:column;justify-content:center;align-items:center;gap:1vh;font-size:3.4vh;display:flex}.no-events-emoji{font-size:8vh}.bottom-band{gap:1.6vh;height:24vh;display:flex}.shopping,.messages{background:var(--card);border-radius:2.4vh;padding:1.6vh 1.8vw;overflow:hidden;box-shadow:0 2px 12px #b48c781f}.shopping{flex:1}.messages{flex:2}.bottom-band h3{margin-bottom:1vh;font-size:2.4vh}.bottom-band ul{flex-direction:column;gap:.8vh;list-style:none;display:flex}.shopping li{font-size:2.6vh}.messages li{align-items:baseline;gap:.8vw;font-size:2.6vh;display:flex}.msg-stamp{font-size:3vh}.msg-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.msg-from{white-space:nowrap;font-size:2vh;font-weight:700}.empty{color:var(--sub);font-size:2.2vh}.stale-dot{opacity:.7;background:#e8a33d;border-radius:50%;width:1.2vh;height:1.2vh;position:fixed;top:1vh;right:1vh}.connect{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.connect-card{background:var(--card);text-align:center;border-radius:24px;flex-direction:column;gap:16px;width:90%;max-width:480px;padding:48px;display:flex;box-shadow:0 4px 24px #b48c782e}.connect-logo{font-size:64px}.connect h1{font-size:28px}.connect p{color:var(--sub);font-size:14px;line-height:1.7}.connect input{text-align:center;border:2px solid #e8ded6;border-radius:12px;outline:none;padding:12px;font-size:22px}.connect input:focus{border-color:var(--accent)}.connect button{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:18px;font-weight:700}.connect button:disabled{opacity:.4}.board[data-theme=sakura]{--bg:#fdeff4;--accent:#f06292}.board[data-theme=mint]{--bg:#edf9f0;--accent:#4db6ac}.board[data-theme=sora]{--bg:#eef5fd;--accent:#64b5f6}.board{background:var(--bg)}.chara{width:9vh;height:9vh;position:relative}.chara-svg{width:100%;height:100%}.zzz{font-size:2.6vh;animation:3s ease-in-out infinite alternate zzz-float;position:absolute;top:-1.4vh;right:-1.6vh}@keyframes zzz-float{0%{opacity:.6;transform:translateY(0)}to{opacity:1;transform:translateY(-.8vh)}}.bob{transform-origin:50% 90%;animation:3.2s ease-in-out infinite alternate bob}@keyframes bob{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-2px)rotate(1deg)}}.sleeping .bob{animation-duration:5s}.tail-wag{transform-origin:78px 62px;animation:1.6s ease-in-out infinite alternate tail}@keyframes tail{0%{transform:rotate(-6deg)}to{transform:rotate(10deg)}}.ear-twitch{transform-origin:42px 32px;animation:4.5s ease-in-out infinite ear}@keyframes ear{0%,88%,to{transform:rotate(0)}92%{transform:rotate(-8deg)}96%{transform:rotate(4deg)}}.blink{transform-origin:50% 37px;animation:4.6s infinite blink}@keyframes blink{0%,94%,to{transform:scaleY(1)}96%,98%{transform:scaleY(.1)}}.photo-frame{background:#00000008;border-radius:1.8vh;height:82%;position:relative;overflow:hidden}.photo-frame img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.8s;position:absolute;inset:0}.photo-frame img.visible{opacity:1}.photo-note{color:#fff;text-shadow:0 1px 6px #00000080;font-size:1.8vh;position:absolute;bottom:1vh;right:1.2vw}