:root{--background:#fff9fb;--surface:#fff;--text:#3b2a36;--muted:#7b6875;--primary:#a63864;--soft:#f5d9e3;--two:#766398;--border:#eedfe6;--reward:#faeac3;--error:#963524}*{box-sizing:border-box}html{background:#eee7eb}body{color:var(--text);background:var(--background);margin:0;font-family:ui-rounded,Trebuchet MS,Arial,sans-serif;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.75rem,8vw,2rem);line-height:1.1}h2{font-size:1.25rem}.appShell{width:100%;max-width:480px;min-height:100dvh;padding:0 22px calc(112px + env(safe-area-inset-bottom));background:var(--background);margin:auto;position:relative;box-shadow:0 0 60px #593c4b12}.topbar{justify-content:space-between;align-items:center;gap:12px;height:76px;display:flex}.brand{color:var(--text);align-items:center;gap:8px;font-size:1.2rem;font-weight:900;text-decoration:none;display:flex}.brandMark{background:var(--soft);width:34px;height:34px;color:var(--primary);border-radius:11px;place-items:center;display:grid}.quietButton,.textButton,.historyLink,.settingsOpen{text-underline-offset:3px;color:var(--muted);background:0 0;border:0;min-height:44px;padding:8px;text-decoration:underline}.homeHeading{justify-content:space-between;align-items:flex-start;gap:10px;margin-top:10px;display:flex}.homeHeading>span{color:var(--muted);text-align:right;white-space:nowrap;font-size:.8rem}.eyebrow{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin:0 0 7px;font-size:.75rem;font-weight:800}.companion{text-align:center;margin:10px 0 20px}.companion img{object-fit:contain;width:145px;height:145px}.companion p{color:var(--muted);margin:-4px 0 0;font-size:.875rem}.progressSection{background:var(--surface);border-radius:23px;padding:0 18px;box-shadow:0 3px 22px #63304908}.progressPerson{padding:17px 0}.progressPerson+.progressPerson{border-top:1px solid var(--border)}.progressTop,.stepLine{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.progressTop{margin-bottom:9px}.progressTop strong{align-items:center;gap:8px;display:flex}.progressTop>span,.stepLine>span{color:var(--muted);font-size:.8rem}.dot{background:var(--primary);border-radius:50%;width:8px;height:8px}.person2 .dot{background:var(--two)}.track{background:#f8edf2;border-radius:10px;height:8px;overflow:hidden}.track span{background:var(--primary);border-radius:inherit;height:100%;transition:width .5s;display:block}.person2 .track span{background:var(--two)}.stepLine{margin-top:8px}.stepLine b{font-variant-numeric:tabular-nums;font-size:1.15rem}.stepLine small{color:var(--muted);font-size:.75rem;font-weight:400}.nextCard{align-items:center;gap:12px;padding:17px 4px 5px;display:flex}.nextCard>span{background:var(--soft);width:40px;height:40px;color:var(--primary);border-radius:12px;place-items:center;display:grid}.nextCard small{text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:800}.nextCard p{margin:0;font-size:.875rem}.notice{background:var(--reward);border-radius:14px;margin:12px 0;padding:12px;font-size:.875rem}.personFocus{background:#f1e6ed;border-radius:13px;gap:4px;margin:12px 0;padding:4px;display:flex}.personFocus button{overflow-wrap:anywhere;background:0 0;border:0;border-radius:10px;flex:1;min-height:42px;padding:7px}.personFocus button[aria-pressed=true]{background:#fff;font-weight:800;box-shadow:0 2px 5px #3b2a3610}.historyLink{margin:auto;display:block}.settingsOpen{font-size:.75rem;position:absolute;top:76px;right:18px}.entryDock{z-index:4;background:linear-gradient(0deg,var(--background)75%,transparent);width:100%;max-width:480px;padding:10px 22px;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.primary{background:var(--primary);color:#fff;border:0;border-radius:16px;width:100%;min-height:53px;padding:13px 18px;font-weight:800}.primary:disabled{opacity:.65;cursor:wait}.dock{z-index:5;background:var(--background);border-top:1px solid var(--border);width:100%;max-width:480px;padding:5px 22px max(5px,env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.dock a{min-height:65px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:.75rem;font-weight:700;text-decoration:none;display:flex}.dock a[aria-current=page]{color:var(--primary)}dialog{color:var(--text);border:0}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#30202c70}dialog.sheet{width:100%;max-width:480px;max-height:92dvh;padding:22px 24px max(26px,env(safe-area-inset-bottom));background:var(--background);border-radius:27px 27px 0 0;margin:0 auto;inset:auto 0 0;overflow:auto}.sheet header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.sheet header h2{margin:0}.close{background:#f1e6ed;border:0;border-radius:50%;width:44px;height:44px;font-size:1.7rem}.sheet label,.sheet legend{margin:14px 0 7px;font-size:.875rem;font-weight:800;display:block}.sheet input:not([type=radio]){background:#fff;border:1px solid #d9c5d0;border-radius:11px;width:100%;min-height:49px;padding:11px}.sheet form>.primary{margin-top:20px}.segmented{border:0;margin:0;padding:0}.segmented legend{margin-bottom:7px}.segmented label{width:50%;margin:0;display:inline-block;position:relative}.segmented input{opacity:0;position:absolute}.segmented span{background:#f1e6ed;place-items:center;min-height:44px;padding:7px;display:grid}.segmented label:first-of-type span{border-radius:10px 0 0 10px}.segmented label:last-of-type span{border-radius:0 10px 10px 0}.segmented input:checked+span{background:var(--soft);font-weight:800}.numberInput{border-bottom:2px solid #d4b5c5;align-items:baseline;display:flex}.numberInput input{font-size:2.5rem;font-weight:900;background:0 0!important;border:0!important;padding:0!important}.numberInput span{color:var(--muted);font-size:.8rem}.helper,.error{margin:10px 0;font-size:.875rem}.error{color:var(--error)}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:12px 0;font-size:.85rem;display:flex}.history li>span:first-child{flex:1;min-width:0}.history small{color:var(--muted);display:block}.rowActions{flex-direction:column;display:flex}.rowActions button{color:var(--muted);background:0 0;border:0;min-height:32px;font-size:.75rem;text-decoration:underline}.pageHeading{margin:14px 0 24px}.together{text-align:center;background:#f3e9ef;border-radius:22px;padding:19px}.together header,.album header{text-align:left;justify-content:space-between;align-items:center;display:flex}.together header h2,.album header h2{margin:0}.together header span,.album header span{color:var(--muted);font-size:.8rem}.sharedPicture{border:5px solid #fff;border-radius:13px;width:168px;height:168px;margin:20px auto 14px;position:relative;overflow:hidden;transform:rotate(-2deg)}.sharedPicture img{object-fit:contain;width:100%;height:100%}.tiles{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.tiles span{background:#e7cbd9;border:1px dashed #bc94a9;place-items:center;display:grid}.tiles span:nth-child(2n){background:#e4daed}.tiles .open{opacity:0}.together>p{color:var(--muted);margin-bottom:0;font-size:.85rem}.album{margin-top:28px}.nextGoal{color:var(--muted);font-size:.875rem}.stickerGrid{grid-template-columns:repeat(3,1fr);gap:11px 8px;display:grid}.sticker{text-align:center;background:#fff;border-radius:17px;min-width:0;padding:10px 4px}.sticker>div{position:relative}.sticker img{object-fit:contain;width:86px;max-width:100%;height:auto}.sticker.locked img{filter:grayscale();opacity:.16}.sticker>div>span{background:#fff9;border-radius:50%;padding:4px;position:absolute;inset:40% auto auto 50%;transform:translate(-50%,-50%)}.sticker h3{overflow-wrap:anywhere;margin:5px 0;font-size:.75rem}.sticker p{color:var(--muted);margin:0;font-size:.7rem}.rewards{border-top:1px solid var(--border);margin-top:28px;padding-top:20px}.rewards>p{color:var(--muted);font-size:.875rem}.reward{background:#fff;border-radius:13px;flex-direction:column;margin-top:10px;padding:12px 14px;display:flex}.reward.earned{background:var(--reward)}.reward small{color:var(--muted)}.loginPage,.setupError{background:var(--background);place-items:center;min-height:100dvh;padding:22px;display:grid}.loginCard{background:#fff;border-radius:24px;width:100%;max-width:390px;padding:28px;box-shadow:0 12px 50px #593c4b12}.loginCard>.brandMark{margin-bottom:20px}.loginCard>p:not(.eyebrow){color:var(--muted)}.loginCard label{margin:14px 0 6px;font-size:.875rem;font-weight:800;display:block}.loginCard input{border:1px solid #d9c5d0;border-radius:11px;width:100%;min-height:50px;padding:11px}.loginCard .primary{margin-top:22px}.setupError{max-width:640px;margin:auto;display:block}.setupError code{overflow-wrap:anywhere}@media (max-width:360px){.appShell,.entryDock,.dock{padding-left:16px;padding-right:16px}.companion img{width:120px;height:120px}.stickerGrid{gap:8px 5px}}@media (min-width:700px){.appShell{border-radius:30px;min-height:calc(100dvh - 48px);margin:24px auto}.dock{border-radius:0 0 30px 30px;bottom:24px}.entryDock{bottom:100px}dialog.sheet{border-radius:27px;bottom:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.activeProfileHint{color:var(--muted);text-align:center;margin:12px 0;font-size:.875rem}.secondary{background:#f1e6ed;border:0;border-radius:16px;min-height:53px;padding:13px 18px;font-weight:800}.profileSetup{z-index:20;background:var(--background);place-items:center;padding:22px;display:grid;position:fixed;inset:0;overflow:auto}.profileSetupCard{background:var(--surface);border-radius:28px;width:100%;max-width:430px;padding:28px;box-shadow:0 12px 50px #593c4b12}.profileSetupCard>p:not(.eyebrow){color:var(--muted)}.profileChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;display:grid}.profileChoice{border:2px solid var(--border);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:170px;padding:16px 10px;display:flex}.profileChoice:hover{border-color:var(--primary);background:#fff9fb}.profileChoice img{object-fit:contain;background:var(--soft);border-radius:50%;width:88px;height:88px}.profileInitial{background:var(--soft);width:74px;height:74px;color:var(--primary);border-radius:50%;place-items:center;font-size:1.8rem;font-weight:900;display:grid}.catGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0;display:grid}.catChoice{background:#f7eef2;border:2px solid #0000;border-radius:15px;padding:5px 3px 8px;font-size:.7rem;font-weight:800;overflow:hidden}.catChoice.selected{border-color:var(--primary);background:#fff}.catChoice img{aspect-ratio:341/384;object-fit:cover;border-radius:10px;width:100%;height:auto;margin-bottom:4px;display:block}.profileSetupActions{gap:10px;margin-top:18px;display:flex}.profileSetupActions>*{flex:1}@media (max-width:360px){.profileSetup{padding:16px}.profileSetupCard{padding:22px}.catGrid{gap:6px}.catChoice{font-size:.65rem}}
.settingsOpen{top:16px}