:root{--accent:#5558ed;--bg:#f7f8fa;--ink:#202229}
.brandname{font-weight:500!important;letter-spacing:-.6px;font-size:25px}.brand{gap:10px}.mark{width:27px;height:27px}.brandnote,.local-indicator{display:none}.header{border-bottom:0}.header-right>.btn{border-radius:10px}.main{max-width:900px}.hero{display:flex;flex-direction:column;background:#fff;border:0;border-radius:14px 14px 0 0;box-shadow:0 9px 30px #24283806;overflow:visible}.hero:before{display:none}.hero:after{content:'';top:-7px;right:22px;bottom:auto;width:10px;height:33px;border:1.5px solid #95989e;border-radius:8px;transform:rotate(13deg);background:transparent;box-shadow:2px 2px 2px #00000012}.hero-info{padding:28px 26px 0;display:block}.hero-info .label{background:none;color:#717581}.hero-bottom{width:100%;max-width:none;background:none}.bigamount{background:none;font-size:clamp(54px,15vw,78px);font-weight:450;margin:12px 0 20px}.goal-track{height:3px}.terrain{padding:10px 8px 0;margin-top:0;background-image:radial-gradient(#bfc7df66 .6px,transparent .6px);background-size:17px 17px;border-radius:0}.terrain svg{display:block}.terrain-caption{height:49px;border-top:1px solid #e9eaf0;padding-top:12px;margin:0 16px;font-size:12px;justify-content:flex-start;gap:10px}.terrain-caption strong{font-size:12px}.metricstrip{position:relative;border:0;border-radius:0 0 14px 14px;padding:14px 4px 19px;box-shadow:0 12px 25px #24283806}.metric{padding:3px 12px;border-color:#eceef2;background:none;text-align:left}.metric:first-child .label{color:var(--secondary)}.metric .label{font-size:13px}.metric .label svg{display:none}.metric .value{font-size:clamp(17px,4.8vw,26px);font-weight:450}.demo-banner{background:none;border:0}.monthpicker{border:0;background:none;padding:0}.workspace-grid{display:block}.snail-button{position:absolute;right:18px;bottom:14px;width:65px;height:55px;background:none;border:0;padding:0;z-index:3;cursor:pointer;touch-action:manipulation}.snail-button>svg{width:100%;height:100%;overflow:visible;aspect-ratio:auto}.snail-eye{transform-box:fill-box;transform-origin:bottom center;animation:feel 5s ease-in-out infinite}.snail-eye.far{animation-delay:-2s}.snail-button.is-awake .snail-body{animation:greet .7s ease-in-out}.snail-bubble{position:absolute;right:8px;bottom:76px;padding:9px 13px;background:#24262c;color:white;border-radius:10px 10px 0 10px;font-size:13px;max-width:230px;z-index:4;box-shadow:0 3px 10px #0001}.snail-bubble[hidden]{display:none}.snail-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}.terrain-caption span{padding-right:60px}.test-note{font-size:12px;color:#777d89;margin:8px 0 16px}.header-right .privacybutton svg{width:21px;height:21px}.nav{background:#fff}.record-date small{display:none}.record-open{grid-template-columns:36px minmax(0,1fr) auto 8px}.record-date{font-size:17px}.record-meta{font-size:14px}.search{margin-bottom:0}.sectionhead h2{font-weight:500}
@keyframes feel{0%,75%,100%{transform:rotate(0)}82%{transform:rotate(-7deg)}91%{transform:rotate(5deg)}}@keyframes greet{0%,100%{transform:translateY(0)}40%{transform:translateY(-4px)}70%{transform:translateY(1px)}}
@media(min-width:801px){.main{padding-top:25px}.hero-info{padding:32px 32px 0}.terrain svg{max-height:310px}.snail-button{right:28px}.header{max-width:1000px;padding:0 35px}.nav{top:auto;bottom:0;border:1px solid #e8eaf0;border-radius:14px 14px 0 0;padding:12px 30px;height:65px}.main{padding-bottom:100px}.nav button svg{display:block;width:22px;height:22px}.brand{margin-right:auto}}
@media(max-width:800px){.main{padding:16px 18px 28px}.header{padding:0 22px}.hero-info{padding:25px 22px 0}.terrain svg{aspect-ratio:600/330}.metricstrip{grid-template-columns:1fr .92fr 1.2fr}.nav button{font-size:14px}.bigamount.long{font-size:40px}.overview-head{margin-bottom:10px}}
.record-open{grid-template-columns:44px minmax(0,1fr) auto 8px}.record-date{font-size:14px;color:#818593}.record-amount{max-width:125px}.snail-button>svg{max-height:none;margin:0}.terrain>svg{margin-top:20px}.goal-label{font-size:14px}.goal-track{background:#e9eaf1}.hero-bottom{display:flex;flex-direction:column}.goal-track{order:-1;margin:0 0 10px}.hero .terrain-label{font-size:16px}.record-open:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.snail-button{width:66px;height:50px;right:auto;bottom:auto;transform:none}.snail-button>svg{width:66px;height:50px;transform-origin:center}.snail-body{transform-box:fill-box;transform-origin:50% 100%}.snail-peek .snail-body{animation:snail-peek 1.2s ease-in-out}.snail-tuck .snail-eye{animation:snail-tuck 1.2s ease-in-out}.snail-wiggle .snail-body{animation:snail-wiggle 1.2s ease-in-out}.nav button svg,.iconbtn svg,.inline-icon{stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav button svg{width:24px;height:24px}.nav button{gap:5px}.monthpicker input{font-size:15px}.monthpicker input::-webkit-calendar-picker-indicator{display:none}.monthpicker .iconbtn{width:32px}.terrain-caption{position:relative}.terrain-caption span{padding-right:0}.snail-bubble{display:none!important}
@keyframes snail-peek{0%,100%{transform:scale(1)}45%{transform:scale(1.04,1.13)}70%{transform:scale(.99,.98)}}@keyframes snail-tuck{0%,100%{transform:scaleY(1)}40%,60%{transform:scaleY(.28)}}@keyframes snail-wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}55%{transform:rotate(5deg)}80%{transform:rotate(-3deg)}}
/* V1.3: paper surface and restrained companion. */
.hero{background-color:#fff;background-image:radial-gradient(rgba(142,157,195,.32) .65px,transparent .85px);background-size:15px 15px;box-shadow:0 12px 32px rgba(34,40,61,.065);border:1px solid rgba(222,225,234,.45);border-bottom:0}.hero:after{display:none!important}.hero-info{background:linear-gradient(#ffffffd9,#ffffff85)}.terrain{background:none}.metricstrip{background:#fff;box-shadow:0 15px 30px rgba(34,40,61,.055);border:1px solid rgba(222,225,234,.45);border-top:0}.paperclip{position:absolute;right:20px;top:-10px;width:22px;height:54px;transform:rotate(12deg);z-index:5;pointer-events:none;filter:drop-shadow(1px 2px 1px #0002)}.paperclip svg{display:block;width:100%;height:100%;overflow:visible}.terrain-caption{height:34px;padding-top:8px;font-size:11px}.terrain-caption strong{font-size:11px}.metricstrip{padding-top:12px}.snail-button{width:44px;height:44px;min-height:44px}.snail-button>svg{position:absolute;left:1px;top:6px;width:42px;height:32px}.snail-peek .snail-body,.snail-wiggle .snail-body{animation:none}.snail-head{transform-origin:60px 46px}.snail-shell{transform-origin:32px 48px}.snail-peek .snail-head{animation:head-peek 1.8s ease-in-out}.snail-peek .snail-eye{animation:antenna-peek 1.8s ease-in-out}.snail-tuck .snail-head{animation:head-tuck 1.8s ease-in-out}.snail-tuck .snail-eye{animation:antenna-tuck 1.8s ease-in-out}.snail-wiggle .snail-shell{animation:shell-settle 1.8s ease-in-out}.snail-wiggle .snail-eye{animation:antenna-peek 1.8s ease-in-out}.snail-button>svg{transition:opacity .2s}.hero-info .label{font-size:15px}.bigamount{font-weight:500}.nav button[data-page=settings] svg{width:22px;height:22px}.nav button svg{flex-shrink:0}.nav button span{line-height:20px}
@keyframes head-peek{0%,100%{transform:translate(0,0)}22%{transform:translate(-1px,1px)}55%{transform:translate(3px,-1px)}78%{transform:translate(1px,0)}}@keyframes antenna-peek{0%,100%{transform:rotate(0)}28%{transform:rotate(-9deg)}58%{transform:rotate(7deg)}80%{transform:rotate(-2deg)}}@keyframes head-tuck{0%,100%{transform:translate(0,0)}30%,48%{transform:translate(-4px,2px)}72%{transform:translate(1px,-1px)}}@keyframes antenna-tuck{0%,100%{transform:scaleY(1)}27%,47%{transform:scaleY(.48)}72%{transform:scaleY(1.07)}}@keyframes shell-settle{0%,100%{transform:rotate(0)}24%{transform:rotate(-4deg)}52%{transform:rotate(3deg)}77%{transform:rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.snail-eye,.snail-body,.snail-head,.snail-shell{animation:none!important}}