.baby-datepicker{position:relative}.baby-datepicker__trigger{width:100%;display:flex;align-items:center;gap:9px;padding:11px 14px;border:2px solid #eef0f1;border-radius:13px;background:#fff;font-family:var(--font-sans);font-size:15px;color:var(--color-text-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.baby-datepicker__trigger:hover{border-color:var(--color-primary-light);background:#fffdfd}.baby-datepicker__trigger.active,.baby-datepicker__trigger:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-bg);outline:none}.baby-datepicker__icon{flex:none;color:var(--color-primary)}.baby-datepicker__value{flex:1;min-width:0;text-align:left;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.baby-datepicker__value.placeholder{color:var(--color-text-muted);font-weight:400}.baby-datepicker__chevron{flex:none;color:var(--color-text-muted);transition:transform var(--transition-fast)}.baby-datepicker__chevron.rotated{transform:rotate(180deg)}.baby-datepicker__popup{z-index:9999;background:#fff;border-radius:18px;box-shadow:var(--shadow-xl),0 0 0 1px #ff8c941a;padding:16px;animation:babyPickerIn .28s cubic-bezier(.22,1,.36,1) both}@keyframes babyPickerIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.baby-datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.baby-datepicker__head-btn{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;padding:5px 10px;border-radius:999px;font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--color-text-primary);letter-spacing:.5px;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.baby-datepicker__head-btn:hover{background:var(--color-primary-bg);color:var(--color-primary)}.baby-datepicker__head-btn svg{color:var(--color-text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}.baby-datepicker__head-btn:hover svg{color:var(--color-primary);transform:translateY(1px)}.baby-datepicker__back{display:inline-flex;align-items:center;gap:4px;border:none;background:transparent;padding:5px 10px;border-radius:999px;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.baby-datepicker__back:hover{background:var(--color-primary-bg);color:var(--color-primary)}.baby-datepicker__nav{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.baby-datepicker__nav:hover:not(:disabled){background:var(--color-primary-bg);color:var(--color-primary);transform:scale(1.05)}.baby-datepicker__nav:disabled{opacity:.3;cursor:not-allowed}.baby-datepicker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.baby-datepicker__weekdays span{text-align:center;font-size:12px;font-weight:600;color:var(--color-text-muted);padding:6px 0}.baby-datepicker__weekdays span.weekend{color:var(--color-primary-light)}.baby-datepicker__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.baby-datepicker__day{position:relative;display:flex;align-items:center;justify-content:center;height:34px;border:none;background:transparent;border-radius:50%;font-size:13.5px;font-family:var(--font-sans);color:var(--color-text-primary);cursor:pointer;transition:background .15s ease-out,color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.baby-datepicker__day:hover:not(:disabled):not(.selected){background:var(--color-primary-bg);color:var(--color-primary)}.baby-datepicker__day.selected{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:700;box-shadow:0 3px 10px #ff8c9473}.baby-datepicker__day.today{color:var(--color-primary);font-weight:700}.baby-datepicker__day.today:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary)}.baby-datepicker__day.disabled{color:#d5dbdf;cursor:not-allowed}.baby-datepicker__panel{animation:babyPickerPanelIn .24s cubic-bezier(.22,1,.36,1) both}@keyframes babyPickerPanelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.baby-datepicker__month-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:6px 2px 2px}.baby-datepicker__month-item{height:38px;border:none;border-radius:11px;background:#faf6f7;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease-out,color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.baby-datepicker__month-item:hover:not(:disabled):not(.active){background:var(--color-primary-bg);color:var(--color-primary)}.baby-datepicker__month-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:700;box-shadow:0 3px 10px #ff8c9466}.baby-datepicker__month-item.disabled{color:#d5dbdf;cursor:not-allowed;background:transparent}.baby-datepicker__year-list{max-height:216px;overflow-y:auto;padding:6px 4px 2px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;scrollbar-width:thin;scrollbar-color:var(--color-primary-light) transparent}.baby-datepicker__year-list::-webkit-scrollbar{width:5px}.baby-datepicker__year-list::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:999px}.baby-datepicker__year-item{height:38px;border:none;border-radius:11px;background:#faf6f7;font-family:var(--font-sans);font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease-out,color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out}.baby-datepicker__year-item:hover:not(:disabled):not(.active){background:var(--color-primary-bg);color:var(--color-primary)}.baby-datepicker__year-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;font-weight:700;box-shadow:0 3px 10px #ff8c9466}.baby-datepicker__year-item.disabled{color:#d5dbdf;cursor:not-allowed;background:transparent}.baby-datepicker__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #f4f0f1}.baby-datepicker__action{border:none;background:transparent;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--color-primary);cursor:pointer;padding:6px 12px;border-radius:999px;transition:background var(--transition-fast),color var(--transition-fast)}.baby-datepicker__action:hover{background:var(--color-primary-bg)}.baby-datepicker__action.danger{color:var(--color-text-muted)}.baby-datepicker__action.danger:hover{color:var(--color-alert);background:#e1705514}@media (prefers-reduced-motion: reduce){.baby-datepicker__popup{animation:none}}.app-shell{min-height:100dvh;position:relative;background:radial-gradient(1100px 520px at 88% -8%,rgba(255,179,184,.22),transparent 60%),radial-gradient(900px 480px at -6% 28%,rgba(149,225,211,.2),transparent 55%),linear-gradient(180deg,#fff7f5,#fff9f4 42%,#f2fbf8);overflow-x:hidden;overflow-x:clip}.bg-blob{position:fixed;border-radius:50%;filter:blur(72px);opacity:.5;pointer-events:none;z-index:0;animation:blobFloat 20s ease-in-out infinite}.bg-blob-1{width:430px;height:430px;background:#ff8c9438;top:-130px;right:-90px}.bg-blob-2{width:380px;height:380px;background:#95e1d34d;bottom:6%;left:-130px;animation-delay:-7s}.bg-blob-3{width:260px;height:260px;background:#fdcb6e38;top:44%;right:-80px;animation-delay:-13s}@keyframes blobFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-26px,22px) scale(1.06)}66%{transform:translate(18px,-14px) scale(.96)}}.topnav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,3vw,36px);background:#fff9;-webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);box-shadow:0 1px #ffffffe6,0 6px 24px #2d34360d}.topnav-brand{display:flex;align-items:center;gap:10px}.topnav-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#ff8c94,#ff6b74);color:#fff;box-shadow:0 6px 18px #ff6b7466;animation:logoFloat 4.5s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-2deg)}}.topnav-name{font-size:20px;font-weight:800;letter-spacing:1.5px;color:var(--color-text-primary)}.topnav-right{display:flex;align-items:center;gap:10px}.baby-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 7px;border-radius:999px;background:transparent;cursor:pointer;transition:all var(--transition-fast)}.baby-chip:hover{transform:translateY(-1px)}.baby-chip-avatar{width:30px;height:30px;flex:none;border-radius:50%;background:#fff;object-fit:cover;align-self:center}.baby-chip-name{font-size:14px;font-weight:700;color:var(--color-text-primary);max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px}.baby-chip-edit{display:inline-flex;align-items:center;color:var(--color-primary);opacity:.75;transition:transform var(--transition-fast);margin-top:1px}.baby-chip:hover .baby-chip-edit{transform:rotate(-12deg) scale(1.15);opacity:1}.topnav-add{border-radius:999px;padding:7px 15px;font-size:13px;font-weight:600;gap:6px;box-shadow:0 2px 10px #ff8c9442}.app-main{position:relative;z-index:1;display:grid;grid-template-columns:clamp(74px,16.666vw,212px) 1fr;gap:clamp(14px,2vw,26px);max-width:1260px;margin:0 auto;padding:10px clamp(14px,3vw,36px) 48px;align-items:start}.ruler{position:sticky;top:80px;height:calc(100dvh - 130px);min-height:300px;display:flex;flex-direction:column;align-items:center;padding:22px 0 16px;border-radius:26px;background:#ffffff94;-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);border:1.5px solid rgba(255,255,255,.92);box-shadow:0 8px 30px #2d343612;-webkit-user-select:none;user-select:none}.ruler-cap{font-size:10px;font-weight:700;letter-spacing:1px;color:#2d343680}.ruler-cap-top{margin-bottom:8px}.ruler-cap-bottom{margin-top:8px}.ruler-track{position:relative;flex:1;width:100%;touch-action:none;cursor:ns-resize}.ruler-track:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);border-radius:2px;background:linear-gradient(180deg,transparent,rgba(255,140,148,.35) 12%,rgba(108,196,181,.3) 88%,transparent)}.ruler-tick{position:absolute;left:50%;transform:translate(-50%,-50%);height:1px;width:8px;background:#2d343629}.ruler-tick-major{width:15px;height:2px;border-radius:2px;background:#2d343657}.ruler-mark{position:absolute;left:50%;transform:translate(9px,-50%);z-index:2;cursor:pointer}.ruler-label{display:block;font-size:10px;font-weight:600;line-height:1.2;color:#2d34366b;font-variant-numeric:tabular-nums;white-space:nowrap;transition:all var(--transition-fast)}.ruler-mark:hover .ruler-label{color:var(--color-primary);transform:scale(1.18);transform-origin:left center}.ruler-mark.is-active .ruler-label{opacity:0}.ruler-baby-arrow{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:5}.ruler-baby-inner{animation:arrowFloat 2.6s ease-in-out infinite}.ruler-baby-inner svg{display:block;filter:drop-shadow(0 2px 4px rgba(46,189,133,.3))}@keyframes arrowFloat{0%,to{transform:translateY(-1.5px)}50%{transform:translateY(1.5px)}}.ruler-active{position:absolute;left:0;right:0;height:0;z-index:3;transition:top .55s cubic-bezier(.34,1.56,.64,1)}.ruler-active-dot{position:absolute;left:50%;top:0;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#ff8c94,#ff6b74);transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ff8c942e,0 6px 16px #ff6b7480;animation:rulerPulse 2.2s ease-in-out infinite}@keyframes rulerPulse{0%,to{box-shadow:0 0 0 4px #ff8c942e,0 6px 16px #ff6b7480}50%{box-shadow:0 0 0 10px #ff8c940f,0 6px 20px #ff6b74a6}}.ruler-active-tag{position:absolute;left:calc(50% + 15px);top:0;transform:translateY(-50%);white-space:nowrap;font-size:11px;font-weight:700;color:var(--color-primary-dark);background:#fffffff2;border:1px solid rgba(255,140,148,.35);padding:3px 9px;border-radius:999px;box-shadow:0 3px 10px #ff8c9433}.ruler-back{position:absolute;bottom:-46px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--color-primary-dark);background:#fff;border:1.5px solid rgba(255,140,148,.45);border-radius:999px;padding:6px 13px;cursor:pointer;white-space:nowrap;box-shadow:0 6px 18px #ff8c9447;animation:fadeInUp .35s ease-out both;transition:transform var(--transition-fast);z-index:6}.ruler-back:hover{transform:translate(-50%) scale(1.06)}.ruler-back:active{transform:translate(-50%) scale(.96)}.stage-content{display:flex;flex-direction:column;gap:16px;min-width:0;animation:fadeInUp .55s cubic-bezier(.22,1,.36,1) both}.stage-content>section{scroll-margin-top:96px}.stage-head{border-radius:26px;padding:18px 24px 22px;background:radial-gradient(560px 220px at 92% -30%,rgba(255,255,255,.75),transparent 60%),linear-gradient(135deg,#ffe9ea,#fff3ef 46%,#e8fbf4);border:1.5px solid rgba(255,255,255,.92);box-shadow:0 8px 30px #ff8c9424;animation:fadeInUp .5s ease-out both}.stage-head-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stage-badge{display:inline-flex;align-items:center;padding:4px 13px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.5px;color:#fff;background:linear-gradient(135deg,#ff8c94,#ff6b74);box-shadow:0 3px 10px #ff6b7459}.stage-age{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.stage-title{font-size:27px;font-weight:800;letter-spacing:.5px;color:var(--color-text-primary);margin-bottom:4px}.stage-copy{font-size:14px;line-height:1.75;color:var(--color-text-secondary)}.stage-head-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.sh-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:12px 14px;border-radius:15px;background:#ffffffd9;border:1px solid rgba(255,255,255,.95);box-shadow:0 2px 8px #0000000a;font-family:var(--font-sans);cursor:pointer;text-align:left;transition:all var(--transition-fast)}button.sh-stat:hover{transform:translateY(-2px);border-color:#2ebd8566;box-shadow:0 6px 16px #00000012}.sh-stat-static{cursor:default}.sh-stat-label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.sh-stat-value{display:flex;align-items:baseline;gap:3px}.sh-stat-value strong{font-size:24px;font-weight:800;line-height:1;color:var(--color-primary);font-variant-numeric:tabular-nums}.sh-stat-num{font-size:12px;font-weight:600;color:var(--color-text-muted)}.sh-stat-arrow{position:absolute;top:10px;right:9px;color:var(--color-text-muted);transition:transform var(--transition-fast),color var(--transition-fast)}button.sh-stat:hover .sh-stat-arrow{transform:translate(2px);color:var(--color-primary)}.stage-content>.card,.radar-card,.bottom-actions{background:#ffffffd1;-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);border-radius:22px;border:1.5px solid rgba(255,255,255,.95);box-shadow:var(--shadow-md);padding:18px;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.stage-content>.card:hover,.radar-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.bottom-actions{display:flex;flex-direction:column;gap:10px;padding:18px 18px 14px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title{font-size:17px;font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.section-sub{font-size:12px;color:var(--color-text-muted);margin-top:2px}.task-count{font-size:13px;font-weight:700;color:var(--color-primary);background:var(--color-primary-bg);border-radius:999px;padding:3px 11px;white-space:nowrap;font-variant-numeric:tabular-nums}.category-filter{display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:3px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-x;overscroll-behavior-x:contain}.category-filter.is-dragging{cursor:grabbing;scroll-snap-type:none}.category-filter::-webkit-scrollbar{display:none}.cat-chip{flex:none;display:inline-flex;align-items:center;gap:4px;padding:5px 13px;border-radius:999px;font-size:12px;font-weight:600;border:1.5px solid #e8ecef;background:#fff;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.cat-chip:hover{transform:translateY(-1px)}.cat-chip.active{color:#fff;border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 3px 10px #2ebd8540}.milestone-list{display:flex;flex-direction:column;gap:8px}.milestone-item{display:flex;gap:10px;padding:11px 13px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(233,236,239,.9);transition:all var(--transition-fast);animation:fadeInUp .35s ease-out both}.milestone-item:hover{border-color:var(--color-primary-light);box-shadow:0 3px 12px #ff8c941f}.milestone-item.done{background:#95e1d31f;border-color:#6cc4b559}.milestone-status{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px}.milestone-status svg{animation:bounceIn .3s ease-out}.milestone-body{flex:1;cursor:pointer;min-width:0}.milestone-line{display:flex;align-items:center;gap:8px}.milestone-cat-tag{flex-shrink:0;font-size:11px;font-weight:600;padding:2px 8px;border-radius:8px;white-space:nowrap;color:var(--color-primary-dark);background:var(--color-primary-bg)}.milestone-text{flex:1;font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.5;min-width:0}.milestone-item.done .milestone-text{color:var(--color-text-muted);text-decoration:line-through;text-decoration-color:var(--color-secondary-dark);text-decoration-thickness:2px}.milestone-chevron{flex-shrink:0;color:var(--color-text-muted)}.milestone-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px;font-size:11px;color:var(--color-text-muted)}.milestone-warning{display:inline-flex;align-items:center;gap:3px;color:var(--color-alert);background:#e170551a;padding:1px 8px;border-radius:999px;font-weight:600}.milestone-tips{margin-top:8px;padding:10px 12px;border-radius:12px;background:#fff8f0e6;border:1px dashed rgba(253,203,110,.7);animation:slideDown .3s ease-out}.tips-head{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:#b8873a;margin-bottom:6px}.tips-line{font-size:12px;line-height:1.7;color:var(--color-text-secondary);padding-left:14px;position:relative}.tips-line:before{content:"·";position:absolute;left:4px;color:var(--color-warning);font-weight:800}.progress-track{height:8px;border-radius:999px;background:#f2f2f2;overflow:hidden;margin-bottom:14px}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#6cc4b5,#95e1d3);transition:width .5s cubic-bezier(.22,1,.36,1)}.task-list{display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 13px;border-radius:16px;background:#ffffffb3;border:1px solid rgba(233,236,239,.9);cursor:pointer;font-family:var(--font-sans);transition:all var(--transition-fast);animation:fadeInUp .35s ease-out both}.task-item:hover{border-color:var(--color-secondary);box-shadow:0 3px 12px #95e1d333}.task-item.done{background:#95e1d31f;border-color:#6cc4b559}.task-check{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-secondary-dark)}.task-check svg{animation:bounceIn .3s ease-out}.task-item:not(.done) .task-check svg{animation:none;color:#d3d7da}.task-text{flex:1;font-size:14px;font-weight:600;color:var(--color-text-primary);line-height:1.5}.task-item.done .task-text{color:var(--color-text-muted);text-decoration:line-through;text-decoration-color:var(--color-secondary-dark);text-decoration-thickness:2px}.task-meta{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:12px;color:var(--color-text-muted)}.task-celebrate{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:14px;font-size:13px;font-weight:700;color:#2a9d8f;background:#95e1d340;animation:celebratePulse 1.6s ease-in-out infinite}.confetti-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5;border-radius:22px}.confetti-piece{position:absolute;top:-12px;border-radius:2px}.card{position:relative}.radar-card{padding:18px}.bottom-actions .btn{width:100%;padding:14px 20px;font-size:15px}.empty-state{text-align:center;padding:30px 12px;font-size:13px;color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:24px;background:#2d343661;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .25s ease-out}.modal-card{width:100%;max-width:400px;border-radius:26px;background:#fff;padding:26px;box-shadow:var(--shadow-xl);animation:fadeInScale .4s cubic-bezier(.22,1,.36,1) both}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.modal-head h3{font-size:19px;font-weight:800;color:var(--color-text-primary)}.modal-head p{font-size:13px;color:var(--color-text-muted);margin-top:3px}.form-field{margin-bottom:15px}.form-field>span{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.form-field input{width:100%;padding:11px 14px;border:2px solid #eef0f1;border-radius:13px;font-size:15px;font-family:var(--font-sans);color:var(--color-text-primary);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-bg)}.form-field input::placeholder{color:var(--color-text-muted)}.gender-row{display:flex;gap:10px}.gender-btn{flex:1;padding:11px 0;border-radius:12px;border:2px solid #eef0f1;background:#fff;font-size:14px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.gender-btn:hover{border-color:var(--color-primary-light)}.gender-btn.active{border-color:var(--color-primary);background:var(--color-primary-bg);color:var(--color-primary-dark);font-weight:700}.text-alert{color:var(--color-alert);font-weight:700}.confirm-card{position:relative;text-align:center;padding:28px 26px 24px}.confirm-close{position:absolute;top:12px;right:12px}.confirm-icon{width:56px;height:56px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-alert-bg);color:var(--color-alert);animation:modalPop .3s ease}.confirm-title{font-size:18px;font-weight:800;color:var(--color-text-primary);margin-bottom:8px}.confirm-message{font-size:14px;line-height:1.6;color:var(--color-text-secondary);margin-bottom:22px}.confirm-actions{display:flex;gap:10px}.confirm-actions .confirm-cancel,.confirm-actions .confirm-ok{flex:1;padding:11px;border-radius:13px;font-size:14px;font-weight:700}.confirm-actions .confirm-cancel{background:#f2f3f5;color:var(--color-text-secondary)}.confirm-actions .confirm-ok{border:none;background:var(--color-alert);color:#fff;cursor:pointer;transition:opacity var(--transition-fast)}.confirm-actions .confirm-ok:hover{opacity:.88}.modal-cta{width:100%;margin-top:6px;border-radius:14px;padding:13px;font-size:15px;font-weight:700;letter-spacing:.5px}.modal-delete{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px auto 0;padding:6px 12px;background:transparent;border:none;color:var(--color-alert);font-size:13px;font-weight:600;cursor:pointer;opacity:.85;transition:opacity var(--transition-fast)}.modal-delete:hover{opacity:1}.share-toast{position:fixed;left:50%;bottom:56px;transform:translate(-50%);padding:11px 22px;background:#1e1b1beb;color:#fff;font-size:14px;font-weight:500;border-radius:999px;box-shadow:0 12px 32px #0000002e;z-index:200;animation:toastIn .28s ease-out;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dlg-card{padding:0;overflow:hidden;max-height:88vh;display:flex;flex-direction:column}.dlg-head{display:flex;align-items:center;gap:12px;padding:20px 20px 18px;background:linear-gradient(135deg,#ff8c94,#ffb3b8);color:#fff;flex-shrink:0}.dlg-head-icon{width:42px;height:42px;border-radius:13px;background:#ffffff38;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dlg-head-text{flex:1;min-width:0}.dlg-head-text h3{font-size:17px;font-weight:800;margin-bottom:3px}.dlg-head-text p{font-size:12px;opacity:.92}.dlg-close{color:#fff;background:#ffffff29}.dlg-close:hover{background:#ffffff4d}.dlg-body{padding:18px 20px 22px;overflow-y:auto}.dlg-creator{display:flex;gap:12px;background:var(--color-primary-bg);border-radius:16px;padding:14px}.dlg-creator-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ff8c94,#ffb3b8);color:#fff;font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dlg-creator-name{font-size:15px;font-weight:800;color:var(--color-text-primary);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:5px}.dlg-creator-tag{font-size:11px;font-weight:600;color:var(--color-primary-dark);background:#fff;border:1px solid var(--color-primary-light);padding:2px 8px;border-radius:999px}.dlg-creator-desc{font-size:12.5px;line-height:1.75;color:var(--color-text-secondary);margin:0}.dlg-contacts{display:flex;flex-direction:column;gap:8px;margin-top:14px}.dlg-contact{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:1px solid #FFE3E5;border-radius:13px;background:#fff;cursor:pointer;transition:all var(--transition-fast);text-align:left}.dlg-contact:hover{border-color:var(--color-primary-light);background:var(--color-primary-alpha)}.dlg-contact-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.dlg-contact-icon.wx{background:#3fbf4f}.dlg-contact-icon.dy{background:#17181c}.dlg-contact-main{flex:1;min-width:0;display:flex;flex-direction:column}.dlg-contact-main b{font-size:13px;color:var(--color-text-primary)}.dlg-contact-main em{font-size:12px;color:var(--color-text-muted);font-style:normal}.dlg-contact-copy{font-size:12px;color:var(--color-primary-dark);display:inline-flex;align-items:center;gap:3px;flex-shrink:0}.dlg-price{display:flex;align-items:center;gap:6px;margin-top:14px;padding:10px 12px;background:#fff4e6;color:#c7781f;border-radius:12px;font-size:12px;line-height:1.6}.dlg-price svg{flex-shrink:0}.dlg-activate{margin-top:16px}.dlg-activate-label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--color-text-secondary);margin-bottom:8px}.dlg-activate-label svg{color:var(--color-primary)}.dlg-input-row{display:flex;align-items:center;gap:9px;border:2px solid #FFE0E3;border-radius:14px;padding:0 14px;background:#fffbfb;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.dlg-input-row:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-bg)}.dlg-input-row svg{color:var(--color-primary);flex-shrink:0}.dlg-input-row input{flex:1;border:none;outline:none;background:transparent;padding:13px 0;font-size:14px;font-weight:600;letter-spacing:1.5px;color:var(--color-text-primary);font-family:var(--font-sans)}.dlg-error{display:flex;align-items:flex-start;gap:5px;font-size:12px;color:var(--color-alert);margin:8px 2px 0;line-height:1.5}.dlg-error svg{flex-shrink:0;margin-top:1px}.dlg-tip{display:flex;align-items:center;justify-content:center;gap:5px;font-size:11.5px;color:var(--color-text-muted);margin-top:11px}.dlg-tip svg{color:var(--color-primary)}.dlg-cta{position:relative;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:9px;margin-top:12px;padding:15px 18px;border:none;outline:none;border-radius:15px;font-family:var(--font-sans);font-size:15.5px;font-weight:800;letter-spacing:.5px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast),filter var(--transition-fast)}.dlg-cta:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1.5px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);border-radius:999px}.dlg-cta svg{flex-shrink:0;display:block}.dlg-cta--activate{background:linear-gradient(135deg,#ff8c94,#f2707a 55%,#e5737a);box-shadow:0 8px 22px #ff7a8361,inset 0 1px #ffffff47}.dlg-cta--activate:hover:not(:disabled){background:linear-gradient(135deg,#ff9aa0,#f2707a);box-shadow:0 11px 30px #ff7a8380,inset 0 1px #ffffff47;transform:translateY(-2px)}.dlg-cta--activate:active:not(:disabled){transform:scale(.97)}.dlg-cta--activate:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.dlg-cta--download{background:linear-gradient(135deg,#35c27e,#1fa868);box-shadow:0 8px 22px #34c57f59,inset 0 1px #ffffff47}.dlg-cta--download:hover:not(:disabled){background:linear-gradient(135deg,#3fcf8b,#22b572);box-shadow:0 11px 30px #34c57f75,inset 0 1px #ffffff47;transform:translateY(-2px)}.dlg-cta--download:active:not(:disabled){transform:scale(.97)}.dlg-cta--download:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.dlg-activated{text-align:center;padding:10px 4px}.dlg-success-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:#e3f5ea;color:#2f9e5e;font-size:13px;font-weight:700}.dlg-hint{font-size:13px;color:var(--color-text-secondary);line-height:1.8;margin:14px 0 20px}.dlg-hint strong{color:var(--color-primary-dark)}@media (max-width: 640px){.topnav{padding:12px 14px}.topnav-name{font-size:18px;letter-spacing:1px}.topnav-logo{width:36px;height:36px}.app-main{grid-template-columns:74px 1fr;gap:12px;padding:6px 12px 40px}.ruler{top:60px;height:calc(100dvh - 96px);min-height:480px;padding:18px 0 14px}.stage-content>section{scroll-margin-top:76px}.ruler-active-tag{left:calc(50% + 12px);font-size:10px;padding:2px 7px}.ruler-label{font-size:9px}.stage-head{padding:18px;border-radius:22px}.stage-title{font-size:22px}.stage-head-stats{gap:8px}.sh-stat{padding:9px 10px}.sh-stat strong{font-size:20px}.stage-content>.card,.radar-card,.bottom-actions{padding:15px;border-radius:20px}}@media (min-width: 1400px){.app-main{padding-left:24px;padding-right:24px}}.locked-banner{display:flex;align-items:center;gap:8px;width:100%;margin:2px 0 12px;padding:9px 12px;border-radius:12px;border:1px dashed rgba(255,140,148,.45);background:#ff8c9414;font-size:13px;color:#d66a72;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.locked-banner:hover{background:#ff8c9424}.locked-banner svg{flex:none}.locked-banner-cta{margin-left:auto;flex:none;font-weight:600;color:var(--color-primary)}button.sh-stat--disabled{cursor:not-allowed;opacity:.72}button.sh-stat--disabled:hover{transform:none;border-color:#fffffff2;box-shadow:0 2px 8px #0000000a}button.sh-stat--disabled:hover .sh-stat-arrow{transform:none;color:var(--color-text-muted)}.milestone-timeline--locked .milestone-status,.milestone-timeline--locked .milestone-body{cursor:not-allowed}.milestone-timeline--locked .milestone-status svg{animation:none}.daily-tasks--locked .task-item{cursor:not-allowed}.daily-tasks--locked .task-item:hover{transform:none;border-color:#e9ecefe6;background:#ffffffb3}.btn-outline--locked{opacity:.62;cursor:not-allowed}.btn-outline--locked:hover{transform:none;border-color:var(--color-border);background:transparent;color:var(--color-text-secondary)}:root{--color-primary: #FF8C94;--color-primary-light: #FFB3B8;--color-primary-dark: #E5737A;--color-primary-bg: rgba(255, 140, 148, .08);--color-primary-alpha: rgba(255, 140, 148, .15);--color-secondary: #95E1D3;--color-secondary-light: #B8EEE5;--color-secondary-dark: #6CC4B5;--color-bg: #FFF5F5;--color-surface: #FFFFFF;--color-text-primary: #2D3436;--color-text-secondary: #636E72;--color-text-muted: #B2BEC3;--color-warning: #FDCB6E;--color-alert: #E17055;--color-alert-bg: rgba(225, 112, 85, .12);--color-success: #66BB6A;--color-motor: #5B9BD5;--color-fine: #66BB6A;--color-language: #AB47BC;--color-cognitive: #FFA726;--color-social: #EF5350;--color-selfcare: #26C6DA;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50%;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-size-title: 24px;--font-size-subtitle: 18px;--font-size-body: 15px;--font-size-caption: 13px;--font-size-small: 12px;--line-height: 1.6;--transition-fast: .2s ease-out;--transition-normal: .3s ease-out}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height);color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100px) rotate(720deg);opacity:0}}@keyframes confetti-float{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-80px) translate(40px) rotate(360deg);opacity:0}}@keyframes lineThrough{0%{width:0}to{width:100%}}@keyframes celebratePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:fadeIn var(--transition-normal) ease-out forwards}.fade-in-up{animation:fadeInUp var(--transition-normal) ease-out forwards}.fade-in-scale{animation:fadeInScale var(--transition-normal) ease-out forwards}.scroll-x{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:6px 14px;border-radius:20px;font-size:var(--font-size-caption);font-weight:500;white-space:nowrap;border:1.5px solid transparent;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.pill:hover{transform:scale(.98)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:600;border:none;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;outline:none;cursor:pointer;font-family:var(--font-sans);font-weight:600;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;box-shadow:0 4px 14px #ff8c9452}.btn-primary:focus-visible{box-shadow:0 0 0 3px #ff8c9459}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);box-shadow:0 6px 18px #ff8c9473;transform:translateY(-1px)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn-primary svg{flex-shrink:0;display:block}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-bg)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:8px 12px}.btn-ghost:hover{background:var(--color-primary-bg);color:var(--color-primary)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.icon-btn:hover{background:var(--color-primary-bg);color:var(--color-primary)}.icon-btn:active{transform:scale(.92)}.input{width:100%;padding:10px 14px;border:2px solid #e8e8e8;border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--color-primary)}.input::placeholder{color:var(--color-text-muted)}.select{width:100%;padding:10px 40px 10px 14px;border:2px solid #e8e8e8;border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-surface);cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23636E72' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,16px)}@media (min-width: 768px){.page-container{max-width:780px;margin:0 auto;padding-left:var(--space-lg);padding-right:var(--space-lg)}}