@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-sans-thai-thai-400-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/fonts/ibm-plex-sans-thai-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/ibm-plex-sans-thai-thai-500-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/ibm-plex-sans-thai-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/ibm-plex-sans-thai-thai-600-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/fonts/ibm-plex-sans-thai-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#FAF8F3;--surface:#FFFFFF;--ink:#2F2F2F;--ink2:#55554F;--muted:#8A8A85;--sage:#7C9A82;--sage-d:#5F7D66;--sage-soft:#EEF2EC;--sage-soft2:#E1E9DF;--sand:#E6E2DA;--sand-soft:#F2EFE8;--clay:#C98B6B;--clay-soft:#F6EBE3;--r-lg:22px;--r-md:16px;--r-sm:12px;--shadow:0 1px 2px rgba(47,47,47,.04),0 8px 24px rgba(47,47,47,.05);--shadow-up:0 -8px 30px rgba(47,47,47,.08);--ease:cubic-bezier(.2,.8,.2,1);--spring:cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#edeae3;overscroll-behavior:none}body{font-family:IBM Plex Sans Thai,system-ui,sans-serif;font-weight:400;font-synthesis:none;color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em}b,strong{font-weight:600}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}input{font:inherit;color:inherit}svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}#app{position:relative;max-width:440px;height:100dvh;margin:0 auto;background:var(--bg);overflow:hidden;box-shadow:0 0 60px #0000000f}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .35s var(--ease),transform .45s var(--ease)}.screen.on{opacity:1;pointer-events:auto;transform:none}.screen:not(.on) *{pointer-events:none!important}.scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 20px 120px;scrollbar-width:none}.scroll::-webkit-scrollbar{display:none}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:20px}.label{font-size:12.5px;color:var(--muted);letter-spacing:.01em}.h1{font-size:24px;font-weight:600;margin:0}.btn{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;border-radius:16px;font-weight:500;font-size:16px;width:100%;transition:transform .15s var(--ease),background .2s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:#fff}.btn-sage{background:var(--sage);color:#fff;box-shadow:0 6px 18px #7c9a8259}.btn-ghost{background:var(--sand-soft);color:var(--ink)}.btn[disabled]{opacity:.45;pointer-events:none}.press{transition:transform .15s var(--ease)}.press:active{transform:scale(.975)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;border-radius:99px;font-size:12.5px;background:var(--sand-soft);color:var(--ink2);white-space:nowrap}.chip.sage{background:var(--sage-soft);color:var(--sage-d)}.chip.clay{background:var(--clay-soft);color:#9a5e42}.fade-in{animation:fadeUp .5s var(--ease) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stagger>*{animation:fadeUp .55s var(--ease) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.17s}.stagger>*:nth-child(5){animation-delay:.22s}.stagger>*:nth-child(6){animation-delay:.27s}.stagger>*:nth-child(7){animation-delay:.32s}.stagger>*:nth-child(8){animation-delay:.37s}.stagger>*:nth-child(n+9){animation-delay:.42s}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#welcome .wrap{flex:1;display:flex;flex-direction:column;padding:calc(28px + env(safe-area-inset-top)) 24px calc(28px + env(safe-area-inset-bottom))}.brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px}.logo{width:34px;height:34px;border-radius:11px;background:var(--ink);display:grid;place-items:center}.flowart{margin:18px -24px 0;height:250px}.flowart path{fill:none;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900;animation:draw 2.4s var(--ease) forwards}.flowart path:nth-child(2){animation-delay:.25s}.flowart path:nth-child(3){animation-delay:.5s}.flowart path:nth-child(4){animation-delay:.75s}@keyframes draw{to{stroke-dashoffset:0}}.flowart circle{opacity:0;animation:pop .6s var(--spring) 1.6s forwards;transform-origin:center;transform-box:fill-box}@keyframes pop{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.hero-title{font-size:30px;line-height:1.28;font-weight:600;margin:6px 0 10px;letter-spacing:-.01em}.hero-sub{color:var(--ink2);margin:0 0 auto}.gbtn{background:#fff;border:1px solid var(--sand);color:var(--ink);box-shadow:var(--shadow)}.trust{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin-top:16px;line-height:1.5}.inapp{display:none;gap:12px;align-items:flex-start;background:var(--clay-soft);color:#7a4a33;border-radius:var(--r-md);padding:14px;font-size:13.5px;margin-bottom:14px;animation:fadeUp .4s var(--ease)}.inapp.on{display:flex}.linkbtn{color:var(--sage-d);font-size:13px;text-decoration:underline;text-underline-offset:3px;margin-top:10px;align-self:center}.topbar{display:flex;align-items:center;gap:8px;padding:calc(14px + env(safe-area-inset-top)) 12px 6px;min-height:56px}.iconbtn{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;transition:background .2s,transform .15s}.iconbtn:active{background:var(--sand-soft);transform:scale(.94)}.code-field{display:flex;align-items:center;height:68px;border-radius:18px;background:#fff;border:1.5px solid var(--sand);padding:0 18px;transition:border-color .2s,box-shadow .2s;margin-top:22px}.code-field:focus-within{border-color:var(--sage);box-shadow:0 0 0 5px var(--sage-soft)}.code-field input{border:0;outline:0;background:none;width:100%;font-size:26px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;text-align:center}.code-field.err{animation:shake .4s;border-color:var(--clay)}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.success{display:none;flex-direction:column;align-items:center;text-align:center;padding-top:40px}.success.on{display:flex;animation:fadeUp .5s var(--ease)}.check-big{width:92px;height:92px;border-radius:50%;background:var(--sage-soft);display:grid;place-items:center;margin-bottom:18px;animation:pop .6s var(--spring)}.check-big svg{width:44px;height:44px;stroke:var(--sage-d);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.check-big path{stroke-dasharray:40;stroke-dashoffset:40;animation:drawc .5s var(--ease) .3s forwards}@keyframes drawc{to{stroke-dashoffset:0}}.tab{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .28s var(--ease)}.tab.on{opacity:1;pointer-events:auto}.apphead{display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 20px 12px}.sync{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:99px;background:#fff;box-shadow:var(--shadow);font-size:12.5px;color:var(--ink2);transition:all .3s}.sync svg{width:16px;height:16px}.sync.ok svg{color:var(--sage)}.tabbar{position:absolute;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));height:68px;background:#ffffffeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:24px;box-shadow:0 10px 30px #2f2f2f1a;display:grid;grid-template-columns:repeat(4,1fr);z-index:20}.tabbtn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--muted);transition:color .25s}.tabbtn svg{transition:transform .35s var(--spring)}.tabbtn.on{color:var(--ink)}.tabbtn.on svg{transform:translateY(-1px) scale(1.08)}.tabpill{position:absolute;top:8px;bottom:8px;width:calc((100% - 16px)/4);left:8px;background:var(--sage-soft);border-radius:17px;transition:transform .45s var(--spring);z-index:-1}.tabbar-inner{position:relative;display:contents}.hero{position:relative;overflow:hidden;background:linear-gradient(155deg,#f3f6f1,#fff 60%);padding:22px 22px 20px}.hero .date{font-size:42px;font-weight:500;line-height:1.1;margin:6px 0 4px;letter-spacing:-.02em}.hero .cap{color:var(--ink2);font-size:14px}.hero .deco{position:absolute;right:-30px;top:-20px;width:170px;opacity:.55;pointer-events:none}.bar{height:8px;border-radius:99px;background:var(--sand);overflow:hidden}.bar>i{display:block;height:100%;width:0;border-radius:99px;background:var(--sage);transition:width 1.1s var(--ease)}.overall{margin-top:18px}.overall .row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--muted);margin-bottom:7px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.kpi{padding:16px}.kpi .ico{width:34px;height:34px;border-radius:11px;background:var(--sage-soft);color:var(--sage-d);display:grid;place-items:center;margin-bottom:12px}.kpi .ico svg{width:18px;height:18px}.kpi .v{font-size:22px;font-weight:500;margin:2px 0;line-height:1.25}.kpi .s{font-size:12px;color:var(--muted);line-height:1.4}.sec-title{display:flex;align-items:baseline;justify-content:space-between;margin:28px 2px 12px}.sec-title h3{margin:0;font-size:16px;font-weight:600}.sec-title span{font-size:12.5px;color:var(--muted)}.seg{position:relative;display:grid;grid-template-columns:1fr 1fr;background:var(--sand-soft);border-radius:14px;padding:4px;height:48px}.seg button{position:relative;z-index:1;font-size:14px;font-weight:500;color:var(--muted);transition:color .25s;display:flex;flex-direction:column;line-height:1.15;align-items:center;justify-content:center}.seg button small{font-size:10.5px;font-weight:400;opacity:.85}.seg button.on{color:var(--ink)}.seg .pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#fff;border-radius:11px;box-shadow:0 2px 8px #2f2f2f14;transition:transform .45s var(--spring)}.seg.three{grid-template-columns:repeat(3,1fr);height:auto}.seg.three .pill{width:calc(33.333% - 2.67px)}.seg.three button{padding:10px 4px;gap:4px}.extra-head{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 14px}.extra-val{font-size:30px;font-weight:500;line-height:1}.extra-val small{font-size:14px;color:var(--muted);font-weight:400;margin-left:4px}.stepper{display:flex;gap:8px}.stepper button{width:40px;height:40px;border-radius:12px;background:var(--sand-soft);display:grid;place-items:center;transition:transform .15s var(--spring),background .2s}.stepper button:active{transform:scale(.88);background:var(--sage-soft)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:34px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(to right,var(--sage) var(--p,10%),var(--sand) var(--p,10%))}input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:var(--sand)}input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--sage)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 10px #2f2f2f2e,0 0 0 6px #7c9a822e;margin-top:-10px;transition:transform .2s var(--spring)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}input[type=range]::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:0;box-shadow:0 2px 10px #2f2f2f2e,0 0 0 6px #7c9a822e}.ticks{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:2px}.hint{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:12px 14px;border-radius:14px;background:var(--sage-soft);color:var(--sage-d);font-size:13px;line-height:1.45;transition:opacity .25s}.hint svg{width:18px;height:18px;margin-top:1px}.drow{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--sand-soft)}.drow:last-child{border-bottom:0;padding-bottom:4px}.drow:first-child{padding-top:4px}.dico{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--sand-soft);color:var(--ink2);flex:none;position:relative}.dico.done{background:var(--sage);color:#fff}.dmain{flex:1;min-width:0}.dtop{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.dname{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dremain{font-size:13px;color:var(--ink2);white-space:nowrap}.dsub{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:6px}.paid .dname{color:var(--muted)}.paid .bar>i{background:var(--sage-d)}.tl{position:relative;padding-left:30px}.tl:before{content:"";position:absolute;left:10px;top:10px;bottom:22px;width:2px;background:var(--sand);border-radius:2px}.tl .line{position:absolute;left:10px;top:10px;width:2px;background:var(--sage);border-radius:2px;height:0;transition:height 1.4s var(--ease)}.tli{position:relative;padding:4px 0 20px}.tli .dot{position:absolute;left:-26px;top:6px;width:14px;height:14px;border-radius:50%;background:#fff;border:2.5px solid var(--sage);transform:scale(0);animation:pop .5s var(--spring) forwards}.tli .t1{display:flex;justify-content:space-between;gap:10px;font-weight:500}.tli .t2{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--muted);margin-top:2px}.tli .plus{color:var(--sage-d);font-weight:500;font-size:13.5px;white-space:nowrap}.tli.final{padding-bottom:0}.tli.final .dot{width:22px;height:22px;left:-30px;top:2px;background:var(--sage);border:0;display:grid;place-items:center;color:#fff}.tli.final .dot svg{width:13px;height:13px;stroke-width:2.4}.finalbox{background:var(--sage-soft);border-radius:14px;padding:12px 14px;color:var(--sage-d);font-size:13.5px}.finalbox b{font-size:18px;font-weight:600;color:var(--ink);display:block;margin-top:2px}.cmp{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.cmpc{border-radius:16px;padding:14px;border:1.5px solid var(--sand);transition:all .35s var(--ease)}.cmpc.on{border-color:var(--sage);background:var(--sage-soft)}.cmpc h4{margin:0 0 10px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.cmpc .k{font-size:11.5px;color:var(--muted)}.cmpc .v{font-size:15px;font-weight:500;margin-bottom:8px}.cmpc .tag{font-size:10.5px;background:var(--sage);color:#fff;border-radius:99px;padding:2px 8px;font-weight:500;opacity:0;transition:opacity .3s}.cmpc.on .tag{opacity:1}.foot{font-size:11.5px;color:var(--muted);text-align:center;margin:26px 10px 0;line-height:1.55}.sum-strip{display:flex;justify-content:space-between;align-items:flex-end;margin:4px 2px 16px}.sum-strip .big{font-size:30px;font-weight:500;line-height:1.1}.dcard{display:flex;gap:14px;align-items:center;padding:16px;margin-bottom:10px;width:100%;text-align:left}.dcard .meta{font-size:12.5px;color:var(--muted);margin-top:2px}.warn{display:flex;gap:8px;align-items:flex-start;margin-top:8px;font-size:12px;color:#9a5e42;background:var(--clay-soft);padding:8px 10px;border-radius:10px;line-height:1.4}.warn svg{width:15px;height:15px;margin-top:1px}.addcard{display:flex;align-items:center;justify-content:center;gap:8px;height:58px;border:1.5px dashed #CFC9BD;border-radius:var(--r-lg);color:var(--ink2);width:100%;margin-top:4px}.plan-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px}.plan-top .card{padding:14px 16px}.plan-top .v{font-size:18px;font-weight:500}.year{position:sticky;top:0;z-index:2;background:var(--bg);padding:14px 2px 8px;font-weight:600;font-size:14px;display:flex;justify-content:space-between}.year span{font-weight:400;color:var(--muted);font-size:12.5px}.mrow{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:center;padding:12px 14px;background:#fff;border-radius:14px;margin-bottom:6px}.mrow .m{font-weight:500;font-size:14px}.mrow .m small{display:block;font-size:11px;color:var(--muted);font-weight:400}.mrow .f{font-size:12px;color:var(--muted);min-width:0}.mrow .f .chip{height:24px;font-size:11.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.mrow .r{text-align:right;font-size:13.5px;font-weight:500}.mrow .r small{display:block;font-size:11px;color:var(--muted);font-weight:400}.mrow.close{background:var(--sage-soft);box-shadow:inset 0 0 0 1.5px var(--sage-soft2)}.mrow.close .f{color:var(--sage-d);font-weight:500;display:flex;align-items:center;gap:6px}.group{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;margin-bottom:14px}.gtitle{font-size:12.5px;color:var(--muted);margin:22px 4px 8px}.item{display:flex;align-items:center;gap:14px;padding:15px 16px;width:100%;text-align:left;border-bottom:1px solid var(--sand-soft);transition:background .2s}.item:last-child{border-bottom:0}.item:active{background:var(--sand-soft)}.item .ic{width:36px;height:36px;border-radius:12px;background:var(--sand-soft);display:grid;place-items:center;color:var(--ink2);flex:none}.item .ic svg{width:18px;height:18px}.item .tx{flex:1;min-width:0}.item .tx small{display:block;color:var(--muted);font-size:12.5px}.item .chev{color:#bdb8ad;transition:transform .3s var(--ease)}.item.open .chev{transform:rotate(90deg)}.acc{max-height:0;overflow:hidden;transition:max-height .45s var(--ease)}.acc-in{padding:4px 16px 16px 66px;font-size:13.5px;color:var(--ink2)}.rate{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--sand)}.rate:last-child{border-bottom:0}.rate b{font-weight:500;color:var(--ink)}.ministep{display:flex;align-items:center;gap:6px}.ministep button{width:32px;height:32px;border-radius:10px;background:var(--sand-soft);display:grid;place-items:center}.ministep button:active{transform:scale(.9)}.ministep span{min-width:58px;text-align:center;font-weight:500}.ostabs{display:flex;gap:6px;margin-bottom:10px}.ostabs button{height:30px;padding:0 12px;border-radius:99px;background:var(--sand-soft);font-size:12.5px}.ostabs button.on{background:var(--ink);color:#fff}ol.steps{margin:0;padding-left:18px}ol.steps li{margin-bottom:4px}.scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#28262252;opacity:0;pointer-events:none;transition:opacity .3s;z-index:40}.scrim.on{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;background:var(--bg);border-radius:26px 26px 0 0;box-shadow:var(--shadow-up);z-index:41;transform:translateY(105%);transition:transform .45s var(--ease);max-height:92%;display:flex;flex-direction:column}.sheet.on{transform:none}.grab{width:40px;height:5px;border-radius:9px;background:#d6d1c6;margin:10px auto 4px}.sheet .sh-head{display:flex;justify-content:space-between;align-items:center;padding:6px 20px 8px}.sheet .sh-body{overflow-y:auto;padding:6px 20px calc(20px + env(safe-area-inset-bottom))}.field{margin-top:14px}.field label{display:block;font-size:13px;color:var(--ink2);margin:0 2px 6px}.inp{display:flex;align-items:center;gap:8px;height:54px;border-radius:14px;background:#fff;border:1.5px solid var(--sand);padding:0 14px;transition:border-color .2s,box-shadow .2s}.inp:focus-within{border-color:var(--sage);box-shadow:0 0 0 4px var(--sage-soft)}.inp input{border:0;outline:0;background:none;flex:1;min-width:0;font-size:16px}.inp .u{color:var(--muted);font-size:14px}.inp.err{border-color:var(--clay);animation:shake .4s}.help{font-size:12px;color:var(--muted);margin:6px 2px 0;line-height:1.45}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row2>*{min-width:0}.sheet-actions{display:flex;gap:10px;margin-top:22px}.sheet-actions .del{width:54px;flex:none;background:var(--clay-soft);color:#9a5e42}.typehelp{font-size:12.5px;color:var(--ink2);background:#fff;border-radius:12px;padding:10px 12px;margin-top:10px;line-height:1.45;min-height:58px;transition:opacity .2s}.flow{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .5s var(--ease)}.flow.on{transform:none}.dots{display:flex;gap:6px;justify-content:center}.dots i{width:7px;height:7px;border-radius:9px;background:var(--sand);transition:all .35s var(--spring)}.dots i.on{width:22px;background:var(--sage)}.dots i.done{background:var(--sage-d)}.step{flex:1;display:flex;flex-direction:column;padding:20px 24px calc(24px + env(safe-area-inset-bottom))}.step-anim{animation:slideIn .45s var(--ease)}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}.bigin{display:flex;align-items:baseline;justify-content:center;gap:6px;margin:34px 0 8px;border-bottom:2px solid var(--sand);padding-bottom:10px;transition:border-color .2s}.bigin:focus-within{border-color:var(--sage)}.bigin span{font-size:28px;color:var(--muted)}.bigin input{border:0;outline:0;background:none;font-size:44px;font-weight:500;width:100%;text-align:center;max-width:85%;font-variant-numeric:tabular-nums}.quick{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:12px}.quick button{height:36px;padding:0 14px;border-radius:99px;background:#fff;box-shadow:var(--shadow);font-size:13px}.quick button:active{transform:scale(.95)}.delta{text-align:center;font-size:13.5px;color:var(--sage-d);min-height:22px;margin-top:10px}.result-card{text-align:center;padding:26px 20px}.result-card .date{font-size:36px;font-weight:500;margin:6px 0}.celebrate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#faf8f300;pointer-events:none;transition:background .4s}.celebrate.on{background:#faf8f3f7;pointer-events:auto}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:-20px;width:9px;height:14px;border-radius:3px;opacity:.95;animation:fall linear forwards}@keyframes fall{to{transform:translate3d(var(--dx),110vh,0) rotate(var(--rot));opacity:.9}}.cel-box{position:relative;text-align:center;padding:0 28px;max-width:360px;opacity:0;transform:scale(.92);transition:all .5s var(--spring)}.celebrate.on .cel-box{opacity:1;transform:none}.cel-box h2{font-size:24px;margin:6px 0;font-weight:600}.cel-box p{color:var(--ink2);margin:0 0 22px}.freed{display:inline-flex;align-items:center;gap:8px;background:var(--sage-soft);color:var(--sage-d);border-radius:99px;padding:8px 16px;font-weight:500;margin-bottom:24px}[hidden]{display:none!important}.choice{display:flex;gap:16px;align-items:flex-start;padding:20px;width:100%;text-align:left;border:1.5px solid transparent;transition:border-color .25s,transform .15s var(--ease)}.choice:active{transform:scale(.98)}.choice .ci{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;flex:none}.choice h3{margin:0 0 4px;font-size:17px;font-weight:600}.choice p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.5}.choice .resume{margin-top:10px}.empty{text-align:center;padding:28px 22px 24px}.empty .art{width:100%;max-width:260px;height:120px;margin:0 auto 8px;display:block}.empty h2{margin:4px 0 6px;font-size:21px;font-weight:600;text-wrap:balance}.empty p{margin:0 auto;color:var(--ink2);max-width:30ch}.esteps{display:grid;gap:10px;margin:22px 0;text-align:left}.estep{display:flex;gap:12px;align-items:center;font-size:14px}.estep b{width:28px;height:28px;border-radius:50%;background:var(--sage-soft);color:var(--sage-d);display:grid;place-items:center;font-size:13px;flex:none}.samplebar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 20px 10px;padding:10px 14px;border-radius:14px;background:var(--sand-soft);font-size:13px;color:var(--ink2)}.samplebar button{color:var(--sage-d);font-weight:500;white-space:nowrap}.item.danger .ic{background:var(--clay-soft);color:#9a5e42}.toast{position:absolute;left:50%;bottom:98px;transform:translate(-50%,20px);background:var(--ink);color:#fff;border-radius:14px;padding:11px 16px;font-size:13.5px;display:flex;gap:8px;align-items:center;opacity:0;pointer-events:none;transition:all .35s var(--spring);z-index:70;white-space:nowrap}.toast.on{opacity:1;transform:translate(-50%)}.toast svg{width:17px;height:17px;color:#b9d1be}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.reloadbtn{background:#fff;box-shadow:var(--shadow);width:36px;height:36px;border-radius:12px;color:var(--ink2)}.reloadbtn svg{width:17px;height:17px;transition:transform .5s var(--ease)}.reloadbtn.busy svg,.ptr.busy svg{animation:spin .8s linear infinite}.ptr{position:absolute;left:50%;top:calc(10px + env(safe-area-inset-top));width:40px;height:40px;margin-left:-20px;border-radius:50%;background:#fff;box-shadow:0 4px 16px #2f2f2f24;display:grid;place-items:center;color:var(--sage-d);z-index:30;opacity:0;transform:translateY(-60px);pointer-events:none}.ptr svg{width:19px;height:19px}.ptr.ready{color:#fff;background:var(--sage)}.ptr.anim{transition:transform .3s var(--ease),opacity .3s}.updbar{position:absolute;left:16px;right:16px;top:calc(10px + env(safe-area-inset-top));z-index:65;display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:16px;background:var(--ink);color:#fff;font-size:14px;box-shadow:0 10px 30px #2f2f2f33;animation:fadeUp .4s var(--ease)}.updbar svg{width:18px;height:18px;color:#b9d1be}.pm{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--sand-soft)}.pm:last-of-type{border-bottom:0}.pm .dico{width:38px;height:38px;border-radius:12px}.pm .nm{flex:1;min-width:0}.pm .nm b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pm .nm small{font-size:12px;color:var(--muted)}.pm .amt{text-align:right;font-weight:500;white-space:nowrap}.pm.target{margin:4px -10px;padding:12px 10px;border-radius:14px;background:var(--sage-soft);border-bottom:0}.pm.target .dico{background:var(--sage);color:#fff}.pm.target .nm small{color:var(--sage-d)}.xchip{display:inline-flex;align-items:center;gap:4px;margin-top:3px;font-size:11.5px;font-weight:500;color:#fff;background:var(--sage-d);border-radius:99px;padding:1px 8px}.why{display:flex;gap:10px;align-items:flex-start;margin-top:8px;padding-top:12px;border-top:1px dashed var(--sand);font-size:13px;color:var(--ink2);line-height:1.5}.why svg{width:17px;height:17px;color:var(--sage-d);margin-top:2px}.divider{height:1px;background:var(--sand-soft);margin:20px -20px 18px}.goals{display:grid;gap:8px;margin-top:10px}.goal{display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;padding:14px;border-radius:16px;border:1.5px solid var(--sand);background:#fff;transition:border-color .25s,background .25s,transform .15s var(--ease)}.goal:active{transform:scale(.985)}.goal.on{border-color:var(--sage);background:var(--sage-soft)}.goal .radio{width:20px;height:20px;border-radius:50%;border:1.5px solid #C9C3B7;flex:none;margin-top:2px;display:grid;place-items:center;transition:border-color .2s}.goal .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--sage);transform:scale(0);transition:transform .3s var(--spring)}.goal.on .radio{border-color:var(--sage)}.goal.on .radio:after{transform:scale(1)}.goal .gt{font-weight:600;font-size:15px}.goal .gs{font-size:12.5px;color:var(--ink2);margin-top:1px}.goal .gm{font-size:12.5px;color:var(--muted);margin-top:6px}.goal .gm b{color:var(--ink);font-weight:500}.goal .badge{display:inline-block;margin-top:6px;font-size:11px;font-weight:500;color:var(--sage-d);background:#fff;border:1px solid var(--sage-soft2);border-radius:99px;padding:1px 8px;margin-right:4px}.goalnote{font-size:12.5px;color:var(--muted);margin:10px 2px 0;line-height:1.5}.goalnote:empty{display:none}.corder{margin-top:10px;background:var(--sand-soft);border-radius:16px;padding:6px 10px}.corow{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--sand)}.corow:last-child{border-bottom:0}.corow .n{width:24px;height:24px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:12px;font-weight:500;flex:none}.corow .t{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.corow .t small{display:block;font-size:11.5px;color:var(--muted)}.corow button{width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--ink2)}.corow button:disabled{opacity:.3}.corow button:active{transform:scale(.9)}.corow.moved{animation:flash .6s var(--ease)}@keyframes flash{0%{background:var(--sage-soft2)}to{background:transparent}}