@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400&display=swap";:root{--bg: #FFFFFF;--soft: #F3F4F1;--soft-2: #F1F2EF;--ink: #111613;--ink-2: #3A423D;--ink-3: #646D67;--line: #EEF0EC;--line-2: #E1E4DF;--gain: #0A7550;--loss: #BF3A2F;--warn: #8A5A0E;--accent: #0D5C6A;--on-ink: #FFFFFF;--scrim: rgba(17, 22, 19, .32);--font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, Consolas, monospace;--col: 480px;--pad: 20px;--tab: 64px;--ease: cubic-bezier(.2, .8, .2, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0E110F;--soft: #181C19;--soft-2: #1D221F;--ink: #ECEFEC;--ink-2: #C6CDC8;--ink-3: #969F99;--line: #232925;--line-2: #2C332E;--gain: #45C08D;--loss: #F07A6C;--warn: #E2AC55;--accent: #6CC0CE;--on-ink: #0E110F;--scrim: rgba(0, 0, 0, .55);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.45 var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit}::selection{background:color-mix(in srgb,var(--accent) 20%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.num,.app{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:13px}.gain{color:var(--gain)}.loss{color:var(--loss)}.muted{color:var(--ink-3)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}svg.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}svg.i.s{width:18px;height:18px}.app{max-width:var(--col);margin:0 auto;min-height:100%;padding:env(safe-area-inset-top,0px) 0 calc(var(--tab) + 40px + env(safe-area-inset-bottom,0px))}.pad{padding-left:max(var(--pad),env(safe-area-inset-left,0px));padding-right:max(var(--pad),env(safe-area-inset-right,0px))}.top{display:flex;justify-content:space-between;align-items:center;min-height:56px;gap:12px}.title{margin:0;font-size:28px;font-weight:600;letter-spacing:-.025em}.avatar{width:36px;height:36px;border-radius:999px;background:var(--soft-2);font-weight:600;font-size:14px;display:grid;place-items:center}.textbtn{min-height:44px;display:inline-flex;align-items:center;gap:4px;font-weight:500;font-size:15px}.textbtn.dim{color:var(--ink-3);font-size:14px}.big{margin:8px 0 0;font-size:40px;line-height:1;font-weight:600;letter-spacing:-.035em}.big.m{font-size:32px;letter-spacing:-.03em}.chg{margin:10px 0 0;font-size:15px;font-weight:500}.chg .when{color:var(--ink-3);font-weight:400}.chart{position:relative;margin-top:24px;height:170px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.chart svg{width:100%;height:100%;display:block;overflow:visible}.chart .tip{position:absolute;top:-18px;font-size:12px;color:var(--ink-3);transform:translate(-50%);white-space:nowrap;pointer-events:none}.chart-empty{margin-top:24px;height:120px;border-radius:16px;background:var(--soft);display:grid;place-items:center;text-align:center;padding:16px;font-size:14px;color:var(--ink-3)}.ranges{display:flex;gap:2px;margin-top:16px}.ranges button{flex:1;height:32px;border-radius:999px;font-size:13px;font-weight:500;color:var(--ink-3)}.ranges button[aria-pressed=true]{background:var(--soft-2);color:var(--ink)}.sh{display:flex;justify-content:space-between;align-items:baseline;margin:32px 0 4px}.sh h2{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.row{display:flex;align-items:center;gap:12px;min-height:56px;border-bottom:1px solid var(--line);width:100%;text-align:left}.row:last-child{border-bottom:0}.row .main{flex:1;min-width:0}.row .t{font-size:16px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .t.n{font-weight:400}.row .s{font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .end{text-align:right;flex:none}.row .end .s{color:inherit}.dot{width:10px;height:10px;border-radius:999px;flex:none}.mg{width:40px;height:40px;border-radius:999px;background:var(--soft-2);color:var(--ink-2);display:grid;place-items:center;font-size:12.5px;font-weight:600;flex:none}.bar{display:flex;gap:2px;height:6px;margin:10px 0 6px;border-radius:999px;overflow:hidden}.kv{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid var(--line);font-size:15px}.kv>span:first-child{color:var(--ink-3)}.kv>span:last-child{font-weight:500;text-align:right}.note{font-size:13px;color:var(--ink-3);margin:12px 0 0}.empty{text-align:center;padding:48px 12px 24px}.empty h2{margin:16px 0 6px;font-size:20px;font-weight:600;letter-spacing:-.01em}.empty p{margin:0 auto;max-width:30ch;color:var(--ink-3);font-size:15px}.empty .ill{width:64px;height:64px;border-radius:20px;background:var(--soft);margin:0 auto;display:grid;place-items:center;color:var(--ink-2)}.tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;margin-top:18px}.tabs::-webkit-scrollbar{display:none}.tabs button{height:42px;font-size:14px;font-weight:500;color:var(--ink-3);white-space:nowrap;flex:none}.tabs button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.search{position:relative;margin-top:14px}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink-3)}.search input{width:100%;height:42px;border-radius:12px;border:0;background:var(--soft);padding:0 12px 0 40px;font-size:16px}.sw{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.sw .acts{position:absolute;inset:0 0 0 auto;display:flex}.sw .acts button{width:84px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;font-weight:500}.sw .acts .edit{background:var(--soft-2);color:var(--ink)}.sw .acts .del{background:var(--loss);color:#fff}.sw .front{position:relative;z-index:1;background:var(--bg);display:flex;align-items:center;gap:14px;min-height:66px;padding:12px max(var(--pad),env(safe-area-inset-right,0px)) 12px max(var(--pad),env(safe-area-inset-left,0px));width:100%;text-align:left;will-change:transform}.sw .front.anim{transition:transform .24s var(--ease)}.btn{height:50px;border-radius:14px;font-weight:600;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;width:100%;transition:transform .1s ease-out}.btn:active{transform:scale(.98)}.btn.pri{background:var(--ink);color:var(--on-ink)}.btn.sec{background:var(--soft-2);color:var(--ink)}.btn.dan{background:color-mix(in srgb,var(--loss) 12%,transparent);color:var(--loss)}.btns{display:grid;gap:10px;margin-top:22px}.btnrow{display:flex;gap:10px}.field{display:grid;gap:6px;margin-top:14px}.field label{font-size:13px;font-weight:500;color:var(--ink-2)}.input{height:48px;border-radius:12px;border:1px solid var(--line-2);background:var(--bg);padding:0 14px;font-size:16px;width:100%}.input:focus{outline:none;border-color:var(--ink)}.frow{display:grid;grid-template-columns:1fr 1fr;gap:12px}.err{color:var(--loss);font-size:13px;margin:10px 0 0}.seg{display:flex;background:var(--soft);border-radius:12px;padding:3px;gap:2px}.seg button{flex:1;height:38px;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink-3)}.seg button[aria-pressed=true]{background:var(--bg);color:var(--ink);box-shadow:0 1px 2px #00000014}.types{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.types button{min-height:76px;border-radius:14px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:500}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;border-bottom:1px solid var(--line);width:100%;text-align:left}.switch{width:46px;height:28px;border-radius:999px;background:var(--line-2);position:relative;flex:none;transition:background .18s var(--ease)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s var(--ease)}[aria-checked=true] .switch{background:var(--ink)}[aria-checked=true] .switch:after{transform:translate(18px)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.tabbar nav{max-width:var(--col);margin:0 auto;height:var(--tab);display:grid;grid-template-columns:repeat(5,1fr)}.tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:500;color:var(--ink-3);text-decoration:none;position:relative}.tabbar a[aria-current=page]{color:var(--ink)}.tabbar .plus{width:46px;height:46px;border-radius:999px;background:var(--ink);color:var(--on-ink);display:grid;place-items:center;margin:auto;transition:transform .1s ease-out}.tabbar .plus:active{transform:scale(.94)}.tabbar .pip{position:absolute;top:9px;left:calc(50% + 8px);width:8px;height:8px;border-radius:999px;background:var(--accent)}.page-enter{animation:slideIn .26s var(--ease)}@keyframes slideIn{0%{transform:translate(24px);opacity:0}to{transform:none;opacity:1}}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:color-mix(in srgb,var(--bg) 96%,transparent);border-top:1px solid var(--line);padding:12px max(var(--pad),env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(var(--pad),env(safe-area-inset-left,0px))}.bottombar>div{max-width:calc(var(--col) - 40px);margin:0 auto;display:flex;gap:10px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:50;animation:fade .2s var(--ease)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:60;max-width:var(--col);margin:0 auto;background:var(--bg);border-radius:22px 22px 0 0;max-height:90vh;overflow-y:auto;padding:8px max(var(--pad),env(safe-area-inset-left,0px)) calc(24px + env(safe-area-inset-bottom,0px));animation:up .28s var(--ease)}.sheet .grab{width:36px;height:5px;border-radius:999px;background:var(--line-2);margin:4px auto 10px}.sheet h2{margin:4px 0 2px;font-size:20px;font-weight:600;letter-spacing:-.01em}.sheet .sub{margin:0 0 8px;font-size:14px;color:var(--ink-3)}@keyframes up{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.toast{position:fixed;left:50%;bottom:calc(var(--tab) + 16px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:80;background:var(--ink);color:var(--on-ink);border-radius:12px;min-height:46px;padding:0 6px 0 16px;display:flex;align-items:center;gap:8px;font-size:14px;max-width:calc(100vw - 32px);animation:up2 .22s var(--ease)}.toast button{min-height:44px;padding:0 12px;font-weight:600;text-decoration:underline;text-underline-offset:3px;color:var(--on-ink)}@keyframes up2{0%{transform:translate(-50%,12px);opacity:0}to{transform:translate(-50%);opacity:1}}.band{position:relative;margin-top:12px}.band .track{height:4px;border-radius:999px;background:linear-gradient(to right,#DCEFE5 0 33%,var(--soft-2) 33% 75%,#F3E6CC 75% 100%)}.band .avg{position:absolute;top:-4px;width:1.5px;height:12px;background:var(--ink-3)}.band .mark{position:absolute;top:2px;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:999px;background:var(--ink);border:2.5px solid var(--bg);box-shadow:0 0 0 1px var(--line-2)}.band-l{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--ink-3)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
