/* An open home, one useful action, and a companion who lives outside the UI. */
:root{--bg:#f7f4ed;--ink:#272f29;--muted:#6e7d73;--amber:#42644d;--mint:#8aa05f;--panel:#fffdf7}body{min-height:100dvh;isolation:isolate}.home-atmosphere{position:fixed;inset:0;z-index:-2;background:url('assets/interior-v4.webp') center/cover no-repeat}.home-atmosphere:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fbf9f2f5 0%,#fbf9f2db 32%,#fbf9f235 64%,#fbf9f200 100%)}.studio-header{max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 5vw;position:relative;z-index:5}.studio-brand{font:800 33px Manrope;letter-spacing:-1.7px;text-decoration:none;color:#232d27}.studio-brand span{font-weight:500;color:#4e765b;margin-left:4px}.studio-header .top-actions{gap:15px}.studio-header .sample-badge{background:#fff8;border:0;font-size:12px}.studio-header .icon-button{border-radius:50%;background:#fff6}.studio-header .person-button{background:#fff9;border-radius:30px;padding:5px 12px 5px 5px}.studio-nav{position:fixed;bottom:23px;left:50%;transform:translateX(-50%);display:flex;gap:6px;border:1px solid #ffffffbe;border-radius:100px;padding:7px;background:#fffdf6ee;box-shadow:0 8px 36px #2b352f14;z-index:12;backdrop-filter:blur(16px)}.studio-nav button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 22px;border:0;background:transparent;color:#75847a;font-size:13px;border-radius:50px;white-space:nowrap}.studio-nav button[aria-current=page]{background:#d9e8de;color:#3e5b47}.studio-nav svg{width:18px;height:18px}main#main{max-width:1480px;padding:22px 7vw 110px;margin:auto;min-width:0}.page-heading{margin:15px 0 27px;max-width:630px}.page-heading .eyebrow{font-size:11px;letter-spacing:1.5px;color:#738378;margin-bottom:15px}.page-heading h1{font:600 clamp(38px,4.1vw,61px)/1.08 Manrope;letter-spacing:-2.8px;color:#262f29}.page-subtitle{font-size:15px;margin-top:17px;color:#738178}.workspace{max-width:100%;display:block}.workspace .view{width:465px;max-width:100%}body[data-screen=today] #together-panel{display:none}body[data-screen=today] .page-footer{width:465px;max-width:100%;border:0;font-size:11px;margin-top:23px;padding:0;color:#859289}.one-thing{padding:28px 29px 20px;background:#fffef9ef;border:1px solid #fffdf4;border-radius:25px;box-shadow:0 18px 65px #4b574f10;backdrop-filter:blur(8px)}.reset-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.reset-kicker{font-size:10px;letter-spacing:1.3px;color:#7b9082;font-weight:600;margin:0}.time-pill{display:flex;align-items:center;gap:5px;font-size:12px;color:#77897d;background:#e9f0ec;border-radius:30px;padding:7px 10px;white-space:nowrap}.time-pill svg{width:13px;height:13px}.one-thing h2{font:600 30px/1.18 Manrope;letter-spacing:-1.2px;margin:22px 0 14px;max-width:345px;color:#2a342d}.reset-description{font-size:14px;line-height:1.7;color:#75847a;margin:0 0 25px;max-width:345px}.start-reset{width:100%;justify-content:space-between;border-radius:16px;min-height:54px;padding:15px 20px;background:#4b6d57;box-shadow:0 5px 0 #3f5b490b;font-size:14px;color:#fff}.start-reset:hover{background:#3d5a46}.start-reset svg{width:19px}.reset-secondary{display:flex;justify-content:space-between;gap:10px;margin-top:13px}.reset-secondary .text-link{font-size:12px;color:#7b8b81}.reset-secondary svg{width:14px}.shared-moment{display:flex;gap:10px;align-items:center;width:100%;text-align:left;margin:22px 0 0;padding:0 4px;border:0;background:none;color:#707e75;font-size:12px;line-height:1.5}.shared-moment>span:last-child{margin-left:auto}.moment-stars{color:#a0a970;letter-spacing:2px;font-size:16px;white-space:nowrap}.shared-moment i{font-style:normal;padding:0 4px;opacity:.6}.day-tail{display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding:15px 4px 0;border-top:1px solid #92a0972b;gap:12px}.day-tail button{background:none;border:0;padding:6px 0;color:#75847a;font-size:11px;text-align:left}.day-tail button span{margin-left:8px}.page-footer a{text-decoration:none}.reset-clock{font:500 73px Manrope;letter-spacing:-4px;margin:27px 0 9px;font-variant-numeric:tabular-nums;color:#526b5a}.timer-note{font-size:13px;color:#7d8c82;line-height:1.6;max-width:300px}.focus-actions{display:flex;gap:10px;margin-top:24px}.focus-actions .soft-button{white-space:nowrap;font-size:12px;min-width:104px}.active-reset .text-link,.success-state .text-link,.all-clear .text-link{font-size:12px;margin-top:14px}.completion-spark{display:block;color:#9aa966;font-size:40px;margin-bottom:16px;animation:reveal .7s ease-out}.success-state h2{font-size:28px}.success-state em{font-style:normal;color:#6b8373}.success-state .reset-kicker{color:#97a367}.chore-picker{display:grid;gap:7px}.pick-chore{display:flex;justify-content:space-between;gap:15px;align-items:center;text-align:left;border:1px solid #dbe5de;border-radius:14px;padding:17px;background:#fffefa;color:#54655a;font-size:14px}.pick-chore small{display:block;margin-top:5px;color:#86978b;font-size:12px}.pick-chore b{font-weight:500}.pick-chore:disabled{opacity:.45}.studio-header .settings-trigger{display:inline-grid!important}
/* The render surface is transparent, unclipped and independent of content panels. */
#rocco-flight.companion{position:fixed;left:0;top:0;transform:translate3d(var(--flight-x,70vw),var(--flight-y,230px),0) scale(var(--flight-scale,1));transform-origin:top left;width:195px;height:230px;z-index:7;background:none;border:0;border-radius:0;display:block;padding:0;overflow:visible;pointer-events:none;transition:transform 1.15s cubic-bezier(.22,.75,.2,1)}#rocco-flight .scene{width:195px;height:230px;position:relative;background:none;border:0;border-radius:0;box-shadow:none;overflow:visible;isolation:auto;animation:rocco-hover 6s ease-in-out infinite}#rocco-flight .scene:before,#rocco-flight .scene:after,#rocco-flight .scene-caption{display:none}#rocco-flight #spirit3d{width:240px;height:240px;left:-22px;bottom:0;top:0;position:absolute;pointer-events:none}#rocco-flight #pet-zone{position:absolute;inset:17px 15px 12px;pointer-events:auto;border-radius:48%;touch-action:pan-y}#rocco-flight .scene-sound{pointer-events:auto;display:grid;background:#fffcf0a8;border:1px solid #ffffff99;width:28px;height:28px;right:-3px;bottom:30px;color:#6c8474;opacity:0;transition:opacity .2s}#rocco-flight:hover .scene-sound,#rocco-flight:focus-within .scene-sound{opacity:1}#rocco-flight .companion-message{padding:0;max-width:190px;position:absolute;top:-48px;left:-13px;opacity:0;transition:opacity .3s;pointer-events:none}#rocco-flight .companion-message:before{display:none}#rocco-flight .companion-message p{background:#fffdf3f0;border-radius:15px 15px 3px 15px;padding:10px 13px;font-size:11px;line-height:1.5;color:#6c7e72;box-shadow:0 6px 20px #3e4e440a;min-height:0;margin:0}#rocco-flight:hover .companion-message,#rocco-flight.flying .companion-message,.in-reset #rocco-flight .companion-message,.has-win #rocco-flight .companion-message{opacity:1}#rocco-flight #visit{display:none!important}#rocco-flight .room-controls{position:absolute;top:230px;left:-40px;right:-40px;pointer-events:auto;gap:7px;flex-direction:row;justify-content:center}#rocco-flight .room-controls .soft-button{background:#fffaf0dd;font-size:11px;padding:7px 11px;min-height:36px;border-radius:30px}#rocco-flight .rocco-fallback{height:80%;width:80%;left:10%;bottom:10%}.flying #spirit3d{filter:drop-shadow(0 13px 15px #66917420)}@keyframes rocco-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}body.reduce-motion #rocco-flight,body.reduce-motion #rocco-flight .scene{transition:none;animation:none}
body[data-screen=plan] .home-atmosphere:after{background:#f9f6efef}body[data-screen=plan] .page-heading{margin-bottom:30px}body[data-screen=plan] .page-heading h1,body[data-screen=rocco] .page-heading h1{font-size:42px;letter-spacing:-1.8px}body[data-screen=plan] .workspace{max-width:950px}body[data-screen=plan] .workspace .view{width:100%;background:#fffefaef;border-radius:24px;padding:27px;margin-top:23px}body[data-screen=plan] #together-panel{grid-template-columns:1fr 1fr 1.1fr}body[data-screen=plan] .team-card{display:none}body[data-screen=plan] #together-panel{grid-template-columns:1fr 1.2fr}body[data-screen=plan] .together-card{box-shadow:none;border-color:#dce4df;background:#fffcf6c9}body[data-screen=plan] .rhythm-card{background:#e0ebe4}body[data-screen=plan] .page-footer{max-width:950px}body[data-screen=rocco] .page-heading{max-width:590px}body[data-screen=rocco] #together-panel{display:none}body[data-screen=rocco] .workspace .view{width:430px}body[data-screen=rocco] .discovery{background:#fffaf0dc;backdrop-filter:blur(8px);border-color:#fff9}body[data-screen=rocco] .collection-empty{background:#fffcf8b0}body[data-screen=rocco] .page-footer{width:430px}.routine-pending{grid-column:1/-1}
@media(max-width:1000px){main#main{padding-left:5vw;padding-right:5vw}.studio-header{padding-left:5vw;padding-right:5vw}.workspace .view{width:430px}.page-heading h1{font-size:48px}.home-atmosphere{background-position:60% center}.home-atmosphere:after{background:linear-gradient(90deg,#faf8f2f5,#faf8f2bb 40%,#faf8f211 85%)}body[data-screen=plan] .workspace{max-width:calc(100% - 130px)}body[data-screen=plan] #together-panel{grid-template-columns:1fr}body[data-screen=plan] .rhythm-card{grid-column:auto}}
@media(max-width:650px){.studio-header{padding:18px 21px}.studio-brand{font-size:29px}.studio-header .top-actions{gap:4px}.studio-header .sample-badge{display:none}.studio-header .person-button{font-size:12px;padding-right:7px;gap:5px}.studio-header .person-button .avatar{height:27px;width:27px}.studio-header .icon-button{min-height:34px;min-width:34px;padding:7px}.studio-header .icon-button svg{width:17px;height:17px}.studio-header #call-rocco{display:none}main#main{padding:16px 24px 115px}.home-atmosphere{background-position:65% top;background-size:auto 100%;}.home-atmosphere:after{background:linear-gradient(180deg,#faf8f2f0 0%,#faf8f2a8 23%,#faf8f218 40%,#faf8f2e8 66%,#faf8f2 100%)}.page-heading{margin:9px 0 23px;max-width:260px;min-height:153px}.page-heading .eyebrow{font-size:10px;letter-spacing:1px;margin-bottom:11px}.page-heading h1{font-size:38px;letter-spacing:-1.7px;line-height:1.06}.page-subtitle{font-size:12px;max-width:190px;line-height:1.5;margin-top:12px}.workspace .view{width:100%;padding-top:55px}.one-thing{padding:23px 23px 17px;border-radius:24px;background:#fffdf8f2;box-shadow:0 14px 60px #5c686012}.reset-kicker{font-size:9px;letter-spacing:.9px}.time-pill{font-size:11px;padding:6px 8px}.one-thing h2{font-size:27px;letter-spacing:-1px;margin:20px 0 11px}.reset-description{font-size:13px;line-height:1.65;margin-bottom:21px}.start-reset{min-height:51px;font-size:14px;border-radius:14px}.reset-secondary .text-link{font-size:11px;min-height:28px}.reset-secondary{margin-top:11px}.shared-moment{font-size:11px;margin-top:19px;gap:8px}.moment-stars{font-size:14px;letter-spacing:0}.day-tail{margin-top:15px;padding-top:12px}.day-tail button{font-size:10px}body[data-screen=today] .page-footer{font-size:10px;margin-top:22px}.studio-nav{bottom:max(14px,env(safe-area-inset-bottom));padding:6px;gap:3px;width:calc(100% - 48px);max-width:370px;justify-content:space-between}.studio-nav button{padding:10px 14px;font-size:11px;gap:6px;min-height:43px}.studio-nav svg{width:17px;height:17px}#rocco-flight.companion{width:145px;height:155px}#rocco-flight .scene{height:155px;width:145px}#rocco-flight #spirit3d{width:175px;height:175px;left:-15px;top:-7px;bottom:auto}#rocco-flight .companion-message{top:-24px;left:-12px;max-width:144px}#rocco-flight .companion-message p{font-size:10px;padding:7px 10px}#rocco-flight .scene-sound{right:0;bottom:4px;width:26px;height:26px;opacity:.8}#rocco-flight #pet-zone{inset:5px 12px 0}#rocco-flight .room-controls{top:175px;left:-65px;right:-65px}#rocco-flight .room-controls .soft-button{font-size:10px;min-height:32px}.reset-clock{font-size:62px;margin-top:22px}.focus-actions{gap:8px}.focus-actions .soft-button{font-size:11px;min-width:95px}.timer-note{font-size:12px}.success-state h2{font-size:25px}.completion-spark{font-size:32px;margin-bottom:12px}.success-state .reset-kicker{font-size:9px}body[data-screen=plan] .page-heading,body[data-screen=rocco] .page-heading{max-width:240px;min-height:150px}body[data-screen=plan] .page-heading h1,body[data-screen=rocco] .page-heading h1{font-size:30px;letter-spacing:-1.2px}body[data-screen=plan] .workspace{max-width:100%}body[data-screen=plan] #together-panel{grid-template-columns:1fr;margin-top:10px}body[data-screen=plan] .workspace .view{padding:22px 17px;margin-top:17px}body[data-screen=plan] .rhythm-card{display:flex}body[data-screen=plan] .rhythm-card h3{font-size:15px}body[data-screen=plan] .rhythm-card .primary{font-size:12px}body[data-screen=plan] .balance-people{margin-top:12px}body[data-screen=plan] .together-card{padding:18px}.together-label{font-size:11px;min-height:0}body[data-screen=rocco] .workspace .view{padding-top:158px;width:100%}body[data-screen=rocco] .page-heading{min-height:125px}body[data-screen=rocco] .page-footer{width:100%}.page-footer{font-size:10px}.in-reset .workspace .view{padding-top:55px}.in-reset .page-heading{min-height:153px}.has-win .workspace .view{padding-top:55px}}
@media(max-width:360px){main#main{padding-left:18px;padding-right:18px}.studio-header{padding-left:18px;padding-right:18px}.page-heading h1{font-size:34px}.one-thing{padding:21px 19px 16px}.one-thing h2{font-size:25px}.shared-moment{font-size:10px}.day-tail{gap:8px}.studio-nav{width:calc(100% - 32px)}.studio-nav button{padding:10px 12px}.reset-kicker{font-size:8px}.reset-description{font-size:12px}}
@media print{.studio-header,.studio-nav,#rocco-flight,.home-atmosphere,.page-heading,.page-footer{display:none!important}main#main{padding:0}body[data-screen=plan] .workspace{max-width:none}body[data-screen=plan] .workspace .view{padding:0}}

.reset-description,.page-subtitle{color:#66736a}.reset-secondary .text-link{font-size:13px;color:#68766d}.day-tail button{font-size:12px;color:#69766e}.shared-moment{font-size:13px;color:#69766e}.timer-note{color:#66736b}.studio-nav button{font-size:14px}
@media(max-width:650px){.reset-secondary .text-link{font-size:12px}.day-tail button{font-size:11px}.shared-moment{font-size:12px}.studio-nav button{font-size:12px}#rocco-flight .companion-message{top:109px;left:-135px;max-width:170px}#rocco-flight .companion-message p{font-size:11px;background:#fffdf3f7}body[data-screen=plan] #rocco-flight .companion-message{left:-160px;top:50px}.reset-description{font-size:14px}.time-pill{font-size:12px}}

#rocco-flight.flying .scene{animation:rocco-bank 1.15s cubic-bezier(.2,.7,.2,1)}@keyframes rocco-bank{0%,100%{transform:rotate(0) translateY(0)}40%{transform:rotate(var(--bank,7deg)) translateY(-13px)}}.success-state{animation:soft-arrival .55s cubic-bezier(.2,.7,.2,1)}@keyframes soft-arrival{from{opacity:.4;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}#win-sparkles{position:fixed;inset:0;pointer-events:none;z-index:16;overflow:hidden}.win-spark{position:absolute;font-size:20px;color:#84a990;animation:win-spark 1s ease-out both;pointer-events:none}.win-spark:nth-child(3n){color:#b3be75;font-size:30px}.win-spark:nth-child(2n){color:#dcbe8a;font-size:14px}@keyframes win-spark{0%{opacity:0;transform:translate(0,0) scale(.2)}20%{opacity:1}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.8)}}

.focus-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.focus-footer .text-link{font-size:12px}.focus-footer svg{width:14px;height:14px}#rocco-flight.docked{opacity:.55;pointer-events:none}#rocco-flight.docked #pet-zone,#rocco-flight.docked .scene-sound{pointer-events:none}#rocco-flight.docked .companion-message,#rocco-flight.docked .room-controls{display:none!important}@media(max-width:650px){body[data-screen=plan] .page-heading{max-width:calc(100% - 125px)}body[data-screen=plan] #rocco-flight .companion-message{display:none}.focus-footer .text-link{font-size:11px}}