:root{font-family:Nunito,ui-rounded,system-ui,sans-serif;color:#2c2733;background:#f6efe3;font-synthesis:none;--cream: #f6efe3;--paper: #f9f3e8;--wood: #c89a6b;--terracotta: #d07a5b;--sage: #8fa98b;--honey: #e8b25c;--ink: #2c2733;--night: #17141c;--track: #ede4d6;--member-0: #d07a5b;--member-1: #8fa98b;--member-2: #e8b25c;--member-3: #708eb2;--member-4: #a983a8;--member-5: #c89a6b;--member-6: #7fa49d;--member-7: #c48b72}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream)}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh;padding-bottom:calc(94px + env(safe-area-inset-bottom))}.page{width:min(100%,720px);min-height:calc(100vh - 94px);margin:0 auto;padding:28px 22px 48px}.page-heading{padding:16px 4px 24px}.page-heading h1{margin:4px 0 8px;font-size:clamp(2rem,9vw,3.2rem);line-height:1}.page-heading p{margin:0;color:#746b78}.kicker{color:#967047;font-size:.74rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow-row{display:flex;align-items:center;gap:8px;padding:2px 4px 16px;color:#746b78;font-size:.83rem;font-weight:700}.live-dot{width:9px;height:9px;border-radius:50%;background:#b8afa5}.live-dot.is-live{background:var(--sage);box-shadow:0 0 0 5px #8fa98b26}.snapshot-card{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:34px;background:#2e2a33;box-shadow:0 24px 54px #3a33402e}.snapshot-card>img{width:100%;height:100%;object-fit:cover;display:block}.snapshot-caption{position:absolute;inset:auto 14px 14px;padding:15px 19px;border:1px solid rgb(255 255 255 / 35%);border-radius:22px;color:var(--ink);background:#f9f3e8e5;backdrop-filter:blur(14px)}.snapshot-caption p{margin:0;font-size:1.05rem}.sleeping-room{position:absolute;inset:0;background:linear-gradient(145deg,#33406b 0 42%,#574a52 42%)}.window-glow{position:absolute;width:38%;height:45%;left:10%;top:11%;border:14px solid #c89a6b;background:linear-gradient(#33406b,#f0a483);opacity:.78}.sofa-shape{position:absolute;width:56%;height:28%;right:7%;bottom:19%;border-radius:55px 55px 20px 20px;background:#8fa98b}.pet-shape{position:absolute;right:22%;bottom:26%;width:80px;height:62px;border-radius:55% 55% 45% 45%;background:#f6efe3;color:#ffd9a0;text-align:center;padding-top:8px;font-weight:800}.action-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:26px 4px 10px}.action-orb{position:relative;display:grid;place-items:center;min-height:158px;padding:17px;border:0;border-radius:30px;background:var(--paper);box-shadow:0 12px 30px #3a334017;cursor:pointer}.action-orb:disabled{cursor:default;opacity:.72}.recharge-ring{position:absolute;width:112px;height:112px;transform:rotate(-90deg)}.recharge-ring circle{fill:none;stroke-width:8}.ring-track{stroke:var(--track)}.ring-fill{stroke:var(--honey);stroke-linecap:round;transition:stroke-dashoffset .5s ease}.action-orb.is-settling .recharge-ring{animation:ring-settle .56s ease-out}.action-icon{position:relative;font-size:1.8rem;color:#9b723c}.action-orb strong{position:relative;margin-top:12px}.action-orb small{position:relative;color:#746b78}.quiet-note,.notice{margin:15px 4px;color:#746b78;text-align:center}.feed-list,.member-list{list-style:none;margin:0;padding:0}.feed-list{background:var(--paper);border-radius:28px;padding:10px 20px;box-shadow:0 14px 36px #3a334014}.feed-list li{display:flex;gap:16px;align-items:center;padding:19px 2px;border-bottom:1px solid #e8ded0}.feed-list li:last-child{border-bottom:0}.feed-list time,.member-list small{display:block;margin-top:3px;color:#847b86;font-size:.78rem}.feed-mark{flex:0 0 auto;width:13px;height:13px;border-radius:50%;background:var(--honey);box-shadow:0 0 0 7px #e8b25c26}.journal-page,.tab-journal{background:var(--night)}.page-heading.light{color:var(--paper)}.page-heading.light p{color:#aaa2ae}.postcard-stack{display:grid;gap:28px}.postcard{overflow:hidden;padding:12px;border-radius:7px;color:var(--ink);background:var(--paper);box-shadow:0 22px 50px #00000052;transform:rotate(-.4deg)}.postcard:nth-child(2n){transform:rotate(.55deg)}.postcard>img{width:100%;aspect-ratio:4 / 3;display:block;object-fit:cover;border-radius:2px;background:var(--wood)}.postcard-copy{padding:18px 13px 10px}.postcard-copy p{margin:0 0 20px;font-size:1.18rem;line-height:1.45;font-weight:600}.postcard-copy footer{display:flex;justify-content:space-between;align-items:center;gap:14px;color:#746b78;font-size:.78rem}.postcard-copy button,.text-button{border:0;padding:5px;color:#8e643c;background:none;font-weight:800;cursor:pointer}.journal-empty{padding:48px 24px;border:1px dashed #5a5360;border-radius:25px;color:#aaa2ae;text-align:center}.settings-card{margin-bottom:18px;padding:22px;border-radius:26px;background:var(--paper);box-shadow:0 12px 32px #3a334012}.settings-card h2{margin:0 0 6px}.settings-card>p{margin:0 0 18px;color:#746b78}.settings-form{display:grid;gap:7px}.settings-form>label{color:#746b78;font-size:.75rem;font-weight:800}.settings-input-row{display:flex;gap:10px;align-items:center}.settings-input-row input{flex:1;min-width:0;border:1px solid #ded2c1;border-radius:13px;padding:12px;color:var(--ink);background:#fffaf1}.quiet-hours{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}.quiet-hours label{display:grid;gap:5px;color:#746b78;font-size:.75rem;font-weight:800}.quiet-hours input{min-width:0;border:1px solid #ded2c1;border-radius:13px;padding:10px;color:var(--ink);background:#fffaf1}.member-list li{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e8ded0}.member-list li>div{flex:1}.member-dot{flex:0 0 auto;width:15px;height:15px;border-radius:50%;background:var(--member-color)}.soft-button,.primary-button{border:0;border-radius:999px;padding:13px 19px;background:#eadcc9;font-weight:800;cursor:pointer}.soft-button:disabled{opacity:.55;cursor:default}.button-pair{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.invite-qr{width:min(100%,260px);display:block;margin:18px auto 0;border-radius:10px}.leave-button{display:block;margin:26px auto;border:0;background:none;color:#746b78;text-decoration:underline;cursor:pointer}.tab-bar{position:fixed;z-index:20;inset:auto 12px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);max-width:620px;margin:auto;padding:8px;border:1px solid rgb(255 255 255 / 50%);border-radius:27px;background:#f9f3e8eb;box-shadow:0 15px 40px #2c273333;backdrop-filter:blur(18px)}.tab-bar button{display:grid;place-items:center;gap:2px;min-height:58px;border:0;border-radius:20px;color:#746b78;background:transparent;font-size:.68rem;font-weight:800;cursor:pointer}.tab-bar button span{font-size:1.25rem;line-height:1}.tab-bar button.active{color:var(--ink);background:#eddfca}.onboarding{min-height:100vh;padding:24px 18px 44px;background:linear-gradient(165deg,#1b2340,#33406b 47%,#f0a483 120%)}.onboarding-art{position:relative;width:min(100%,520px);height:210px;margin:auto;overflow:hidden}.big-moon{position:absolute;width:130px;height:130px;right:15%;top:4%;border-radius:50%;background:#ffd9a0;filter:blur(1px);box-shadow:0 0 70px #ffd9a059}.room-window{position:absolute;width:68%;height:145px;left:2%;bottom:-30px;border:18px solid #c89a6b;border-radius:90px 90px 0 0;background:#1b2340bf}.onboarding-pet{position:absolute;left:40%;bottom:18px;display:grid;place-items:center;width:90px;height:74px;border-radius:52% 52% 45% 45%;color:var(--honey);background:var(--cream)}.onboarding-card{width:min(100%,520px);margin:auto;padding:28px;border-radius:34px;background:var(--paper);box-shadow:0 28px 60px #110e1659}.onboarding-card h1{margin:7px 0 9px;font-size:2.1rem;line-height:1.02}.onboarding-card>p{margin:0 0 20px;color:#746b78}.onboarding-card label{display:grid;gap:6px;margin:14px 0;font-size:.78rem;font-weight:800}.onboarding-card input{width:100%;border:1px solid #ded2c1;border-radius:15px;padding:13px 14px;color:var(--ink);background:#fffaf1;outline:none}.onboarding-card input:focus{border-color:var(--honey);box-shadow:0 0 0 4px #e8b25c2b}.onboarding-card fieldset{margin:18px 0;padding:0;border:0}.onboarding-card legend{margin-bottom:9px;font-size:.78rem;font-weight:800}.color-picker{display:flex;flex-wrap:wrap;gap:9px}.color-picker button{width:36px;height:36px;border:4px solid var(--paper);border-radius:50%;background:var(--choice);box-shadow:0 0 0 1px #ddd0bd}.color-picker button.selected{box-shadow:0 0 0 3px var(--ink)}.primary-button{width:100%;margin:6px 0 13px;padding:15px;color:#332912;background:var(--honey)}.onboarding-card>small{display:block;color:#847b86;text-align:center}.onboarding-card .weather-choice{display:flex;gap:11px;align-items:flex-start;margin:8px 0 18px;font-size:.86rem}.onboarding-card .weather-choice input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--sage)}.onboarding-card .weather-choice span{display:grid;gap:3px}.onboarding-card .weather-choice small{color:#847b86;font-weight:500;line-height:1.35}.form-error{padding:10px 12px;border-radius:12px;color:#6a4a2c!important;background:#f4dfba}.loading-room{min-height:100vh;display:grid;place-content:center;gap:14px;padding:30px;color:#f6efe3;background:#2e2a33;text-align:center}@keyframes ring-settle{0%{transform:rotate(-90deg) scale(1)}45%{transform:rotate(-90deg) scale(.94)}to{transform:rotate(-90deg) scale(1)}}@media(min-width:700px){.page{padding-top:48px}.snapshot-card{aspect-ratio:16 / 10}.tab-bar{bottom:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}