/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.isolate{isolation:isolate}.contents{display:contents}.flex{display:flex}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#5c4a44;--ink-soft:#7a6259;--muted:#a69086;--paper:#fffdf8;--cream:#fff6ea;--cream-deep:#fbebda;--line:#f2e4d5;--blue:#a9cdef;--blue-deep:#6f9fd1;--blue-soft:#e4f0fc;--pink:#f5b3cc;--pink-deep:#e58aae;--pink-soft:#ffe9f1;--mint:#a9dcc6;--mint-deep:#63b393;--butter:#fbe3a6;--butter-deep:#d9a24e;--lilac:#cbb6ec;--lilac-deep:#9c7bd1;--lilac-soft:#f2ecfd;--coral:#f3a18f;--shadow:0 14px 34px #c19b8029;--shadow-soft:0 8px 20px #c19b801f;--radius-card:26px;--font-round:ui-rounded, "SF Pro Rounded", "PingFang SC", "Yuanti SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--cream-deep);-webkit-text-size-adjust:100%}body{background:var(--cream-deep);color:var(--ink);font-family:var(--font-round);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;font-family:var(--font-round)}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:2px;outline:3px solid #cbb6ec73}a:focus-visible{outline-offset:2px;outline:3px solid #cbb6ec73}input:focus-visible{outline-offset:2px;outline:3px solid #cbb6ec73}.mascot{display:block;overflow:visible}.app-shell{--me-color:#a9cdef;--other-color:#f5b3cc;background:radial-gradient(120% 60% at 8% 0%, #fff1e2 0%, #fff1e200 55%), radial-gradient(110% 55% at 100% 12%, #fbedf5 0%, #fbedf500 58%), var(--cream);width:100%;max-width:760px;min-height:100dvh;padding-bottom:calc(102px + env(safe-area-inset-bottom));margin:0 auto;position:relative;overflow-x:hidden}.sky-deco{pointer-events:none;z-index:0;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.sky-deco .cloud{filter:blur(.4px);background:#ffffffb8;border-radius:99px;width:96px;height:34px;animation:14s ease-in-out infinite alternate cloudDrift;position:absolute}.sky-deco .cloud:before,.sky-deco .cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.sky-deco .cloud:before{width:42px;height:42px;top:-18px;left:14px}.sky-deco .cloud:after{width:32px;height:32px;top:-13px;right:16px}.cloud-a{opacity:.8;top:138px;left:-14px}.cloud-b{opacity:.6;animation-delay:-6s;top:330px;right:-20px;transform:scale(.82)}.sky-deco .sparkle{color:#f2d6a6;font-size:15px;font-style:normal;animation:3.4s ease-in-out infinite twinkle;position:absolute}.sparkle-a{top:176px;left:78%}.sparkle-b{animation-delay:-1.6s;top:452px;left:12%}@keyframes cloudDrift{to{transform:translate(16px)}}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.85)}50%{opacity:.9;transform:scale(1.15)}}.topbar{z-index:20;padding:calc(18px + env(safe-area-inset-top)) 20px 14px;-webkit-backdrop-filter:blur(18px);background:#fff6eae0;border-bottom:1px solid #f2e4d5cc;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:-.4px;margin:3px 0 0;font-size:27px;line-height:1.15}.eyebrow{color:var(--muted);letter-spacing:.06em;margin:0;font-size:11px;font-weight:800}.avatar-button{background:var(--paper);width:52px;height:52px;box-shadow:var(--shadow-soft);cursor:pointer;border:2px solid #fff;border-radius:20px;place-items:center;font-size:26px;transition:transform .18s;display:grid;position:relative}.avatar-button:active{transform:scale(.94)rotate(-3deg)}.online-dot{background:var(--mint-deep);border:3px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;bottom:0;right:-2px}.page-content{z-index:1;padding:14px 16px 26px;position:relative}.stack{flex-direction:column;gap:16px;display:flex}.page-stack{padding-bottom:24px}.soft-loading{opacity:.74;transition:opacity .22s}.card{border-radius:var(--radius-card);background:var(--paper);box-shadow:var(--shadow);border:1.5px solid #f2e4d5f2;position:relative}.paw-deco{fill:#cbb6ec29;pointer-events:none;width:42px;height:42px;position:absolute}.corner-paw{bottom:10px;right:12px;transform:rotate(18deg)}.corner-paw.light{fill:#ffffff38}.section-title,.card-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2,.card-heading h3{letter-spacing:-.2px;margin:5px 0 0;font-size:19px}.section-title>span,.card-heading>span{font-size:26px}.section-title .text-button{white-space:nowrap}.status-card{color:#6a5148;min-height:122px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fff0dc 0%,#fde7f0 100%);border:1.5px solid #ffffffd9;border-radius:28px;align-items:center;gap:15px;padding:18px;display:flex;position:relative;overflow:hidden}.status-card:after{content:"";border:22px solid #ffffff80;border-radius:50%;width:148px;height:148px;position:absolute;top:-74px;right:-70px}.status-card h2{max-width:430px;margin:8px 0 4px;font-size:17px;line-height:1.4}.status-card p{color:#9a8378;margin:0;font-size:12px}.mascot-bubble{z-index:1;background:#fff;border:4px solid #ffffffe6;border-radius:28px;flex:none;place-items:center;width:78px;height:78px;animation:3.2s ease-in-out infinite mascotFloat;display:grid;position:relative;box-shadow:0 12px 26px #c49e8433}.status-pill{color:#8c6e62;background:#fffc;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:800;display:inline-flex}@keyframes mascotFloat{50%{transform:translateY(-5px)rotate(2.5deg)}}.overview-grid{grid-template-columns:1fr 1.16fr;gap:12px;display:grid}.overview-grid .card{min-width:0;padding:17px}.card-heading{align-items:flex-start}.card-heading h3{font-size:20px}.card-heading h3 small{color:var(--muted);margin-top:4px;font-size:11px;font-weight:700;display:block}.calorie-ring{background:conic-gradient(var(--me-color) var(--ring-progress), #f4eadf 0);border-radius:50%;place-items:center;width:104px;height:104px;margin:16px auto 10px;animation:.8s cubic-bezier(.2,.8,.2,1) ringIn;display:grid;position:relative}.calorie-ring:before{content:"";background:var(--paper);border-radius:50%;width:78px;height:78px;position:absolute}.calorie-ring>div{z-index:1;text-align:center;flex-direction:column;display:flex}.calorie-ring strong{font-size:21px}.calorie-ring span{color:var(--muted);font-size:11px}@keyframes ringIn{0%{opacity:0;transform:scale(.72)rotate(-18deg)}}.gentle-note{color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.55}.gentle-note b{color:var(--mint-deep)}.big-balance{flex-direction:column;margin:16px 0 12px;display:flex}.big-balance span{color:var(--muted);font-size:12px}.big-balance strong{color:var(--mint-deep);letter-spacing:-.4px;margin-top:4px;font-size:25px}.big-balance strong.overspent{color:var(--coral)}.progress-track,.mini-track{background:#f5eadd;border-radius:99px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--butter), var(--coral));height:100%;transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}.settle-button{color:#3f6e58;cursor:pointer;background:linear-gradient(135deg,#bfe7d4,#a2d9bf);border:0;border-radius:18px;width:100%;min-height:46px;margin-top:13px;font-size:13px;font-weight:900;transition:transform .16s;box-shadow:0 8px 18px #78ba9e4d}.settle-button:active{transform:scale(.96)}.link-button{width:100%;color:var(--lilac-deep);cursor:pointer;background:0 0;border:0;margin-top:9px;padding:4px 0;font-size:11px;font-weight:800}.quick-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bounce-button{text-align:left;cursor:pointer;min-height:74px;box-shadow:var(--shadow-soft);border:1.5px solid #ffffffe6;border-radius:24px;align-items:center;gap:12px;padding:13px 15px;transition:transform .18s,box-shadow .18s;display:flex}.bounce-button:active{transform:scale(.955)translateY(1px)}.bounce-button.blue{color:#46708f;background:linear-gradient(140deg,#eaf4fe,#dcebfb)}.bounce-button.coral{color:#9e5875;background:linear-gradient(140deg,#ffeff5,#fde2ed)}.bounce-button>span{color:#fff;background:var(--me-color);border-radius:16px;place-items:center;width:42px;height:42px;font-size:25px;font-weight:300;display:grid;box-shadow:0 8px 16px #789bbe4d}.bounce-button.coral>span{background:var(--other-color);box-shadow:0 8px 16px #d68cac4d}.bounce-button div{flex-direction:column;gap:3px;display:flex}.bounce-button strong{font-size:15px}.bounce-button small{opacity:.76;font-size:11px}.streak-card,.comparison-card,.chart-card,.settle-history{padding:20px}.flame{animation:1.4s ease-in-out infinite alternate flame}@keyframes flame{to{transform:translateY(-3px)rotate(6deg)scale(1.1)}}.streak-row{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px;display:grid}.streak-item{border:1.5px solid var(--line);text-align:center;background:#fff8ef;border-radius:22px;flex-direction:column;align-items:center;min-width:0;padding:12px 5px;display:flex}.streak-item>span{border-radius:17px;place-items:center;width:46px;height:46px;font-size:20px;font-weight:900;display:grid}.streak-item strong{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:8px;font-size:12px;overflow:hidden}.streak-item small{color:var(--muted);margin-top:3px;font-size:10px}.segmented{background:#f6ebde;border-radius:16px;gap:3px;padding:4px;display:inline-flex}.segmented button{min-height:31px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:13px;padding:5px 12px;font-size:11px;font-weight:800;transition:background .18s,color .18s}.segmented button.active{color:var(--ink);background:#fff;box-shadow:0 3px 9px #be9b8229}.versus-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid;position:relative}.versus-person{border:1.5px solid var(--line);background:#fffbf4;border-radius:24px;flex-direction:column;align-items:center;min-width:0;padding:15px;display:flex}.versus-avatar{border-radius:20px;place-items:center;width:54px;height:54px;display:grid}.versus-person>strong{margin:8px 0 10px;font-size:13px}.metric-line{justify-content:space-between;width:100%;margin-top:8px;font-size:10px;display:flex}.metric-line span{color:var(--muted)}.metric-line b{font-size:11px}.mini-track{width:100%;height:6px;margin-top:5px}.mini-track i{border-radius:inherit;height:100%;transition:width .5s;display:block}.versus-badge{color:#fff;background:linear-gradient(135deg, var(--pink), var(--lilac));border:4px solid #fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;font-weight:900;display:grid;position:absolute;top:44px;left:50%;transform:translate(-50%)rotate(-8deg);box-shadow:0 8px 16px #be96c84d}.competition-copy{color:#7a6392;background:var(--lilac-soft);text-align:center;border-radius:16px;margin:15px 0 0;padding:11px;font-size:11px;font-weight:800}.chart-title{align-items:flex-start}.chart-mode{text-align:right;margin:14px 0 4px}.bar-chart{grid-template-columns:repeat(7,1fr);gap:7px;min-height:214px;margin-top:5px;display:grid}.bar-column{flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;display:flex}.bar-value{width:100%;min-height:24px;color:var(--muted);text-align:center;text-overflow:ellipsis;font-size:8px;display:block;overflow:hidden}.bar-rail{background:#fbf2e7;border-radius:13px;align-items:flex-end;width:100%;height:128px;padding:0 5px;display:flex}.bar-rail i{opacity:.92;border-radius:10px 10px 5px 5px;width:100%;animation:.7s cubic-bezier(.2,.8,.2,1) barGrow}@keyframes barGrow{0%{height:0}}.bar-column b{margin-top:8px;font-size:9px}.bar-column small{color:var(--muted);margin-top:2px;font-size:8px}.fun-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.fun-stats article{border:1.5px solid var(--line);background:var(--paper);min-width:0;min-height:122px;box-shadow:var(--shadow-soft);border-radius:24px;flex-direction:column;padding:14px 11px;display:flex}.fun-stats article>span{font-size:24px}.fun-stats small{color:var(--muted);margin-top:8px;font-size:9px}.fun-stats strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.fun-stats em{color:#b9a79c;margin-top:auto;font-size:9px;font-style:normal}.person-tabs{background:#f6eadc;border-radius:22px;grid-template-columns:1fr 1fr;gap:8px;padding:5px;display:grid}.person-tabs button{min-height:46px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:18px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.person-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 5px 14px #be9b8229}.calorie-hero{background:linear-gradient(135deg,#edf5fe 0%,#fbeef6 100%);border-color:#ffffffe6;justify-content:space-between;align-items:center;gap:12px;padding:21px;display:flex;overflow:hidden}.calorie-hero h2{color:#4e7ba8;letter-spacing:-.8px;margin:8px 0 4px;font-size:34px}.calorie-hero h2 small{font-size:13px}.calorie-hero p:last-child{color:#8c7e92;margin:0;font-size:11px;line-height:1.5}.hero-mascot{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex;position:relative}.hero-mascot .mascot{animation:3.4s ease-in-out infinite mascotFloat}.mini-ring{background:conic-gradient(var(--ring-color) var(--ring-progress), #ffffffbf 0);border:3px solid #fff;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;margin-top:-12px;display:grid;position:relative;box-shadow:0 6px 14px #be9b822e}.mini-ring:before{content:"";background:#fff;border-radius:50%;position:absolute;top:8px;bottom:8px;left:8px;right:8px}.mini-ring b{z-index:1;font-size:13px}.text-button{color:var(--lilac-deep);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:800}.food-carousel{scrollbar-width:none;scroll-snap-type:x mandatory;gap:11px;padding:12px 2px 4px;display:flex;overflow-x:auto}.food-carousel::-webkit-scrollbar{display:none}.food-carousel button{border:1.5px solid var(--line);background:var(--paper);text-align:left;min-height:112px;box-shadow:var(--shadow-soft);scroll-snap-align:start;cursor:pointer;border-radius:24px;flex-direction:column;flex:0 0 112px;align-items:flex-start;padding:14px;transition:transform .16s;display:flex}.food-carousel button:active{transform:scale(.94)}.food-carousel span{font-size:27px}.food-carousel strong{text-overflow:ellipsis;white-space:nowrap;width:100%;margin-top:9px;font-size:12px;overflow:hidden}.food-carousel small{color:var(--muted);margin-top:3px;font-size:10px}.meal-list{flex-direction:column;gap:12px;display:flex}.record-count,.section-title>span.record-count{min-width:42px;height:28px;color:var(--muted);background:#f4e8da;border-radius:99px;place-items:center;padding:0 10px;font-size:11px;font-weight:800;display:grid}.meal-group{border:1.5px solid var(--line);background:var(--paper);box-shadow:var(--shadow-soft);border-radius:24px;overflow:hidden}.meal-group h3{background:#fffbf4;border-bottom:1px solid #f6ede3;align-items:center;gap:8px;margin:0;padding:13px 15px;font-size:12px;display:flex}.meal-group h3 span{font-size:17px}.meal-group h3 small{color:var(--muted);margin-left:auto;font-size:10px}.record-row{background:var(--paper);border-bottom:1px solid #f7efe6;align-items:center;gap:11px;min-height:72px;padding:11px 13px;display:flex;position:relative}.record-row:last-child{border-bottom:0}.record-icon{border-radius:16px;flex:none;place-items:center;width:44px;height:44px;font-size:21px;display:grid}.record-copy{flex-direction:column;flex:1;min-width:0;display:flex}.record-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.record-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:10px;overflow:hidden}.record-copy em{color:#8672a3;background:var(--lilac-soft);border-radius:8px;width:-moz-fit-content;width:fit-content;margin-top:4px;padding:2px 7px;font-size:9px;font-style:normal}.record-row>b{flex:none;font-size:12px}.row-actions{flex-direction:column;gap:4px;display:flex}.row-actions button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:#f7efe5;border:0;border-radius:11px;place-items:center;font-size:13px;display:grid}.row-actions button:last-child{color:#de8b84}.floating-add{bottom:calc(88px + env(safe-area-inset-bottom));z-index:8;color:#6a4e93;cursor:pointer;background:linear-gradient(135deg,#e4d6fa,#d3bff3);border:0;border-radius:22px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 40px);min-height:54px;margin:8px auto 0;font-size:13px;font-weight:900;display:flex;position:sticky;box-shadow:0 12px 26px #a082cd52}.floating-add span{font-size:20px}.floating-add:active{transform:scale(.97)}.ledger-hero{color:#fff8f0;background:linear-gradient(135deg,#c4a7e4 0%,#f2afc8 100%);border-radius:28px;padding:24px;position:relative;overflow:hidden;box-shadow:0 16px 32px #be96c84d}.ledger-hero .eyebrow{color:#fffc}.ledger-hero h2{letter-spacing:-1px;margin:9px 0 18px;font-size:37px}.progress-track.light{background:#ffffff4d}.progress-track.light span{background:#fff0c9}.ledger-hero-row{color:#ffffffd1;justify-content:space-between;margin-top:10px;font-size:11px;display:flex}.ledger-hero-row b{color:#fff}.budget-periods{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.budget-periods article{border:1.5px solid var(--line);background:var(--paper);min-width:0;box-shadow:var(--shadow-soft);border-radius:22px;flex-direction:column;padding:13px 11px;display:flex}.budget-periods article>div:first-child{align-items:center;gap:5px;display:flex}.budget-periods article>div:first-child span{font-size:16px}.budget-periods article>div:first-child strong{font-size:11px}.budget-periods small{color:var(--muted);margin-top:10px;font-size:9px}.budget-periods b{color:var(--mint-deep);letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;overflow:hidden}.budget-periods b.negative{color:var(--coral)}.budget-periods .mini-track{margin-top:9px}.budget-periods .mini-track i{background:linear-gradient(90deg, var(--butter), var(--coral))}.budget-periods em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;font-style:normal;overflow:hidden}.aa-card{padding:20px}.aa-total{background:var(--lilac-soft);border-radius:20px;grid-template-columns:1fr auto;align-items:end;margin-top:18px;padding:14px 16px;display:grid}.aa-total span{color:var(--muted);font-size:10px}.aa-total strong{color:var(--lilac-deep);grid-row:span 2;font-size:24px}.aa-total small{color:#907fa8;font-size:10px}.payer-pills{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.payer-pills>div{border:1.5px solid var(--line);background:#fffbf4;border-radius:18px;align-items:center;gap:9px;padding:11px;display:flex}.payer-pills>div>span{font-size:25px}.payer-pills p{color:var(--muted);flex-direction:column;margin:0;font-size:10px;display:flex}.payer-pills b{color:var(--ink);margin-top:3px;font-size:12px}.settlement-result{color:#8a6636;text-align:center;background:#fff3dc;border-radius:16px;margin-top:12px;padding:12px;font-size:11px;font-weight:800;line-height:1.6}.settlement-result.even{color:#3f7e66;background:#e6f7ef}.aa-note{color:var(--muted);text-align:center;margin:10px 0 0;font-size:10px;line-height:1.6}.settle-list{border:1.5px solid var(--line);border-radius:20px;margin-top:16px;overflow:hidden}.settle-row{background:var(--paper);border-bottom:1px solid #f7efe6;flex-wrap:wrap;align-items:center;gap:8px 9px;min-height:62px;padding:11px 12px;display:flex}.settle-row:last-child{border-bottom:0}.settle-dot{border-radius:14px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.settle-dot.good{background:#e9f7f0}.settle-dot.over{background:#fdeee9}.settle-copy{flex-direction:column;flex:132px;min-width:0;display:flex}.settle-row strong{white-space:nowrap;font-size:12px}.settle-row small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.5}.settle-row>b{color:var(--mint-deep);white-space:nowrap;text-align:right;flex:none;margin-left:auto;font-size:11px}.settle-row>b.over{color:var(--coral)}.settle-row-actions{flex-direction:row;flex:none;gap:6px;margin-left:auto;display:flex}.undo-button{border:1.5px solid var(--line);color:var(--ink-soft);white-space:nowrap;cursor:pointer;background:#fffbf4;border-radius:12px;padding:7px 9px;font-size:10px;font-weight:800}.undo-button.danger{color:#c97b74}.undo-button:active{transform:scale(.95)}.expense-section{flex-direction:column;gap:12px;display:flex}.circle-add{color:#6a4e93;cursor:pointer;background:linear-gradient(135deg,#e7dafb,#d6c4f5);border:0;border-radius:14px;place-items:center;width:38px;height:38px;font-size:22px;display:grid;box-shadow:0 6px 14px #a082cd3d}.expense-section>.segmented{grid-template-columns:repeat(3,1fr);align-self:stretch;display:grid}.expense-list{border:1.5px solid var(--line);box-shadow:var(--shadow-soft);border-radius:24px;overflow:hidden}.profile-banner{box-shadow:var(--shadow-soft);border:1.5px solid #ffffffd9;border-radius:26px;align-items:center;gap:14px;padding:18px;display:flex;position:relative;overflow:hidden}.profile-banner>span{background:#fff;border-radius:22px;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 8px 18px #be9b8229}.profile-banner p,.profile-banner h2,.profile-banner small{margin:0}.profile-banner p{color:var(--muted);font-size:10px;font-weight:800}.profile-banner h2{margin-top:3px;font-size:19px}.profile-banner small{color:var(--ink-soft);font-size:10px}.profile-banner i{opacity:.16;border-radius:50%;width:96px;height:96px;position:absolute;right:-40px}.settings-card{flex-direction:column;gap:14px;padding:20px;display:flex}.settings-card label,.entry-sheet label,.settle-form label{flex-direction:column;gap:7px;display:flex}.settings-card label>span,.entry-sheet label>span,.settle-form label>span,.choice-field legend{color:var(--ink-soft);font-size:11px;font-weight:800}.settings-card label small,.entry-sheet label small{color:var(--muted);font-weight:600}.settings-card input,.entry-sheet input,.settle-form input{border:1.5px solid var(--line);width:100%;height:50px;color:var(--ink);background:#fffbf4;border-radius:18px;padding:0 15px;font-size:14px}.settings-card input:focus,.entry-sheet input:focus,.settle-form input:focus{border-color:var(--lilac);background:#fff;outline:3px solid #cbb6ec38}.color-row>div{align-items:center;gap:10px;display:flex}.color-row input[type=color]{border-radius:14px;width:62px;height:44px;padding:4px}.color-row em{width:30px;height:30px;box-shadow:var(--shadow-soft);border:3px solid #fff;border-radius:12px;display:block}.color-row small{color:var(--muted);font-size:10px;font-weight:600}.hint-note{color:var(--muted);margin:0;font-size:10px;line-height:1.6}.budget-input-grid,.form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:0;border-radius:20px;min-height:52px;font-size:13px;font-weight:900;transition:transform .16s,box-shadow .16s}.primary-button{color:#5b4189;background:linear-gradient(135deg,#e3d4fb,#cdb6f0);box-shadow:0 10px 22px #a082cd4d}.secondary-button{color:#6a4e93;background:#f0e8fd}.danger-button{color:#b7625c;background:#fdece8}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.5;cursor:default}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.danger-button:active:not(:disabled){transform:scale(.975)}.settings-foods{border:1.5px solid var(--line);border-radius:20px;overflow:hidden}.settings-foods>div{border-bottom:1px solid var(--line);background:#fffbf4;align-items:center;gap:9px;min-height:60px;padding:9px 12px;display:flex}.settings-foods>div:last-child{border-bottom:0}.settings-foods>div>span{font-size:23px}.settings-foods p{flex-direction:column;flex:1;min-width:0;margin:0;display:flex}.settings-foods strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.settings-foods small{color:var(--muted);margin-top:2px;font-size:10px}.settings-foods button{color:var(--lilac-deep);cursor:pointer;background:0 0;border:0;padding:6px;font-size:10px;font-weight:800}.settings-foods button.danger-text{color:#de8b84}.data-actions{overflow:hidden}.data-actions a,.data-actions button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:58px;color:var(--ink);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0 18px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.data-actions a:last-child,.data-actions button:last-child{border-bottom:0}.data-actions span{color:var(--muted)}.version-note{color:#bdaba0;text-align:center;margin:0;font-size:10px}.bottom-nav{z-index:30;width:min(100%,760px);min-height:calc(74px + env(safe-area-inset-bottom));padding:8px 12px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);background:#fffdf8f2;border-top:1.5px solid #f2e4d5e6;border-radius:26px 26px 0 0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 26px #be9b821f}.bottom-nav button{color:#b3a197;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:0 2px;font-size:9.5px;font-weight:800;display:flex}.bottom-nav button span{place-items:center;width:28px;height:26px;font-size:19px;line-height:1;display:grid}.bottom-nav button.active{color:var(--lilac-deep);background:var(--lilac-soft)}.bottom-nav button.active span{animation:.38s cubic-bezier(.2,1.5,.4,1) navPop}@keyframes navPop{50%{transform:scale(1.28)translateY(-3px)}}.sheet-backdrop{z-index:50;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(6px);background:#5a463e61;justify-content:center;align-items:flex-end;animation:.18s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.entry-sheet{width:min(100%,760px);max-height:92dvh;padding:8px 20px calc(24px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;background:var(--paper);border-radius:32px 32px 0 0;animation:.36s cubic-bezier(.2,.9,.25,1) sheetUp;overflow-y:auto;box-shadow:0 -18px 50px #966e5a38}.sheet-handle{background:#eadccc;border-radius:99px;width:46px;height:5px;margin:3px auto 16px}.sheet-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.sheet-title h2{margin:5px 0 0;font-size:21px}.sheet-title>button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:#f7efe5;border:0;border-radius:14px;font-size:21px}.entry-sheet form,.settle-form{flex-direction:column;gap:15px;display:flex}.settle-preview{background:#fff7ec;border:1.5px dashed #eddcc8;border-radius:20px;flex-direction:column;gap:5px;padding:15px;display:flex}.settle-preview strong{font-size:13px}.settle-preview small{color:var(--muted);font-size:11px;line-height:1.5}.amount-field>div{border:1.5px solid var(--line);background:#fffbf4;border-radius:22px;align-items:center;height:68px;padding:0 16px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.amount-field>div:focus-within{border-color:var(--lilac);background:#fff;box-shadow:0 0 0 3px #cbb6ec3d}.amount-field>div b{color:var(--lilac-deep);white-space:nowrap;flex:none;font-size:18px}.amount-field>div input{background:0 0;border:0;border-radius:20px;flex:1;min-width:0;height:100%;padding:0 10px;font-size:27px;font-weight:800}.amount-field>div input:focus{box-shadow:none;outline:none}.amount-field>div input:focus-visible{box-shadow:none;outline:none}.choice-field{border:0;margin:0;padding:0}.choice-field legend{margin-bottom:8px}.choice-field>div{flex-wrap:wrap;gap:8px;display:flex}.choice-field button{border:1.5px solid var(--line);min-height:40px;color:var(--muted);background:var(--paper);cursor:pointer;border-radius:16px;padding:8px 14px;font-size:11px;font-weight:800}.choice-field button.active{border-color:var(--lilac);color:#6a4e93;background:var(--lilac-soft);box-shadow:0 4px 10px #a082cd29}.food-form-head{grid-template-columns:78px 1fr;gap:11px;display:grid}.emoji-input input{text-align:center;padding:0;font-size:26px}.sheet-submit{margin-top:4px}.form-error{color:#b7625c;background:#fdece8;border-radius:14px;margin:-3px 0 0;padding:11px 13px;font-size:11px;line-height:1.5}@keyframes sheetUp{0%{transform:translateY(100%)}}@keyframes fadeIn{0%{opacity:0}}.toast{left:50%;bottom:calc(94px + env(safe-area-inset-bottom));z-index:80;color:#fff7ee;text-align:center;background:#6c564cf2;border-radius:20px;width:max-content;max-width:calc(100% - 32px);padding:13px 19px;font-size:12px;font-weight:800;animation:.3s cubic-bezier(.2,1.5,.4,1) toastIn;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #785a4b4d}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(18px)scale(.9)}}.empty-state{color:var(--muted);text-align:center;background:#fffbf4;border:2px dashed #eddcc8;border-radius:26px;flex-direction:column;align-items:center;padding:28px 18px;display:flex}.empty-state .mascot{animation:3.6s ease-in-out infinite mascotFloat}.empty-state strong{color:var(--ink);margin-top:10px;font-size:13px}.empty-state p{margin:5px 0 0;font-size:11px;line-height:1.6}.celebration{z-index:100;-webkit-backdrop-filter:blur(9px);background:#604a4299;place-items:center;padding:24px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.celebration-card{z-index:2;text-align:center;background:linear-gradient(160deg,#fffdf8 0%,#fff4ea 100%);border:2px solid #ffffffe6;border-radius:34px;width:min(100%,380px);padding:26px 24px 24px;animation:.55s cubic-bezier(.2,1.4,.4,1) celebratePop;position:relative;box-shadow:0 26px 70px #5a41374d}.celebration.dual .celebration-card{background:linear-gradient(160deg,#fffdf8 0%,#fff0f6 100%)}.celebration-img{width:186px;height:auto;margin:-6px auto 0;animation:1.1s ease-in-out infinite alternate happyBounce;display:block}@keyframes happyBounce{to{transform:translateY(-7px)rotate(1.5deg)}}@keyframes cheerLeft{0%{transform:translateY(2px)rotate(-6deg)}to{transform:translateY(-8px)rotate(4deg)}}@keyframes cheerRight{0%{transform:translateY(-8px)rotate(6deg)}to{transform:translateY(2px)rotate(-4deg)}}.celebration-card h2{margin:12px 0 8px;font-size:22px;line-height:1.3}.celebration-card>p:not(.eyebrow){color:var(--muted);margin:0;font-size:12px;line-height:1.7}.monthly-saving{color:#3f7e66;background:#e9f7f0;border-radius:20px;justify-content:space-between;align-items:center;margin:18px 0;padding:14px 16px;display:flex}.monthly-saving span{font-size:11px;font-weight:800}.monthly-saving strong{font-size:19px}.celebration-card .primary-button{width:100%}@keyframes celebratePop{0%{opacity:0;transform:scale(.55)rotate(-5deg)}}.confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.confetti i{opacity:.95;animation-name:confettiFall;animation-timing-function:linear;animation-iteration-count:infinite;display:block;position:absolute;top:-14%}@keyframes confettiFall{0%{transform:translate(0)rotate(0)}to{transform:translate(var(--dx,0px), 122vh) rotate(var(--rot,360deg))}}.loading-screen,.login-page{min-height:100dvh}.loading-screen{color:var(--muted);background:var(--cream);text-align:center;place-content:center;gap:18px;display:grid}.loading-screen p{margin:0;font-size:12px}.loader-mascot{width:200px;height:auto;margin:0 auto;animation:1.4s ease-in-out infinite pulseHeart}.loader-mascot.compact{width:148px}@keyframes pulseHeart{50%{transform:scale(1.07)}}.login-page{padding:calc(30px + env(safe-area-inset-top)) 18px calc(30px + env(safe-area-inset-bottom));background:radial-gradient(90% 50% at 12% 4%,#ffefdf 0%,#ffefdf00 60%),radial-gradient(85% 55% at 92% 96%,#fbe3ee 0%,#fbe3ee00 62%),#fff6ea;place-items:center;display:grid;position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";background:#ffffff8c;border-radius:50%;position:absolute}.login-page:before{width:260px;height:260px;top:-80px;left:-130px}.login-page:after{width:220px;height:220px;bottom:-70px;right:-100px}.login-orbit{z-index:1;background:#ffffffd1;border-radius:20px;place-items:center;width:52px;height:52px;font-size:25px;animation:3.4s ease-in-out infinite mascotFloat;display:grid;position:absolute;box-shadow:0 12px 26px #be9b822e}.orbit-one{top:12%;left:7%;transform:rotate(-10deg)}.orbit-two{animation-delay:-1.5s;bottom:11%;right:6%}.orbit-three{animation-delay:-2.6s;top:9%;right:11%}.login-card{z-index:2;text-align:center;background:#fffdf8f5;border:2px solid #ffffffe6;border-radius:34px;width:min(100%,440px);padding:30px 22px 22px;position:relative;box-shadow:0 26px 66px #b48c7838}.brand-mark{background:#fff;border:6px solid #fff6ea;border-radius:28px;justify-content:center;align-items:flex-end;gap:2px;width:108px;height:72px;margin:-60px auto 16px;display:flex;box-shadow:0 12px 24px #be9b822e}.brand-bear{animation:1.6s ease-in-out infinite alternate cheerLeft}.brand-bunny{animation:1.6s ease-in-out infinite alternate cheerRight}.login-card h1{letter-spacing:-.4px;margin:8px 0;font-size:27px}.login-hero-img{width:min(248px,76%);height:auto;margin:6px auto 4px;animation:3.6s ease-in-out infinite mascotFloat;display:block}.login-subtitle{max-width:290px;color:var(--muted);margin:0 auto 18px;font-size:12px;line-height:1.7}.login-notice{color:#96755f;background:#fff4e6;border:1.5px dashed #edd6c2;border-radius:18px;margin:0 0 16px;padding:11px 14px;font-size:11px;font-weight:800;line-height:1.6}.profile-picker{grid-template-columns:1fr 1fr;gap:12px;display:grid}.profile-picker button{min-height:142px;color:var(--ink);cursor:pointer;background:#fff7ec;border:2.5px solid #0000;border-radius:26px;flex-direction:column;align-items:center;padding:16px 10px 12px;transition:transform .18s,border-color .18s,background .18s;display:flex;position:relative}.profile-picker button.selected{border-color:var(--profile-color);background:var(--profile-color)}@supports (color:color-mix(in lab, red, red)){.profile-picker button.selected{background:color-mix(in srgb, var(--profile-color) 14%, white)}}.profile-picker button.selected{transform:translateY(-4px)}.profile-emoji{background:#fff;border-radius:24px;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 8px 18px #be9b8229}.profile-picker strong{margin-top:10px;font-size:13px}.profile-picker small{color:var(--muted);margin-top:3px;font-size:10px}.pin-label{color:var(--ink-soft);text-align:left;flex-direction:column;gap:9px;margin-top:20px;font-size:11px;font-weight:800;display:flex}.pin-label input{border:1.5px solid var(--line);width:100%;height:62px;color:var(--ink);letter-spacing:.55em;text-align:center;background:#fffbf4;border-radius:22px;padding:0 16px;font-size:28px;font-weight:900}.pin-label input::placeholder{color:#dccbbc;letter-spacing:.55em}.login-button{width:100%;margin-top:16px}.login-footnote{color:#bdaba0;margin:16px 0 0;font-size:10px}.login-card .form-error{text-align:left;margin-top:12px}.swatch-field{border:0;margin:0;padding:0}.swatch-field legend{color:var(--ink-soft);margin-bottom:10px;font-size:11px;font-weight:800}.swatch-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.swatch{cursor:pointer;min-height:66px;box-shadow:var(--shadow-soft);border:3px solid #0000;border-radius:20px;flex-direction:column;justify-content:flex-end;align-items:center;padding:8px 4px 7px;transition:transform .16s,border-color .16s;display:flex;position:relative}.swatch small{color:#483830b8;font-size:10px;font-weight:800}.swatch i{color:#5c4a44;background:#ffffffe6;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;font-style:normal;font-weight:900;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%)}.swatch.active{border-color:#fff;transform:translateY(-2px);box-shadow:0 8px 18px #96735f4d}.swatch:active{transform:scale(.95)}.swatch.custom{background:conic-gradient(from 210deg,#f5b3cc,#fbe3a6,#a9dcc6,#a9cdef,#cbb6ec,#f5b3cc)}.swatch.custom input[type=color]{opacity:0;cursor:pointer;border:0;border-radius:17px;width:100%;height:100%;padding:0;position:absolute;top:0;bottom:0;left:0;right:0}.activity-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.activity-grid button{border:1.5px solid var(--line);background:var(--paper);text-align:left;cursor:pointer;border-radius:18px;flex-direction:column;gap:3px;padding:11px 12px;display:flex}.activity-grid button strong{color:var(--ink);font-size:12px}.activity-grid button small{color:var(--muted);font-size:10px}.activity-grid button.active{border-color:var(--lilac);background:var(--lilac-soft)}.activity-grid button.active strong{color:#6a4e93}.weight-hero{background:linear-gradient(135deg, var(--hero-color) 0%, #fff3e8 100%);border-color:#ffffffe6;justify-content:space-between;align-items:center;gap:12px;padding:21px;display:flex;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.weight-hero{background:linear-gradient(135deg, color-mix(in srgb, var(--hero-color) 22%, #fffdf8) 0%, #fff3e8 100%)}}.weight-hero h2{letter-spacing:-1px;margin:8px 0 6px;font-size:38px}.weight-hero h2 small{color:var(--ink-soft);font-size:13px}.weight-hero h2.weight-empty{color:var(--muted);font-size:24px}.weight-meta{color:var(--ink-soft);margin:0;font-size:11px;line-height:1.6}.weight-meta.subtle{color:var(--muted)}.weight-meta .down{color:var(--mint-deep);font-weight:800}.weight-meta .up{color:var(--butter-deep);font-weight:800}.weight-spark{width:100%;height:120px;margin-top:14px;display:block}.spark-legend{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:10px;display:flex}.bmi-card{padding:20px}.bmi-chip{border-radius:99px;padding:6px 13px;font-size:12px;font-weight:900;display:inline-flex}.section-title>span.bmi-chip{font-size:12px}.bmi-chip.low{color:#4e7ba8;background:var(--blue-soft)}.bmi-chip.good{color:#3f7e66;background:#e9f7f0}.bmi-chip.warn{color:#9b7431;background:#fff3dc}.bmi-chip.high{color:#b7625c;background:#fdece8}.bmi-scale{background:linear-gradient(90deg,#bfd9f2 0% 17.5%,#a9dcc6 17.5% 40%,#fbe3a6 40% 62.5%,#f3b7a9 62.5% 100%);border-radius:99px;height:12px;margin:18px 0 8px;position:relative}.bmi-scale i{background:var(--ink);border:4px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #785a4b52}.bmi-ticks{color:var(--muted);justify-content:space-between;font-size:9px;font-weight:800;display:flex}.bmi-card .gentle-note b{color:var(--ink)}.plan-card{flex-direction:column;gap:13px;padding:20px;display:flex}.plan-hero{background:linear-gradient(135deg,#f1f9f4,#eaf4fe);border-radius:22px;justify-content:center;align-items:baseline;gap:8px;padding:18px 12px;display:flex}.plan-hero strong{color:var(--mint-deep);letter-spacing:-1.2px;font-size:40px}.plan-hero span{color:var(--ink-soft);font-size:12px;font-weight:800}.plan-rows{border:1.5px solid var(--line);border-radius:18px;flex-direction:column;gap:2px;display:flex;overflow:hidden}.plan-rows>div{border-bottom:1px solid var(--line);background:#fffbf4;justify-content:space-between;align-items:center;padding:11px 14px;display:flex}.plan-rows>div:last-child{border-bottom:0}.plan-rows span{color:var(--muted);font-size:11px}.plan-rows b{font-size:12px}.plan-warn{color:#96754f;background:#fff6ea;border:1.5px dashed #efd6be;border-radius:16px;margin:0;padding:12px 14px;font-size:11px;font-weight:700;line-height:1.7}.plan-applied{color:#3f7e66;text-align:center;background:#e9f7f0;border-radius:16px;margin:0;padding:12px;font-size:12px;font-weight:800}@media (min-width:620px){.app-shell{border-right:1.5px solid var(--line);border-left:1.5px solid var(--line);box-shadow:0 0 60px #be9b8224}.page-content{padding-left:22px;padding-right:22px}.overview-grid{gap:16px}.fun-stats{gap:13px}.fun-stats article{min-height:134px;padding:16px}}@media (max-width:360px){.overview-grid{grid-template-columns:1fr}.calorie-overview{grid-template-columns:1fr 100px;align-items:center;display:grid}.calorie-overview .card-heading,.calorie-overview .gentle-note{grid-column:1}.calorie-overview .calorie-ring{grid-area:1/2/span 2}.status-card{gap:11px}.mascot-bubble{width:66px;height:66px}.status-card h2{font-size:15px}.streak-item strong{font-size:10px}.bar-chart{gap:4px}.settle-row{flex-wrap:wrap}.bottom-nav button{font-size:9px}.swatch-grid{grid-template-columns:repeat(3,1fr)}.activity-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}