.onb-screen{--onb-paper:#fffaf7;overscroll-behavior:none;flex-direction:column;max-width:440px;margin-inline:auto;display:flex;inset:0;height:100dvh!important;min-height:0!important;padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))!important;position:fixed!important;overflow:hidden!important}.onb-screen>.onb-enter{flex-shrink:0}.onb-screen>.onb-enter.flex-1{flex-shrink:1;min-height:0}.onb-screen>.onb-delay-3.flex-1{min-height:0!important}.onb-screen>.onb-delay-3.flex-1>.touch-none{height:100%;max-height:280px;bottom:0}.onb-plan-plate{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px))!important}.onb-plan-plate>.onb-delay-1{flex-shrink:1;min-height:0}@media(max-height:760px){.onb-screen>.onb-enter{margin-top:12px!important}.onb-screen>.onb-delay-1:has(>.no-tap-scale){gap:7px!important}.onb-screen .no-tap-scale{padding:10px 14px!important}.onb-plan-grid>.onb-enter{margin-top:0!important}.onb-plan-grid>.onb-delay-1{gap:8px!important;padding-top:12px!important}.onb-plan-grid .onb-plan-cell{gap:3px!important;padding:8px!important}.onb-plan-grid .onb-plan-cell>div:first-child{width:54px!important;height:54px!important}.onb-plan-grid .onb-plan-cell svg{width:54px;height:54px}.onb-plan-grid>.onb-delay-2{padding-top:10px!important}.onb-plan-plate .onb-composition-ring{width:220px!important;height:220px!important}.onb-composition-ring>svg{width:100%;height:100%}}.onb-screen:has(>.nf-progress){padding-top:44px!important}.onb-screen:has(>.onb-topbar){padding-top:72px!important}.onb-enter{animation:onb-rise .42s cubic-bezier(.22,1,.36,1) var(--onb-delay,0s) both}.onb-delay-1{--onb-delay:80ms}.onb-delay-2{--onb-delay:.16s}.onb-delay-3{--onb-delay:.24s}.onb-screen.onb-exit .onb-enter{animation:.22s ease-in both onb-out}.onb-screen>.nf-progress{z-index:20;opacity:1;animation:none}.onb-topbar{padding:calc(14px + env(safe-area-inset-top,0px)) 20px 10px}.onb-footer{z-index:20;background:var(--onb-paper);width:calc(100% - 32px);max-width:398px;top:auto!important;bottom:calc(36px + env(safe-area-inset-bottom,0px))!important;opacity:1!important;margin:0 0 0 max(-199px,16px - 50%)!important;padding:0!important;transition:none!important;animation:none!important;position:fixed!important;left:50%!important;right:auto!important;transform:none!important}.onb-stationary{opacity:1!important;animation:none!important;transform:none!important}@keyframes onb-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes onb-out{to{opacity:0;transform:translate(-16px)}}@keyframes onb-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.onb-enter{animation:.15s both onb-fade!important;transform:none!important}.onb-screen.onb-exit .onb-enter{opacity:0;transition:opacity .15s;animation:none!important}.onb-screen *,.onb-screen :before,.onb-screen :after{transition-duration:.15s!important}.onb-screen .nf-progress span{transition:none!important}}.nf-page,.onb-screen,.bowl-signup,.nf-key{--nf-paper:#fffaf7;--nf-ink:#0c0c0c;--nf-accent:#ff6702;--nf-top:#ff8a3d;--nf-edge:#c94f00;--nf-border:#ff9a57;--nf-muted:#aaa;--nf-small:#8a8478;--nf-white:#fff;--nf-peach:#fff0e5;--nf-tint-top:#fff7f0;--nf-tint-bottom:#ffe6d2;--nf-tint-border:#ffd0ad;--nf-tint-edge:#f2c4a0;--nf-disabled:#f3ece5;--nf-disabled-border:#eadfd3;--nf-disabled-text:#bdb3a9;--nf-disabled-edge:#e4d9cd;--nf-line:#eadfd5;--nf-gradient:linear-gradient(180deg,var(--nf-top),var(--nf-accent))}.nf-page{z-index:10000;overscroll-behavior:none;background:var(--nf-paper);width:100%;height:100dvh;min-height:0;color:var(--nf-ink);padding:env(safe-area-inset-top,0px) 0 calc(160px + env(safe-area-inset-bottom,0px));font:500 15px Satoshi,sans-serif;position:fixed;inset:0;overflow:hidden}:is(html:has(.nf-page,.onb-screen,.bowl-signup),body:has(.nf-page,.onb-screen,.bowl-signup)){overscroll-behavior:none;height:100%;overflow:hidden}.nf-content{width:100%;max-width:430px;margin:auto;padding:0 28px}.nf-page h1,.nf-page h2,.nf-number{letter-spacing:0;font-family:Outfit,sans-serif;font-weight:700}.nf-page h1{margin:0;font-size:28px;line-height:1.15}.nf-page h2{margin:0;font-size:19px;line-height:1.25}.nf-page p{color:var(--nf-muted);margin:14px 0 0;font-size:14px;line-height:1.5}.nf-progress{z-index:2;top:calc(42px + env(safe-area-inset-top,0px));background:var(--nf-line);width:calc(100% - 56px);max-width:374px;height:3px;margin-left:max(-187px,28px - 50%);position:fixed;left:50%;overflow:hidden}.nf-page:has(.nf-progress) .nf-content{padding-top:45px}.nf-progress span{background:var(--nf-accent);height:100%;transform:scaleX(var(--progress));transform-origin:0;transition:transform .42s linear;display:block}.nf-back-button{left:4px;top:calc(60px + env(safe-area-inset-top,0px));color:var(--nf-small);width:36px;height:36px;font-size:30px;position:absolute}.nf-enter{opacity:0;will-change:transform,opacity}.nf-ready .nf-enter{animation:nf-rise .42s cubic-bezier(.22,1,.36,1) var(--delay,0s) both}.nf-ready .nf-pop{animation-name:nf-pop}.nf-page.nf-leaving .nf-content{animation:.22s ease-in both nf-out}.nf-page.nf-back{--nf-exit:16px}.nf-ready .nf-content{animation:.42s cubic-bezier(.22,1,.36,1) both nf-screen-in}.nf-reverse-enter{--nf-incoming:-24px}.nf-footer{z-index:1;bottom:calc(36px + env(safe-area-inset-bottom,0px));width:calc(100% - 32px);max-width:398px;margin-left:max(-199px,16px - 50%);position:fixed;left:50%}.nf-key{width:100%;height:58px;color:var(--nf-white);background:var(--nf-gradient);border:1px solid var(--nf-border);box-shadow:0 5px 0 var(--nf-edge);border-radius:18px;font:600 17px Satoshi,sans-serif;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),background .22s,color .22s,border-color .22s;display:flex}.nf-key:hover{background:var(--nf-gradient)}.nf-key:active:not(:disabled){box-shadow:0 2px 0 var(--nf-edge);transition:transform 80ms ease-in,box-shadow 80ms ease-in;transform:translateY(3px)}.nf-key:disabled{opacity:1;background:var(--nf-disabled);color:var(--nf-disabled-text);border-color:var(--nf-disabled-border);box-shadow:0 5px 0 var(--nf-disabled-edge)}.nf-key.nf-tinted{background:linear-gradient(180deg,var(--nf-tint-top),var(--nf-tint-bottom));color:var(--nf-edge);border-color:var(--nf-tint-border);box-shadow:0 5px 0 var(--nf-tint-edge);border-radius:16px;height:54px;font-size:14px}.nf-key.nf-tinted:active{box-shadow:0 2px 0 var(--nf-tint-edge)}.nf-google-key svg{flex-shrink:0;width:22px;height:22px}.nf-login{text-align:center;color:var(--nf-small);margin-top:24px;font-size:12px}.nf-login a{color:var(--nf-accent);margin-left:3px}.nf-demo{height:min(calc(100dvh - 290px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),540px);justify-content:center;margin:22px auto 16px;display:flex}.nf-demo video{object-fit:contain;max-width:100%;height:100%}.nf-ready .nf-demo{animation-name:nf-demo;animation-duration:.5s}.nf-landing-title{text-align:center;font-size:25px!important;line-height:1.15!important}.nf-scan-content{text-align:center;flex-direction:column;align-items:center;padding-top:102px;display:flex}.nf-dish{border:1px solid var(--nf-line);background:var(--nf-white);border-radius:24px;align-items:center;gap:8px;margin-top:64px;padding:10px 17px;font-size:12px;display:flex}.nf-dish svg{color:var(--nf-accent)}.nf-arrow{height:32px;color:var(--nf-ink);stroke-dasharray:60;stroke-dashoffset:60px;opacity:0;margin:20px 0}.nf-ready .nf-draw{animation:nf-arrow .3s ease var(--delay) forwards}.nf-tiles{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:310px;display:grid}.nf-tile{background:var(--nf-gradient);color:var(--nf-white);border-radius:16px;flex-direction:column;align-items:center;gap:3px;padding:18px 8px 14px;display:flex}.nf-tile>span:not(.nf-number){margin-top:6px;font-size:14px}.nf-tile .nf-number{font-size:26px;line-height:1.15}.nf-tile small{font-size:11px}.nf-total-pill{background:var(--nf-peach);border-radius:26px;align-items:center;gap:6px;padding:11px 18px;font-size:13px;display:flex}.nf-total-pill .nf-number{font-size:18px}.nf-check{color:var(--nf-white);background:var(--nf-accent);opacity:0;border-radius:50%;place-items:center;width:21px;height:21px;display:grid}.nf-ready .nf-check{animation:nf-check .42s cubic-bezier(.22,1,.36,1) var(--delay) both}.nf-ai-content{padding-top:65px}.nf-receipt-wrap{padding:10px 6px 35px}.nf-ready .nf-receipt-wrap{animation-name:nf-receipt;animation-duration:.5s}.nf-receipt{background:var(--nf-white);clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%);padding:24px 22px 30px;transform:rotate(-2.5deg)}.nf-receipt-header{color:var(--nf-accent);letter-spacing:0;align-items:center;gap:5px;margin-bottom:28px;font-size:10px;display:flex}.nf-ready .nf-receipt-header svg{animation:.42s cubic-bezier(.22,1,.36,1) .38s both nf-sparkle}.nf-receipt-row{align-items:baseline;gap:9px;margin:18px 0;font-size:15px;display:flex}.nf-receipt-row .nf-number{text-align:right;width:32px;font-size:17px}.nf-leader{border-bottom:1px dotted var(--nf-small);transform-origin:0;flex:1;transform:scaleX(0)}.nf-ready .nf-leader{animation:nf-leader .25s ease var(--delay) both}.nf-receipt-total{border-top:1px solid var(--nf-line);justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;display:flex}.nf-receipt-total>span:first-child{color:var(--nf-small);font-size:11px}.nf-receipt-total .nf-number{background:var(--nf-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:40px}.nf-label-content{text-align:center;flex-direction:column;align-items:center;padding-top:92px;display:flex}.nf-icon-circle{background:var(--nf-gradient);width:80px;height:80px;color:var(--nf-white);border-radius:50%;place-items:center;display:grid}.nf-label-content h1,.nf-label-content h2{margin-top:26px;font-size:22px}.nf-label-content .nf-pencil{margin-top:96px}.nf-ready .nf-pencil svg{animation:.42s 1.1s both nf-wiggle}.nf-messy-content{text-align:center;padding-top:168px}.nf-messy-content p{color:var(--nf-small);font-size:13px}.nf-bars-card{background:var(--nf-white);border-radius:18px;margin-top:30px;padding:28px 22px}.nf-bars{align-items:stretch;gap:4px;height:65px;display:flex}.nf-bar{background:var(--nf-disabled);transform-origin:bottom;flex:1;position:relative;overflow:hidden;transform:scaleY(0)}.nf-ready .nf-bar{animation:nf-bar .35s ease-out var(--delay) both}.nf-bar i{transform-origin:bottom;position:absolute;inset:0;transform:scaleY(0)}.nf-filled{background:var(--nf-gradient)}.nf-ready .nf-filled{animation:nf-bar .35s ease-out var(--delay) both}.nf-goal-content{text-align:center;padding-top:240px}.nf-input-box{border:2px solid var(--nf-line);border-radius:16px;align-items:center;height:76px;margin-top:56px;padding:0 20px;transition:border-color .22s;display:flex}.nf-input-box.nf-valid{border:2px solid var(--nf-accent)}.nf-input-box input{width:100%;min-width:0;color:var(--nf-ink);caret-color:var(--nf-accent);background:0 0;border:0;outline:none;font:600 30px Outfit,sans-serif}.nf-input-box input::placeholder{color:var(--nf-disabled-text)}.nf-input-box>span{color:var(--nf-edge);font-size:14px}.nf-page .nf-helper{color:var(--nf-small);min-height:32px;margin-top:10px;font-size:12px}.nf-soft-pulse{animation:.6s ease-in-out nf-soft-pulse}.nf-days-content{padding-top:64px}.nf-days-content h1{font-size:30px}.nf-every-day .nf-back-button{top:calc(18px + env(safe-area-inset-top,0px))}.nf-days-content p{color:var(--nf-small);font-size:13px}.nf-days{flex-direction:column;gap:22px;margin:60px 8px 0;display:flex}.nf-day{background:var(--nf-white);border-radius:18px;justify-content:space-between;align-items:center;min-height:100px;padding:20px 22px;display:flex}.nf-day small{color:var(--nf-small);margin-bottom:5px;font-size:10px;display:block}.nf-day h2{font-size:18px}.nf-day .nf-number{font-size:30px}.nf-day-0 .nf-day{transform:rotate(-5deg)}.nf-day-1 .nf-day{background:var(--nf-peach);transform:rotate(3deg)}.nf-day-2 .nf-day{border:1px dashed var(--nf-line);transform:rotate(-2deg)}.nf-rest-mark{color:var(--nf-muted);font-size:24px}.nf-ready .nf-day-outer{animation-name:nf-day;animation-duration:.5s}.nf-hidden *,.nf-hidden :before{animation-play-state:paused!important}@keyframes nf-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes nf-screen-in{0%{opacity:0;transform:translate(var(--nf-incoming,24px))}to{opacity:1;transform:translate(0)}}@keyframes nf-sparkle{0%{opacity:0;transform:rotate(-90deg)scale(.5)}to{opacity:1;transform:none}}@keyframes nf-pop{0%{opacity:0;transform:translateY(12px)scale(.85)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes nf-progress{to{transform:scaleX(var(--progress))}}@keyframes nf-out{to{opacity:0;transform:translate(var(--nf-exit,-16px))}}@keyframes nf-demo{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:none}}@keyframes nf-arrow{to{stroke-dashoffset:0;opacity:1}}@keyframes nf-leader{to{transform:scaleX(1)}}@keyframes nf-check{0%{opacity:0;transform:scale(1.25)}70%{opacity:1;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes nf-receipt{0%{opacity:0;transform:translateY(40px)}75%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes nf-wiggle{0%{transform:rotate(-8deg)}to{transform:rotate(0)}}@keyframes nf-bar{to{transform:scaleY(1)}}@keyframes nf-soft-pulse{50%{transform:scale(1.04)}}@keyframes nf-day{0%{opacity:0;transform:translateY(30px)}75%{opacity:1;transform:translateY(-3px)}to{opacity:1;transform:none}}@keyframes nf-fade{0%{opacity:0}to{opacity:1}}@media(max-height:720px){.nf-demo{margin-top:12px}.nf-landing-title{font-size:23px!important}.nf-scan-content{padding-top:65px}.nf-dish{margin-top:30px}.nf-arrow{margin:14px 0}.nf-label-content{padding-top:64px}.nf-label-content .nf-pencil{margin-top:54px}.nf-goal-content{padding-top:170px}.nf-input-box{margin-top:36px}.nf-days-content{padding-top:42px}.nf-days{gap:16px;margin-top:34px}.nf-day{min-height:86px}.nf-ai-content{padding-top:36px}.nf-receipt{padding-top:18px}.nf-receipt-row{margin:12px 0}}@media(prefers-reduced-motion:reduce){.nf-ready .nf-content{animation:.15s both nf-fade}.nf-ready .nf-enter,.nf-ready .nf-day-outer,.nf-ready .nf-demo{animation:.15s both nf-fade!important;transform:none!important}.nf-progress span{transform:scaleX(var(--progress));transition:none;animation:none}.nf-ready .nf-arrow{stroke-dashoffset:0;opacity:1;animation:none}.nf-ready .nf-check{opacity:1;animation:none;transform:none}.nf-ready .nf-bar,.nf-ready .nf-filled,.nf-ready .nf-leader{animation:none;transform:none}.nf-ready .nf-pencil svg,.nf-ready .nf-receipt-header svg,.nf-soft-pulse{animation:none!important}.nf-page.nf-leaving .nf-content{opacity:0;transition:opacity .15s;animation:none}.nf-receipt,.nf-day{transform:none!important}}