:root{--bg:#fff9f7;--card:#fff;--ink:#273246;--muted:#8b93a3;--pink:#ff7087;--pink2:#ff98a9;--line:#f0e6e6;--mint:#7fcfbe;--blue:#8dc8e8;--shadow:0 14px 40px rgba(106,76,76,.08)}*{box-sizing:border-box}body,html{margin:0;background:linear-gradient(180deg,#fff8f7,#fffdfc 55%,#f7fbff);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;color:var(--ink);-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;display:flex;justify-content:center;padding:0;background:radial-gradient(circle at 20% 0,#ffe8eb 0,transparent 24%),radial-gradient(circle at 90% 30%,#eff8ff 0,transparent 28%)}.phone-frame{width:min(100vw,430px);min-height:100dvh;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;box-shadow:0 0 70px rgba(68,54,54,.08);overflow-x:hidden}.status-space{height:max(16px,env(safe-area-inset-top))}.screen{padding:18px 18px 110px;min-height:100dvh}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.eyebrow{font-size:13px;color:#9b7f83;margin-bottom:4px}.page-header h1{font-size:27px;line-height:1.15;margin:0;font-weight:800;letter-spacing:-.02em}.icon-btn,.section-title button{border:0;background:#ffe8ec;color:#e85671;border-radius:999px;width:40px;height:40px;font-size:24px;display:grid;place-items:center}.hero-card{border-radius:26px;background:linear-gradient(145deg,#fff2ee,#fffaf8);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.couple-hero{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.couple-hero:before,.us-banner:before{content:"";position:absolute;inset:auto -25px -35px;height:90px;background:radial-gradient(ellipse at center,#ffd8dd 0 45%,transparent 46%)}.mascot-pair{display:flex;align-items:end;z-index:1}.handcopy{font-family:KaiTi,STKaiti,serif;color:#a8676e;z-index:1;margin-top:-2px}.duo-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:14px 0 18px}.mini-person-card{background:rgba(255,255,255,.9);border-radius:22px;padding:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center}.mini-person-card strong{font-size:15px}.mini-person-card b{font-size:19px;margin-top:4px}.mini-person-card span{font-size:12px;color:var(--muted);margin-top:2px}.goal-progress,.progress{width:100%;height:8px;background:#f2ebeb;border-radius:999px;overflow:hidden;margin-top:10px}.goal-progress i,.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff9bac,var(--pink))}.progress.blue i{background:linear-gradient(90deg,#b9def2,var(--blue))}.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 2px 10px}.section-title h2{font-size:17px;margin:0}.section-title button{width:32px;height:32px;font-size:20px}.section-title .text-btn{width:auto;height:auto;background:none;color:#9da4b2;font-size:12px}.task-list{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.task-row{width:100%;border-bottom:1px solid #f4eeee;background:#fff;padding:14px;display:flex;align-items:center;gap:12px;text-align:left}.task-row:last-child{border-bottom:0}.check{width:22px;height:22px;min-width:22px;padding:0;border-radius:7px;border:1.5px solid #bdc6d1;background:#fff;display:grid;place-items:center;color:#fff}.check.done{background:#54bea9;border-color:#54bea9}.task-main{flex:1 1;display:flex;align-items:center;gap:8px;border:0;background:none;text-align:left;padding:0;min-width:0}.task-main b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strike{text-decoration:line-through;color:#9ba2ad}.task-main small{padding:4px 8px;border-radius:999px;background:#edf8f6;color:#4ca08f;white-space:nowrap}.play{border:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffe8ec;color:var(--pink);font-size:11px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);background:#f5f3f3;border-radius:14px;padding:4px;margin-bottom:14px}.segmented.four{grid-template-columns:repeat(4,1fr)}.segmented button{border:0;background:transparent;border-radius:10px;padding:9px;color:#7c8798}.segmented .active{background:#fff;color:var(--pink);box-shadow:0 3px 12px rgba(0,0,0,.05);font-weight:700}.goal-list{display:grid;grid-gap:12px;gap:12px}.goal-card{background:#fff;padding:16px;border-radius:22px;box-shadow:var(--shadow)}.goal-top{display:flex;align-items:center;gap:12px}.goal-icon{width:42px;height:42px;border-radius:14px;background:#f7f6f2;display:grid;place-items:center;font-size:23px}.goal-top>div{flex:1 1}.goal-top h3{font-size:15px;margin:0 0 4px}.goal-foot,.goal-top small{color:var(--muted);font-size:12px}.goal-foot{display:flex;justify-content:space-between;margin-top:7px}.focus-illustration{height:130px;display:flex;align-items:end;justify-content:center;background:linear-gradient(180deg,#fff8f5,#fff)}.mode-switch{grid-template-columns:1fr 1fr;margin-top:12px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:14px 0}.preset-grid button{height:66px;border:0;border-radius:16px;background:#fff;box-shadow:var(--shadow);font-weight:800;font-size:19px;color:#394457}.preset-grid button small{display:block;font-size:10px;font-weight:500;color:#a0a7b3}.preset-grid .active{background:linear-gradient(145deg,#ff8ba0,#ff6e86);color:white}.preset-grid .active small{color:#ffeef1}.timer-ring{width:228px;height:228px;border-radius:50%;margin:20px auto 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 12px 40px rgba(255,112,135,.09);background:#fff}.ring-svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-progress,.ring-track{fill:none;stroke-width:9}.ring-track{stroke:#fff0f3}.ring-progress{stroke:#ff7f94;stroke-linecap:round;transition:stroke-dashoffset .4s linear}.timer-ring.running{animation:pulse 2s infinite}.timer-ring>small,.timer-ring>span,.timer-ring>strong{z-index:1}.timer-ring span{font-size:22px}.timer-ring strong{font-size:49px;letter-spacing:-.04em}.timer-ring small{color:#7f8999}.timer-actions{display:flex;gap:10px;align-items:center}.primary{flex:1 1;background:linear-gradient(90deg,#ff7d94,#ff607b);color:#fff;font-size:18px;box-shadow:0 12px 26px rgba(255,96,123,.22)}.ghost,.primary,.secondary{height:54px;border:0;border-radius:18px;font-weight:700}.ghost,.secondary{background:#fff;color:#697486;box-shadow:var(--shadow);padding:0 18px}.plus-five{width:54px;padding:0}.current-task{margin-top:14px;border-radius:20px;background:#fff;padding:14px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;grid-gap:4px 8px;gap:4px 8px}.current-task span{grid-column:1/-1;color:#929baa;font-size:12px}.current-task small{color:#67a99c}.stats-top{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-bottom:12px}.stats-top>div{background:#fff;border-radius:18px;padding:13px 8px;box-shadow:var(--shadow)}.stats-top small{display:block;color:#8c96a5;font-size:11px;margin-bottom:5px}.stats-top b{font-size:19px;line-height:1.2}.stats-top em,.us-banner em{font-size:10px;font-style:normal;font-weight:500}.chart-card{background:#fff;border-radius:22px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow)}.chart-card h3{margin:0 0 14px;font-size:15px}.chart-title{display:flex;justify-content:space-between;align-items:center}.chart-title span{font-size:11px;color:#9ca4b0}.bars{height:142px;display:flex;align-items:flex-end;justify-content:space-around;gap:6px;border-bottom:1px solid #edf0f3}.bar-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;flex:1 1}.bar-col>b{font-size:9px;color:#8b93a3;font-weight:500}.bar-col i{display:block;width:70%;max-width:24px;background:linear-gradient(180deg,#ff9bac,#ffd1d7);border-radius:9px 9px 3px 3px}.bar-col small{font-size:9px;color:#9ca4b0}.category-bars{display:grid;grid-gap:12px;gap:12px}.category-bar>div{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.category-bar>div b{font-weight:600;color:#6e7786}.category-bar>i{display:block;height:8px;border-radius:999px;background:#f4eeee;overflow:hidden}.category-bar>i>em{display:block;height:100%;background:linear-gradient(90deg,#ff9bac,#83cfc0);border-radius:inherit}.linechart{width:100%;height:120px;color:#ff778f}.us-banner{min-height:190px;padding:18px;display:flex;align-items:flex-end;justify-content:space-between;overflow:hidden;position:relative;background:linear-gradient(180deg,#ffe8e0,#f7c6bd 58%,#adc8dc 59%,#7fa8c6)}.us-banner>div:first-child{z-index:1;display:flex;flex-direction:column;color:#5e4750}.us-banner small{font-size:13px}.us-banner strong{font-size:42px;line-height:1.05;margin-top:3px}.us-banner span{font-size:12px}.back-pair{display:flex;align-items:end;z-index:1;filter:drop-shadow(0 8px 8px rgba(0,0,0,.06))}.focus-live{display:flex;align-items:center;gap:12px;background:#fff;border-radius:20px;padding:14px;box-shadow:var(--shadow);position:relative}.focus-live div{display:flex;flex-direction:column;flex:1 1}.focus-live span{font-size:12px;color:#8b95a4;margin-top:3px}.focus-live i{width:8px;height:8px;border-radius:50%;background:#ff6e86;box-shadow:0 0 0 5px #ffe4e9}.focus-live.quiet i{background:#7fcfbe;box-shadow:0 0 0 5px #e3f6f1}.activity{background:#fff;border-radius:20px;padding:8px 14px;box-shadow:var(--shadow)}.activity p{font-size:13px;border-bottom:1px solid #f3eeee;padding:10px 0;margin:0}.activity p:last-child{border-bottom:0}.activity small{display:block;color:#9aa2ad;margin-top:3px}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(100vw,430px);display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid #f0e7e7;padding:9px 6px calc(9px + env(safe-area-inset-bottom));z-index:20}.bottom-nav button{border:0;background:transparent;color:#9099a7;display:flex;flex-direction:column;align-items:center;gap:3px}.bottom-nav span{font-size:22px}.bottom-nav small{font-size:11px}.bottom-nav .active{color:var(--pink);font-weight:700}.modal-backdrop{position:fixed;inset:0;background:rgba(38,40,50,.28);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100vw,430px);max-height:90dvh;overflow:auto;background:#fff;border-radius:28px 28px 0 0;padding:10px 18px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -20px 80px rgba(38,40,50,.18);animation:sheetUp .22s ease-out}.sheet-handle{width:42px;height:5px;background:#dedfe4;border-radius:999px;margin:0 auto 10px}.sheet-header{display:flex;align-items:center;justify-content:space-between}.sheet-header h2{font-size:20px;margin:6px 0 18px}.sheet-header button{border:0;background:#f5f3f3;border-radius:50%;width:32px;height:32px;color:#7b8390;font-size:20px}.form{display:grid;grid-gap:16px;gap:16px}.form>label{font-size:13px;color:#697486;display:grid;grid-gap:7px;gap:7px}.form input,.form select{width:100%;border:1px solid #eee7e7;background:#faf9f9;border-radius:15px;padding:13px 14px;outline:none;color:var(--ink)}.form input:focus,.form select:focus{border-color:#ff9bac;box-shadow:0 0 0 3px #fff0f3}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips button{border:0;background:#f6f5f5;border-radius:999px;padding:8px 11px;color:#6d7785}.chips button.active{background:#ffe6eb;color:#e95670;font-weight:700}.icon-picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.icon-picker button{min-width:46px;height:46px;border:1px solid #eee7e7;background:#fafafa;border-radius:14px;font-size:22px}.icon-picker button.active{border-color:#ff8da0;background:#fff0f3}.toggle-row{display:flex!important;align-items:center;justify-content:space-between}.toggle-row span{display:grid}.toggle-row small{color:#9da4af}.toggle-row input{width:46px;height:26px;accent-color:var(--pink)}.sheet-actions{display:flex;gap:10px;margin-top:18px}.sheet-actions>*{flex:1 1}.custom-time{display:flex;align-items:center;justify-content:center;gap:10px;padding:24px 0}.custom-time label{width:120px;display:grid;grid-gap:8px;gap:8px;text-align:center;color:#8b93a3}.custom-time input{width:100%;font-size:34px;font-weight:800;text-align:center;border:1px solid #eee7e7;border-radius:18px;padding:13px 8px;color:var(--ink);background:#fafafa}.custom-time>b{font-size:28px}.hint{color:#979fab;font-size:12px}.complete-card,.hint{text-align:center}.celebrate{display:flex;justify-content:center;align-items:end}.complete-card h3{font-size:24px;margin:4px 0}.complete-card p{color:#9a7880;margin:0 0 18px}.complete-card dl{background:#faf8f8;border-radius:18px;padding:12px 16px;margin:0}.complete-card dl>div{display:flex}.complete-card dd,.complete-card dt{display:inline-block;width:50%;margin:0;padding:7px 0}.complete-card dt{text-align:left;color:#9198a3}.complete-card dd{text-align:right;font-weight:700}@keyframes pulse{50%{box-shadow:0 12px 50px rgba(255,112,135,.25)}}@keyframes sheetUp{0%{transform:translateY(28px);opacity:.4}to{transform:none;opacity:1}}@media(min-width:700px){.app-shell{padding:30px}.phone-frame{border-radius:34px;height:860px;overflow-y:auto;box-shadow:0 28px 100px rgba(86,67,67,.18)}.phone-frame,.screen{min-height:860px}.bottom-nav{position:-webkit-sticky;position:sticky;transform:none;left:auto;width:100%;bottom:0}.modal-backdrop{align-items:center}.sheet{border-radius:28px;max-height:760px}}@media(max-width:360px){.screen{padding-left:13px;padding-right:13px}.page-header h1{font-size:24px}.timer-ring{width:205px;height:205px}.timer-ring strong{font-size:43px}.stats-top b{font-size:16px}}.person-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:12px 0 16px}.person-switch button{border:1px solid #f1e7e8;background:rgba(255,255,255,.72);border-radius:18px;padding:8px 12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px;color:#7a8491;box-shadow:0 5px 18px rgba(72,58,60,.035)}.person-switch button span{font-weight:800;color:#536073;text-align:left}.person-switch button small{font-size:10px}.person-switch button.active{background:#fff;border-color:#ffcbd3;box-shadow:0 8px 22px rgba(255,112,135,.1)}.person-switch button.active span{color:#e65e76}.count-pill{font-size:11px;color:#ef7188;background:#fff0f3;border-radius:999px;padding:5px 9px}.todo-main{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:3px}.todo-main span{font-size:11px;color:#9aa3ae}.like-btn{border:0;background:#fff3f5;color:#db7183;border-radius:999px;padding:8px 10px;font-size:11px;font-weight:800;white-space:nowrap}.like-btn.liked{background:#ff7c93;color:#fff;box-shadow:0 6px 14px rgba(255,112,135,.18)}.readonly-badge{font-size:10px;color:#8e98a7;background:#f3f5f7;border-radius:999px;padding:6px 8px}.readonly-note{font-size:11px;line-height:1.65;color:#9aa2ad;text-align:center;padding:7px 16px 0}.subtle{font-size:11px;color:#a4abb5}.own-live{margin-top:10px}.completion-feed{padding:6px 12px}.completion-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f3eeee;padding:10px 0}.completion-item:last-child{border-bottom:0}.completion-item>div{flex:1 1}.completion-item p{border:0;padding:0;margin:0;font-weight:700}.completion-item small{display:block;color:#9aa2ad;margin-top:4px;font-size:11px}.mascot-avatar{border-radius:50%;filter:saturate(.98);box-shadow:0 3px 10px rgba(90,70,70,.08)}.mascot-avatar,.mascot-scene{display:block;object-fit:cover}.mascot-scene{width:100%;height:100%}.image-hero{height:164px;overflow:hidden;position:relative;padding:0!important;background:#fff7f7}.image-hero .mascot-scene{object-position:left center}.hero-copy{position:absolute;right:16px;top:22px;width:44%;display:grid;grid-gap:4px;gap:4px;text-align:right;color:#a7545b;text-shadow:0 1px #fff}.hero-copy b{font-size:16px}.hero-copy span{font-size:12px;line-height:1.55}.image-scene{height:174px;padding:0!important;overflow:hidden}.image-scene .mascot-scene{object-position:center 58%}.modern-list{display:grid;grid-gap:9px;gap:9px}.modern-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;grid-gap:10px!important;gap:10px!important;padding:12px 13px!important;min-height:66px!important;background:#fff;border:1px solid #f4eded;border-radius:18px;box-shadow:0 6px 20px rgba(75,59,62,.045)}.todo-titleline{display:flex;align-items:center;gap:7px;min-width:0}.todo-titleline b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.repeat-badge{font-size:10px!important;background:#fff0f3;color:#df667b!important;padding:3px 7px;border-radius:999px;white-space:nowrap}.modern-row .play{position:static!important;margin:0!important;width:38px;height:38px;border-radius:50%}.modern-row .check{margin:0!important;align-self:center}.modern-row .todo-main{min-width:0}.modern-row .todo-main>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.goal-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.goal-links span{font-size:10px;color:#7f8896;background:#f7f7f8;border-radius:999px;padding:5px 8px}.repeat-options{margin-top:2px}.weekday-picker{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:7px;gap:7px}.weekday-picker button{border:0;border-radius:12px;background:#f5f4f4;padding:9px 4px;color:#7a8492}.weekday-picker button.active{background:#ffe5ea;color:#df5c74;font-weight:700}.interval-input{display:flex;align-items:center;gap:8px}.interval-input input{width:84px!important;text-align:center}.repeat-help{font-size:11px;line-height:1.6;color:#9a8288;background:#fff6f7;padding:10px 12px;border-radius:13px;margin:0}.celebrate{height:180px;overflow:hidden;border-radius:18px}.celebrate .mascot-scene{object-position:center 55%}@media(max-width:380px){.modern-row{grid-template-columns:32px minmax(0,1fr) auto!important;padding:11px 10px!important}.repeat-badge{display:none}.hero-copy{width:48%;right:10px}.person-switch button{padding:7px 8px}.person-switch button span{font-size:14px}}.clean-hero{height:170px;background:#fff6f6}.clean-hero .mascot-scene{object-fit:cover;object-position:left 47%;transform:scale(1.01)}.full-scene{height:190px;background:#fff7f7}.full-scene .mascot-scene{object-fit:contain;object-position:center;background:#fff7f7}.compact-actions{align-items:flex-start}.header-actions{display:flex;gap:8px;align-items:center}.calendar-btn{font-size:16px!important}.todo-actions{display:flex;align-items:center;gap:7px}.more-btn{border:0;background:#f7f5f5;color:#8c95a2;width:34px;height:34px;border-radius:50%;font-size:14px;letter-spacing:-2px}.status-dot{font-size:10px;color:#9aa2ad;background:#f4f6f8;padding:7px 9px;border-radius:999px;white-space:nowrap}.empty-card{background:#fff;border:1px dashed #efdfe2;border-radius:18px;padding:24px;text-align:center;color:#a5989d}.goal-card.clickable{cursor:pointer;transition:.18s ease}.goal-card.clickable:active{transform:scale(.99)}.goal-foot span:last-child{font-size:22px;line-height:1;color:#b0b5bd}.goal-links,.readonly-note{display:none!important}.sheet-full{height:min(92dvh,820px);max-height:min(92dvh,820px)}.three-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.danger{border:0;border-radius:15px;background:#fff0f2;color:#dc5d73;font-weight:700;padding:13px}.three-actions>span{display:block}.calendar-head{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;margin:2px 0 14px}.calendar-head b{text-align:center;font-size:17px}.calendar-head button{border:0;background:#f7f5f5;border-radius:12px;height:38px;font-size:24px;color:#6f7887}.calendar-grid,.weekday-row{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.weekday-row{margin-bottom:7px}.weekday-row span{text-align:center;font-size:11px;color:#9aa2ad}.calendar-grid button,.calendar-grid>span{aspect-ratio:1/1;border:0;border-radius:13px;background:#faf9f9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4f5b6e}.calendar-grid button b{font-size:13px}.calendar-grid button small{font-size:9px;color:#de7386;margin-top:2px}.calendar-grid button.selected{background:#ff7f95;color:#fff;box-shadow:0 8px 20px rgba(255,112,135,.22)}.calendar-grid button.selected small{color:#fff}.history-preview{margin-top:18px;background:#faf8f8;border-radius:20px;padding:14px}.history-preview h3{font-size:15px;margin:0 0 8px}.history-preview>div{display:grid;grid-template-columns:24px 1fr auto;grid-gap:8px;gap:8px;align-items:center;border-top:1px solid #eee8e8;padding:10px 0}.history-preview>div b{font-size:13px}.history-preview>div small{font-size:10px;color:#9aa2ad}.history-preview p{color:#a0a7b0;font-size:12px;text-align:center;padding:14px 0}.goal-detail-hero{background:linear-gradient(180deg,#fff6f7,#fff);border:1px solid #f4e9ea;border-radius:24px;padding:22px;text-align:center}.goal-detail-hero>span{font-size:42px}.goal-detail-hero h2{font-size:23px;margin:8px 0 4px}.goal-detail-hero p{font-size:12px;color:#9ba2ad;margin:0 0 12px}.goal-detail-hero strong{display:block;font-size:30px;color:#ee7188;margin-bottom:10px}.detail-section{margin-top:18px}.detail-section h3{font-size:15px;margin:0 0 9px}.detail-task{display:grid;grid-template-columns:28px 1fr;grid-gap:10px;gap:10px;align-items:center;background:#fff;border:1px solid #f2ecec;border-radius:17px;padding:12px;margin-bottom:8px}.detail-task>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff0f3;color:#e5657c;font-weight:800}.detail-task div{display:grid;grid-gap:3px;gap:3px}.detail-task b{font-size:13px}.detail-task small{font-size:10px;color:#9aa2ad}.empty-copy{font-size:12px;color:#9da4ae;background:#faf9f9;border-radius:15px;padding:14px;text-align:center}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.mini-stats>div{background:#faf8f8;border-radius:16px;padding:12px;text-align:center;display:grid;grid-gap:5px;gap:5px}.mini-stats small{font-size:10px;color:#9ca3ad}.mini-stats b{font-size:16px}@media(max-width:380px){.clean-hero{height:156px}.full-scene{height:174px}.todo-actions{gap:5px}.more-btn{width:31px;height:31px}.sheet-full{height:94dvh;max-height:94dvh}}.focus-illustration.full-scene{height:164px;background:#fff5f6}.focus-illustration.full-scene .mascot-scene{object-fit:cover;object-position:center center}@media(max-width:380px){.focus-illustration.full-scene{height:150px}}.focus-illustration.full-scene{height:176px;padding:0!important;overflow:hidden;border-radius:24px;background:#fff4f5}.focus-illustration.full-scene .mascot-scene{width:100%;height:100%;display:block;object-fit:fill;object-position:center;background:transparent}.form .input-error{border-color:#ff6f86!important;background:#fff7f8!important;box-shadow:0 0 0 3px rgba(255,111,134,.12)!important}.form-error{color:#e6536d;font-size:12px;font-weight:600;margin-top:2px}.todo-row .check{position:relative;flex:0 0 26px;width:26px;height:26px;min-width:26px;padding:0;border:1.8px solid #c7d1dd;border-radius:8px;background:#fff;color:#fff;font-size:17px;font-weight:800;line-height:22px;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.todo-row .check:active{transform:scale(.9)}.todo-row.done .check{border-color:#ff7189;background:#ff7189;box-shadow:0 4px 12px rgba(255,113,137,.22)}.todo-row.done .todo-main b{color:#9ca3af;text-decoration:line-through;text-decoration-thickness:1.5px}.todo-row.done .todo-main>span{opacity:.58}.todo-row.done{opacity:.82}.todo-row.just-completed{animation:todoCompletePop .4s ease}.todo-row.just-completed .check{animation:checkPop .4s ease}@keyframes todoCompletePop{0%{transform:scale(1)}45%{transform:scale(.985)}72%{transform:scale(1.008)}to{transform:scale(1)}}@keyframes checkPop{0%{transform:scale(.75)}60%{transform:scale(1.14)}to{transform:scale(1)}}.todo-row .check:disabled{cursor:default;opacity:.5}.cloud-shell{min-height:100dvh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#fff7f8,#fff 55%,#f8fbff);color:#25314a}.cloud-card{width:min(430px,100%);box-sizing:border-box;background:#fff;border:1px solid #f5dde2;border-radius:30px;padding:28px;box-shadow:0 22px 70px rgba(42,58,88,.09);text-align:center}.cloud-card h1{margin:4px 0 6px;font-size:28px}.cloud-card>p{margin:0 0 22px;color:#8b7880}.pair-logo{font-size:48px;margin-bottom:6px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;background:#f7f5f6;border-radius:16px;padding:4px;margin:18px 0}.auth-tabs button{border:0;background:transparent;border-radius:13px;padding:11px;font-weight:700;color:#718096}.auth-tabs button.active{background:#fff;color:#ff647f;box-shadow:0 5px 16px rgba(42,58,88,.07)}.cloud-card form,.pair-card{display:flex;flex-direction:column;gap:12px}.cloud-card input{width:100%;box-sizing:border-box;border:1px solid #ece8ea;background:#fbfafb;border-radius:15px;padding:14px 15px;font:inherit;outline:none}.cloud-card input:focus{border-color:#ff8ca0;box-shadow:0 0 0 3px rgba(255,124,147,.1)}.cloud-error{color:#e6536d}.cloud-error,.cloud-message{display:block;text-align:left;font-size:13px}.cloud-message{color:#4d9d7b}.cloud-submit{width:100%;margin-top:4px;min-height:48px}.cloud-submit:disabled{opacity:.55}.persona-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.persona-grid button{border:1px solid #eee8eb;background:#fff;border-radius:20px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#536078}.persona-grid button span{font-size:40px}.persona-grid button.active{border-color:#ff8ba0;background:#fff7f8;color:#ff5e79}.pair-card label{text-align:left;color:#68748a;font-size:13px}.pair-card label input{margin-top:6px}.pair-tip{background:#fff7f8;border-radius:15px;padding:12px!important;margin:0!important;font-size:13px;color:#9b7a82!important}.settings-list{display:flex;flex-direction:column;gap:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:15px 4px;border-bottom:1px solid #f1edef;color:#69758a}.setting-row b{color:#2b3851}.invite-row b{letter-spacing:2px;color:#ff647f}.setting-note{font-size:13px;color:#9b8a90;line-height:1.6;background:#fff8f9;padding:12px;border-radius:14px}.wide-action{width:100%;margin-top:8px}.quiet-live{opacity:.76}.goal-add-btn{display:grid!important;place-items:center;font-size:27px!important;line-height:1!important}.goal-filter button{cursor:pointer}.goal-empty{margin-top:20px;min-height:220px;border:1px dashed #f0dce1;border-radius:24px;background:linear-gradient(180deg,#fffafb,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#8e96a6;text-align:center;padding:24px}.goal-empty>span{font-size:38px}.goal-empty>b{color:#657086}.goal-empty .primary{margin-top:6px}.goal-completed{opacity:.78}.goal-completed .goal-progress i{background:linear-gradient(90deg,#8fd9bd,#6ec6a6)}.goal-detail-actions{margin:18px 0 4px}.danger-outline{width:100%;min-height:48px;border:1px solid #ff9aac;border-radius:15px;background:#fff;color:#e95d76;font-weight:700}.delete-confirm{border:1px solid #f6d9df;background:#fff8f9;border-radius:18px;padding:14px}.delete-confirm p{margin:0 0 12px;color:#8c7480;font-size:13px;line-height:1.55}.delete-confirm>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.delete-confirm .danger{border:0;border-radius:14px;background:#e95d76;color:#fff;font-weight:700}.goal-action-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.goal-edit-btn{min-height:48px;border:0;border-radius:15px;background:#ff7189;color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(255,113,137,.18)}.timer-actions .primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.current-task-empty{width:100%;text-align:left;border:1px dashed #f2cfd7;background:#fffafb;cursor:pointer}.current-task-empty b{color:#7d8799}.current-task-empty small{color:#a4a8b3;line-height:1.45}.current-task-empty{display:flex!important;flex-direction:column;align-items:flex-start;gap:5px;min-height:104px;padding:18px 20px}.current-task-empty b,.current-task-empty small,.current-task-empty span{display:block;width:100%;grid-column:auto;text-align:left;white-space:normal;word-break:normal}.current-task-empty b{font-size:16px;line-height:1.45}.current-task-empty small{font-size:12px;line-height:1.6}.stats-empty{min-height:118px;display:flex;align-items:center;justify-content:center;text-align:center;color:#9aa3ae;font-size:13px}.stats-empty.compact{min-height:72px}.real-bars .bar-col i{min-height:2px}.recent-seven{height:142px;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px;align-items:end}.recent-day{min-width:0;display:grid;grid-template-rows:96px auto auto;justify-items:center;grid-gap:4px;gap:4px}.recent-bar-wrap{height:96px;width:100%;display:flex;align-items:flex-end;justify-content:center}.recent-bar-wrap i{display:block;width:64%;max-width:26px;min-height:2px;border-radius:9px 9px 3px 3px;background:linear-gradient(180deg,#ff9bac,#ffd1d7)}.recent-day b{font-size:9px;color:#7e8796;font-weight:700}.recent-day small{font-size:9px;color:#a0a7b1;white-space:nowrap}.live-clock{color:#ff7189;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.02em}.paused-live{background:#fffaf4;border:1px solid #f4e3cf}.paused-live>i{background:#e7b56e!important;box-shadow:0 0 0 6px rgba(231,181,110,.14)!important}.paused-live .live-clock{color:#bf8a48}.task-focus-stats{display:flex;flex-direction:column;gap:10px;margin-top:10px}.task-focus-row{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:18px;background:#fffafa;border:1px solid #f6eeee}.task-focus-icon{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:#fff;font-size:20px;flex:0 0 auto}.task-focus-main{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:3px}.task-focus-main b{color:#26344b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-focus-main span{color:#98a1b3;font-size:12px}.task-focus-row>strong{color:#ff6f88;white-space:nowrap;font-size:14px}.peer-view-note{margin:-8px 2px 12px;font-size:11px;color:#a0a8b5;text-align:right}.cute-pair-logo{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 10px}.cloud-mascot{width:82px;height:82px;border-radius:50%;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(72,61,68,.1)}.cloud-mascot img{width:100%;height:100%;object-fit:cover}.cloud-cat{transform:rotate(-2deg)}.cloud-rabbit{transform:rotate(2deg)}.cloud-heart{font-size:42px;line-height:1;color:#ff8198;text-shadow:0 5px 18px rgba(255,129,152,.18)}.cloud-card{background:radial-gradient(circle at 12% 10%,rgba(255,225,232,.62),transparent 28%),radial-gradient(circle at 88% 13%,rgba(226,240,255,.66),transparent 30%),rgba(255,255,255,.96)}.persona-grid button img{width:66px;height:66px;object-fit:cover;border-radius:50%;box-shadow:0 7px 18px rgba(64,55,61,.08)}.received-feed{margin-bottom:18px}.received-like-item{border:1px solid rgba(255,127,151,.12);background:linear-gradient(135deg,#fff,#fff9fa)}.received-like-badge{flex:0 0 auto;border-radius:999px;padding:9px 12px;background:#fff0f3;color:#ff617e;font-size:12px;font-weight:800;white-space:nowrap}html{text-size-adjust:100%}body,html{width:100%;overflow-x:hidden}body{min-width:0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.form,.page-header,.phone-frame,.screen,.sheet{min-width:0;max-width:100%}.page-header>div:first-child{min-width:0}.header-actions{flex:0 0 auto}.goal-add-btn,.icon-btn,.more-btn,.play,.sheet-header button{padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;text-align:center;flex:0 0 auto}.icon-btn{width:40px!important;height:40px!important}.goal-add-btn{width:46px!important;height:46px!important}.more-btn{width:34px!important;height:34px!important;letter-spacing:0!important;font-size:0!important}.more-btn:after{content:"•••";font-size:14px;letter-spacing:1px;line-height:1;transform:translateY(-2px)}.play{width:34px!important;height:34px!important}.sheet-header{gap:12px}.sheet-header h2{min-width:0;flex:1 1}.sheet-header button{width:34px!important;height:34px!important;font-size:0!important}.sheet-header button:after{content:"×";font-size:22px;line-height:1;transform:translateY(-1px)}.sheet{width:100%;max-width:430px;overflow-x:hidden}.form input,.form select{min-width:0;max-width:100%}.icon-picker{width:100%;max-width:100%;scrollbar-width:none}.icon-picker::-webkit-scrollbar{display:none}.icon-picker button{padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 46px}.received-like-item{border:0!important;background:#fff!important}@media(max-width:430px){.screen,.sheet{padding-left:18px;padding-right:18px}.page-header h1{font-size:clamp(24px,7vw,27px)}.person-switch button{min-width:0;padding-left:10px;padding-right:10px}.person-switch button span,.todo-row{min-width:0}.todo-actions{flex:0 0 auto}}.task-focus-button{width:100%;border:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.task-focus-button:active{transform:scale(.992)}.history-summary{display:grid;grid-gap:16px;gap:16px}.history-task-title{display:flex;align-items:center;gap:12px;background:#fff7f8;border-radius:18px;padding:14px}.history-task-title>span{font-size:28px}.history-task-title>div{display:grid;grid-gap:3px;gap:3px}.history-task-title b{font-size:17px}.history-task-title small{color:#9aa2ad;font-size:11px}.history-list{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.history-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #f1eaea;border-radius:16px;padding:12px 14px}.history-row>div{display:grid;grid-gap:3px;gap:3px}.history-row b{font-size:13px}.history-row small{font-size:10px;color:#9aa2ad}.history-row strong{font-size:13px;color:#eb6f86}@media(max-width:360px){.history-summary .mini-stats{grid-template-columns:1fr}.history-summary .mini-stats>div{grid-template-columns:1fr 1fr;align-items:center;text-align:left}.history-summary .mini-stats b{text-align:right}}.install-card{display:grid;grid-gap:10px;gap:10px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff8fa,#f8fbff);border:1px solid #f1e8eb}.install-card>div{display:grid;grid-gap:4px;gap:4px}.install-card b{font-size:14px}.install-card p,.install-card small{font-size:11px;color:#9099a6;line-height:1.55;margin:0}.install-btn{border:0;padding:9px 14px;background:#ff7f98;color:#fff;font-size:12px}.install-btn,.installed-badge{justify-self:start;border-radius:999px;font-weight:800}.installed-badge{padding:7px 11px;background:#eef8f2;color:#5b9c72;font-size:11px}.unpair-confirm{border:1px solid #f6d9df;background:#fff8f9;border-radius:18px;padding:14px;text-align:left}.unpair-confirm>b{display:block;color:#5e4b55;margin-bottom:6px}.unpair-confirm p{margin:0 0 12px;color:#8c7480;font-size:13px;line-height:1.6}.unpair-confirm>div{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.unpair-confirm button{min-height:44px}.unpair-confirm button:disabled{opacity:.55}.join-existing-card{margin:12px 0;padding:14px;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(120,90,110,.08)}.join-existing-card p{margin:7px 0 10px;line-height:1.55}.join-existing-card input{width:100%;margin:4px 0 8px;text-transform:uppercase;letter-spacing:.12em}.join-existing-card small{display:block;margin-top:7px;line-height:1.45;opacity:.72}.join-existing-card .cloud-error{opacity:1;margin-bottom:6px}