:root{--bg:#eef6f3;--bg-soft:#f6faf8;--surface:#fff;--text:#1d2b29;--text-muted:#647a74;--border:#145a501f;--accent:#14b8a6;--accent-strong:#0d9488;--accent-soft:#14b8a61f;--accent-soft-2:#14b8a60f;--grad:linear-gradient(135deg, #2dd4bf 0%, #34d399 100%);--danger:#e05757;--danger-bg:#fdecec;--success:#2e9e6b;--success-bg:#e8f6ee;--warning-bg:#fff4e0;--warning-text:#9a6a12;--radius:18px;--radius-sm:12px;--shadow:0 1px 2px #1028240a, 0 10px 30px #1028240f;--shadow-hover:0 6px 16px #10282414, 0 18px 40px #1028241a;--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 100% -10%,#7dd3fc1a,#0000 60%),radial-gradient(900px 500px at -10% 0,#2dd4bf14,#0000 55%);background-attachment:fixed;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif;font-size:15px;line-height:1.65}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:.5px solid var(--border);z-index:10;background:#ffffffd1;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:.2px;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand:before{content:"";background:var(--grad);border-radius:7px;width:22px;height:22px;box-shadow:0 4px 10px #2dd4bf66}.nav{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav a{color:var(--text-muted);white-space:nowrap;transition:background .2s var(--ease), color .2s var(--ease);border-radius:999px;padding:7px 13px;font-size:14px;text-decoration:none}.nav a:hover{background:var(--accent-soft-2);color:var(--accent-strong)}.nav a.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.page{z-index:1;flex:1;width:100%;max-width:760px;margin:0 auto;padding:18px 16px 40px;position:relative}.page-anim{animation:fadeUp .45s var(--ease) both}.stack{flex-direction:column;gap:16px;display:flex}.card{-webkit-backdrop-filter:blur(10px)saturate(1.15);border:.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);animation:fadeUp .5s var(--ease) both;transition:box-shadow .25s var(--ease), transform .25s var(--ease);background:#ffffffe0;padding:18px;position:relative}.card:before{content:"";pointer-events:none;background:radial-gradient(circle at 42% 42%,#7dd3fc33,#0000 70%);width:150px;height:150px;position:absolute;top:-30px;left:-30px}.card:after{content:"";opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%230ea5e9' stroke-width='1.5'%3E%3Ccircle cx='12' cy='12' r='3.5'/%3E%3Ccircle cx='12' cy='12' r='8' opacity='0.55'/%3E%3Ccircle cx='12' cy='12' r='11.2' opacity='0.25'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;width:82px;height:82px;position:absolute;bottom:6px;right:10px}.card:hover{box-shadow:var(--shadow-hover)}.card.narrow{max-width:420px;margin:32px auto}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.card h1{letter-spacing:.2px;margin:0 0 8px;font-size:22px;font-weight:700}.card h2{color:var(--text);margin:0 0 4px;font-size:16px;font-weight:700}.card.hint{background:var(--accent-soft-2);border-color:#14b8a640}.card.danger{border-color:#e0575759}.hero{background:var(--grad);border-radius:var(--radius);color:#fff;animation:fadeUp .5s var(--ease) both;padding:22px 20px;position:relative;overflow:hidden;box-shadow:0 12px 30px #2dd4bf4d}.hero:after{content:"";background:#ffffff29;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.hero:before{content:"";background:#ffffff1f;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-60px;right:60px}.hero h1{margin:0;font-size:22px;font-weight:700;position:relative}.hero p{opacity:.92;margin:6px 0 0;font-size:14px;position:relative}.hero .hero-date{background:#ffffff38;border-radius:999px;margin-top:12px;padding:5px 12px;font-size:13px;display:inline-block;position:relative}.form{flex-direction:column;gap:12px;margin-top:10px;display:flex}.form.inline{flex-flow:wrap;align-items:flex-end;gap:10px}.form.inline label{flex:140px}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field-row label{flex:140px}label{color:var(--text-muted);flex-direction:column;gap:5px;font-size:13px;display:flex}input,select{font:inherit;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);width:100%;transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);padding:10px 12px}input:hover,select:hover{border-color:#14b8a666}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);background:#fff;outline:none}button{font:inherit;border-radius:var(--radius-sm);background:var(--grad);color:#fff;cursor:pointer;white-space:nowrap;transition:transform .15s var(--ease), box-shadow .2s var(--ease), filter .2s var(--ease);border:none;padding:10px 20px;font-weight:600;box-shadow:0 6px 16px #14b8a64d}button:hover{filter:saturate(1.05);transform:translateY(-1px);box-shadow:0 10px 22px #14b8a661}button:active{transform:translateY(0)scale(.98)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}button.ghost{color:var(--accent-strong);border:1px solid var(--border);box-shadow:none;background:0 0}button.ghost:hover{background:var(--accent-soft-2);transform:none}button.danger{background:var(--danger);box-shadow:0 6px 16px #e0575747}button.danger:hover{background:#c84646;box-shadow:0 10px 22px #e0575757}.danger-text{color:var(--danger)!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0;display:grid}.stat{background:var(--bg-soft);border:.5px solid var(--border);border-radius:var(--radius-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease);animation:fadeUp .5s var(--ease) both;flex-direction:column;gap:3px;padding:14px;display:flex}.stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-grid .stat:first-child{background:#14b8a61a}.stat-grid .stat:first-child .stat-value{color:#0d9488}.stat-grid .stat:nth-child(2){background:#f59e0b1a}.stat-grid .stat:nth-child(2) .stat-value{color:#b45309}.stat-grid .stat:nth-child(3){background:#3898ec1a}.stat-grid .stat:nth-child(3) .stat-value{color:#1f6feb}.stat-grid .stat:nth-child(4){background:#8b5cf61a}.stat-grid .stat:nth-child(4) .stat-value{color:#7c3aed}.stat-label{color:var(--text-muted);font-size:12px}.stat-value{letter-spacing:.2px;font-variant-numeric:tabular-nums;font-size:24px;font-weight:700}.stat-sub{color:var(--text-muted);font-size:12px}.count-num{font-variant-numeric:tabular-nums}.chart{width:100%;height:260px;animation:fadeUp .6s var(--ease) both}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list li{border-bottom:.5px solid var(--border);transition:background .2s var(--ease);border-radius:8px;align-items:center;gap:10px;padding:11px 4px;font-size:14px;display:flex}.list li:hover{background:var(--bg-soft)}.list li:last-child{border-bottom:none}.list-date{color:var(--text-muted);min-width:92px}.list-weight{min-width:64px;font-weight:700}.list-note{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.result-box{background:var(--bg-soft);border-radius:var(--radius-sm);margin-top:12px;padding:14px}.result-box p{margin:6px 0}.summary{grid-template-columns:auto 1fr;gap:6px 16px;margin:8px 0;font-size:14px;display:grid}.summary dt{color:var(--text-muted)}.summary dd{margin:0}.error{color:var(--danger);margin:4px 0;font-size:14px}.success{color:var(--success);margin:4px 0;font-size:14px}.warning{background:var(--warning-bg);color:var(--warning-text);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.muted{color:var(--text-muted);font-size:14px}a{color:var(--accent-strong)}.footer{text-align:center;border-top:.5px solid var(--border);color:var(--text-muted);z-index:1;padding:20px 16px;font-size:13px;position:relative}.date-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-nav input{flex:140px}.intake-summary{flex-direction:column;gap:8px;margin:10px 0 4px;display:flex}.intake-main{flex-direction:column;gap:2px;display:flex}.progress{background:var(--bg-soft);border-radius:999px;height:10px;overflow:hidden;box-shadow:inset 0 1px 2px #1028240f}.progress-bar{background:var(--grad);height:100%;transition:width .6s var(--ease);border-radius:999px}.macro-row{color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:13px;display:flex}.link-button{background:var(--accent-soft);color:var(--accent-strong);transition:transform .15s var(--ease), background .2s var(--ease);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.link-button:hover{background:var(--accent-soft-2);transform:translate(2px)}.button-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.search{width:100%;font:inherit;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-soft);padding:10px 14px}.picker-section{border-top:.5px solid var(--border);margin-top:12px;padding-top:10px}.picker-section summary{cursor:pointer;color:var(--accent-strong);padding:4px 0;font-size:14px;font-weight:600}.pick-list{flex-direction:column;gap:6px;max-height:300px;margin-top:8px;display:flex;overflow-y:auto}.pick-list h3{color:var(--text-muted);margin:10px 0 2px;font-size:13px;font-weight:600}.pick-item{text-align:left;background:var(--bg-soft);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;transition:background .2s var(--ease), border-color .2s var(--ease), transform .15s var(--ease);border:.5px solid #0000;justify-content:space-between;gap:10px;padding:10px 14px;font-size:14px;font-weight:400;display:flex}.pick-item:hover{background:var(--accent-soft);border-color:#14b8a64d;transform:translate(2px)}.pick-item .muted{white-space:nowrap;font-size:12px}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#1028246b;justify-content:center;align-items:flex-end;padding:16px;animation:.2s both fadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.picker{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:88vh;box-shadow:var(--shadow-hover);animation:popIn .28s var(--ease) both;margin-bottom:16px;padding:18px;overflow-y:auto}.template-list{grid-template-columns:1fr;gap:12px;margin-top:10px;display:grid}.template-card{background:var(--bg-soft);border:.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.template-card:hover{box-shadow:var(--shadow);border-color:#14b8a659;transform:translateY(-2px)}.template-card h3{margin:0;font-size:15px;font-weight:700}.template-card p{color:var(--text-muted);margin:0;font-size:13px}.plan-today{flex-direction:column;gap:10px;display:flex}.plan-name{margin:4px 0 2px;font-size:18px;font-weight:700}.week-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px;display:grid}.week-cell{border:.5px solid var(--border);border-radius:var(--radius-sm);text-align:center;color:var(--text-muted);transition:transform .2s var(--ease), background .2s var(--ease);flex-direction:column;gap:2px;padding:8px 2px;font-size:12px;display:flex}.week-cell:hover{transform:translateY(-2px)}.week-cell .week-mark{color:var(--text);font-size:14px;font-weight:600}.week-cell.done{background:var(--accent-soft);color:var(--accent-strong);border-color:#14b8a659}.week-cell.done .week-mark{color:var(--accent-strong)}.week-cell.today{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);border-width:1.5px}.week-cell.future{opacity:.45}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#145a500f 25%,#145a501f 37%,#145a500f 63%) 0 0/400px 100%;animation:1.4s infinite shimmer}.skeleton-line{height:14px;margin:10px 0}.skeleton-block{height:120px;margin:12px 0}.toast-wrap{z-index:200;pointer-events:none;flex-direction:column;gap:10px;width:min(92vw,420px);display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;color:#fff;animation:toastIn .3s var(--ease) both;background:#1d2b29f0;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex;box-shadow:0 12px 30px #10282440}.toast.out{animation:toastOut .3s var(--ease) both}.toast .toast-dot{background:var(--accent);border-radius:50%;flex:none;width:9px;height:9px}.toast.success .toast-dot{background:#4ade80}.toast.error .toast-dot{background:#f87171}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)scale(.97)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width>=640px){.page{padding:28px 16px 48px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.chart{height:300px}.overlay{align-items:center}.picker{margin-bottom:0}.template-list{grid-template-columns:repeat(3,minmax(0,1fr))}.plan-today{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}}.tips{color:#445;margin:12px 0 0;padding-left:20px;font-size:14px;line-height:1.7}.tips li+li{margin-top:4px}.parallax-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.parallax-layer{will-change:transform;position:absolute}.px-img{opacity:.94;transform:translate3d(0, var(--sy,0px), 0);filter:saturate(1.02)brightness(1.03);background-image:url(/bg-lily.jpg);background-position:50%;background-size:cover;inset:-340px -6% -120px}.px-glow{width:260px;height:260px;transform:translate(calc(var(--mx,50vw) - 130px), calc(var(--my,40vh) - 130px));opacity:0;transition:opacity .3s var(--ease);will-change:transform, opacity;pointer-events:none;background:radial-gradient(circle,#ffffff80,#bae6fd38 45%,#0000 70%);border-radius:50%;position:absolute;top:0;left:0}.parallax-bg.spot-on .px-glow{opacity:1}.px-drops{position:absolute;inset:0;overflow:hidden}.px-drop{animation:pxRise var(--dur,1.1s) cubic-bezier(.22, 1, .36, 1) forwards;opacity:0;pointer-events:none;background:radial-gradient(circle at 32% 28%,#fffffff2,#a5e7fc8c 55%,#a5e7fc00 78%);border-radius:50%;position:absolute;box-shadow:0 0 6px #ffffff80}@keyframes pxRise{0%{opacity:0;transform:translate(0)scale(.5)}18%{opacity:.9}to{transform:translate(var(--dx,0px), calc(-1 * var(--rise,100px))) scale(1.2);opacity:0}}.px-blob{border-radius:50%}.px-blob-a{background:radial-gradient(circle at 32% 32%,#7dd3fc38,#7dd3fc00 70%);width:42vmax;height:42vmax;animation:16s ease-in-out infinite floaty;top:-10vmax;left:-12vmax}.px-blob-b{background:radial-gradient(circle at 68% 68%,#2dd4bf2e,#2dd4bf00 70%);width:36vmax;height:36vmax;animation:21s ease-in-out infinite reverse floaty;bottom:-12vmax;right:-10vmax}.parallax-scrim{background:linear-gradient(#f0f9ff2e 0%,#f0f9ff0d 45%,#f0f9ff47 100%);position:absolute;inset:0}@keyframes floaty{0%,to{translate:0}50%{translate:0 -20px}}@keyframes sway{0%,to{translate:0;rotate:-6deg}50%{translate:0 -14px;rotate:9deg}}.badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.badge-card{-webkit-backdrop-filter:blur(10px)saturate(1.15);border:.5px solid var(--border);border-radius:var(--radius-sm);animation:fadeUp .5s var(--ease) both;transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:#ffffffe0;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;display:flex}.badge-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.badge-card .badge-icon{filter:grayscale();opacity:.5;font-size:26px;line-height:1.2}.badge-card h3{margin:2px 0 0;font-size:15px;font-weight:700}.badge-card p{color:var(--text-muted);margin:0;font-size:12.5px}.badge-card .badge-state{margin-top:2px;font-size:12px}.badge-card.unlocked{background:linear-gradient(160deg,#e0f2fee6,#ffffffe6);border-color:#0ea5e959}.badge-card.unlocked .badge-icon{filter:none;opacity:1}.badge-card.unlocked .badge-state{color:#0369a1;font-weight:600}.task-progress{color:var(--text-muted);font-size:13px;font-weight:600}.task-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.task-date{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.task-date input{width:auto}.task-add{gap:8px;margin-bottom:14px;display:flex}.task-add input[type=text]{flex:1}.task-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.task-item{border:.5px solid var(--border);border-radius:var(--radius-sm);transition:background .2s var(--ease), opacity .2s var(--ease);background:#ffffffb3;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.task-item:hover{background:#ffffffe0}.task-check{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.task-check input[type=checkbox]{accent-color:#0ea5e9;cursor:pointer;flex-shrink:0;width:18px;height:18px}.task-text{word-break:break-word;font-size:14.5px}.task-done{opacity:.7}.task-done .task-text{color:var(--text-muted);text-decoration:line-through}.badge-progress{background:var(--bg-soft);border-radius:999px;width:100%;height:6px;margin-top:6px;overflow:hidden}.badge-progress-bar{background:var(--grad);height:100%;transition:width .6s var(--ease);border-radius:999px}@media (width>=640px){.badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.confetti-layer{pointer-events:none;z-index:300;position:fixed;inset:0;overflow:hidden}.confetti-piece{will-change:transform, opacity;border-radius:2px;display:block;position:absolute}.chart-legend{flex-wrap:wrap;gap:8px 18px;margin-top:12px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;display:inline-flex}.legend-item .swatch-target{border-top:2px dashed #f59e0b;width:16px;height:0}.legend-item .swatch-healthy{background:#34d39938;border-radius:3px;width:16px;height:10px}.goal-progress{margin-top:14px}.goal-progress-head{color:var(--text-muted);justify-content:space-between;align-items:baseline;margin-bottom:6px;font-size:13px;display:flex}.goal-progress-head .goal-pct{color:var(--accent-strong);font-variant-numeric:tabular-nums;font-weight:700}