.splash-screen{display:flex;flex-direction:column;align-items:center;width:100%;max-width:390px;height:min(100vh,844px);height:min(100dvh,844px);min-height:0;margin:0 auto;padding:56px 24px 40px;background:#2a9df8;color:#fff;text-align:center;border:0}.splash-brand{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;gap:32px;width:100%;min-height:0}.splash-logo{display:block;width:193px;height:211px;object-fit:cover}.splash-tagline{display:flex;flex-direction:column;align-items:center;width:min(345px,100%);font-size:18px;font-weight:400;line-height:1.5}.splash-tagline strong{font-weight:700}.splash-footer{display:block;flex:0 0 auto;width:min(345px,100%);font-size:11px;font-weight:400;line-height:1.5}.splash-screen:focus-visible{outline:3px solid #fff;outline-offset:-8px}.first-use-guide{position:fixed;z-index:10000;top:max(0px,calc((100dvh - 844px)/2));left:50%;width:min(100vw,390px);height:min(100dvh,844px);transform:translate(-50%);overflow:hidden;pointer-events:auto;background:#303b46;-webkit-text-size-adjust:100%;text-size-adjust:100%}.first-use-guide-frame{position:absolute;top:50%;left:50%;width:390px;height:844px;transform-origin:center;min-height:0;overflow:hidden;flex:0 0 auto;pointer-events:auto}.first-use-guide-dismiss{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.first-use-guide-dismiss:focus-visible{outline:2px solid #fff;outline-offset:-4px}.first-use-guide-dim{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}.first-use-guide-backdrop{position:absolute;inset:0;overflow:hidden;background:#fff;color:#2a3038}.first-use-guide-mock-header{position:absolute;top:58px;left:20px;font-size:32px;line-height:42px;font-weight:700}.first-use-guide-mock-banner{position:absolute;top:116px;left:0;width:100%;padding:12px 20px}.first-use-guide-mock-banner>div{width:100%}.first-use-guide-mock-banner h2,.first-use-guide-mock-banner p{width:100%}.first-use-guide-mock-banner h2{font-size:20px;line-height:27px;font-weight:700}.first-use-guide-mock-banner p{margin-top:12px;color:#555d6d;font-size:16px;line-height:22px}.first-use-guide-mock-summary{position:absolute;top:263px;left:0;width:100%;padding:12px 20px}.first-use-guide-mock-summary>h2,.first-use-guide-mock-list>h2{font-size:24px;line-height:32px;font-weight:700}.first-use-guide-mock-summary-card{display:flex;align-items:center;justify-content:space-between;height:116px;margin-top:12px;padding:16px;border-radius:16px;background:#eaf5fe}.first-use-guide-mock-summary-item{display:flex;flex:1;flex-direction:column;align-items:center;gap:8px;color:#868b94;font-size:12px;line-height:16px}.first-use-guide-mock-summary-item strong{color:#2a3038;font-size:16px;line-height:22px}.first-use-guide-mock-summary-item .storage-icon{flex:0 0 24px}.first-use-guide-mock-list{position:absolute;top:441px;left:0;width:100%;height:343px;overflow:hidden;padding:12px 20px;background:#fff}.first-use-guide-mock-list>h2{margin-bottom:12px}.first-use-guide-mock-row{display:flex;align-items:center;gap:12px;width:350px;min-height:74px;border-bottom:1px solid #dcdee3}.first-use-guide-mock-row:first-of-type{min-height:68px;padding:12px 8px;border-bottom:0;border-radius:14px;background:#fff}.first-use-guide-mock-thumb{display:block;flex:0 0 44px;width:44px;height:44px;object-fit:cover}.first-use-guide-mock-copy{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;color:#555d6d;font-size:14px;line-height:19px}.first-use-guide-mock-copy strong{overflow:hidden;color:#2a3038;font-size:18px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.first-use-guide-mock-badge{flex:0 0 auto;padding:4px 8px;border-radius:8px;background:#189129;color:#fff;font-size:12px;line-height:16px;font-weight:700}.first-use-guide-mock-badge.expired{background:#e53359}.first-use-guide-mock-row:nth-of-type(2) .first-use-guide-mock-badge{background:#fb804a}.first-use-guide-mock-nav{position:absolute;top:784px;left:0;display:flex;align-items:center;width:100%;height:60px;padding:9px;background:#fff}.first-use-guide-mock-nav span{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#b0b3ba;font-size:11px;line-height:normal;font-weight:700}.first-use-guide-mock-nav span.selected{color:#2a9df8}.first-use-guide-mock-nav img{display:block;width:24px;height:24px;object-fit:contain}.first-use-guide-close{position:absolute;z-index:3;top:32px;right:24px;display:block;width:24px;height:24px;padding:0;background:transparent;pointer-events:auto}.first-use-guide-close img{display:block;width:24px;height:24px}.first-use-guide-header,.first-use-guide-expiry,.first-use-guide-recipes{position:absolute;display:flex;flex-direction:column;gap:10px;color:#fff;font-style:normal;line-height:1.5;pointer-events:none;z-index:2}.first-use-guide-header{top:58px;left:32px;width:calc(100% - 64px)}.first-use-guide-header p{font-size:14px;font-weight:400}.first-use-guide-header h1{font-size:23px;line-height:1.5;font-weight:700}.first-use-guide-expiry{top:325px;left:28px;width:calc(100% - 56px)}.first-use-guide-expiry h2,.first-use-guide-recipes h2{font-size:18px;line-height:1.5;font-weight:700}.first-use-guide-expiry p,.first-use-guide-recipes p{font-size:14px;line-height:1.5;font-weight:400}.first-use-guide-expiry-curve,.first-use-guide-recipe-curve{position:absolute;display:block;width:62px;height:112px;pointer-events:none}.first-use-guide-expiry-curve{top:385px;left:58px;transform:rotate(180deg) scaleY(-1)}.first-use-guide-recipes{top:593px;left:35px;width:calc(100% - 70px)}.first-use-guide-recipe-curve{top:673px;left:calc(50% + 54px)}.first-use-guide-close:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}.cloud-account{max-width:390px;margin:0 auto;padding:16px 20px;background:#fff;color:#28303b;box-sizing:border-box;font-size:13px;line-height:1.6}.cloud-account strong{display:block;font-size:16px}.cloud-account button,.cloud-save-warning button{border:1px solid #dce2e8;border-radius:8px;background:#fff;color:#1679c5;padding:8px 12px;margin:5px 6px 5px 0;cursor:pointer}.cloud-account summary{cursor:pointer;padding:8px 0}.recipe-save-button{border:1px solid #dce2e8;background:#fff;border-radius:10px;padding:10px 14px;color:#1679c5;margin-bottom:12px;cursor:pointer}.cloud-account [role=alert],.cloud-save-warning{color:#b33636}.cloud-save-warning{position:fixed;left:50%;transform:translate(-50%);bottom:76px;background:#fff3f1;border:1px solid #edb9b2;border-radius:12px;width:min(350px,90vw);padding:12px;z-index:100;font-size:13px}.settings-button{width:44px;height:44px;padding:0;margin-right:-6px;display:flex;align-items:center;justify-content:center;background:none;cursor:pointer}.settings-button img{display:block}.settings-button:focus-visible{outline:2px solid var(--blue-500);border-radius:8px}.screen-settings .sub-header h1{width:100%;padding-left:24px}.settings-page{padding:var(--s5) var(--s5) 40px}.settings-page .cloud-account{max-width:none;margin:0;padding:0;background:transparent;color:var(--gray-900);font-size:var(--t2);line-height:var(--lh3)}.settings-profile{display:flex;align-items:center;gap:var(--s4);padding:var(--s5);border:1px solid var(--blue-100);border-radius:var(--r4);background:var(--blue-50)}.settings-profile>div{min-width:0}.settings-avatar{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--gray-0);color:var(--blue-500);font-size:var(--t6);font-weight:700}.settings-section-label{display:block;margin-bottom:var(--s1);font-size:var(--t1);color:var(--gray-800)}.settings-profile strong{font-size:var(--t4);line-height:var(--lh4)}.settings-page .cloud-account button{margin:0;padding:var(--s4);background:var(--gray-0);border:0;border-radius:var(--r3);width:100%;text-align:left;color:var(--gray-900);font-family:inherit;font-size:var(--t2);line-height:var(--lh3);font-weight:500;min-height:56px;cursor:pointer}.settings-page .cloud-account button:after{content:"›";float:right;font-size:var(--t5);color:var(--gray-700);font-weight:400}.settings-page .cloud-account button:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.settings-account-actions{margin-top:var(--s3);border:1px solid var(--blue-100);border-radius:var(--r3);overflow:hidden}.settings-account-actions button{color:var(--gray-800)!important}.settings-sync-status{display:flex;align-items:center;gap:var(--s2);margin-top:var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r3);background:var(--blue-50);color:var(--blue-500);font-size:var(--t1)}.settings-sync-status>span{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;color:var(--gray-0);background:var(--blue-500);font-size:12px}.settings-sync-status p{margin:0}.settings-section-title{margin:32px 0 var(--s3);font-size:var(--t3);line-height:var(--lh3);font-weight:700;color:var(--gray-900)}.settings-data-actions{border:1px solid var(--blue-100);border-radius:var(--r4);overflow:hidden}.settings-data-actions>button+button{border-top:1px solid var(--blue-100)!important;border-radius:0!important}.connection-status-icon{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;flex:0 0 12px;border-radius:50%}.connection-status-icon.is-success{background:var(--green-500)}.connection-status-icon.is-error{background:var(--red-500)}.settings-sync-status>.connection-status-icon{width:12px;height:12px;font-size:inherit}.settings-sync-status>.connection-status-icon.is-success{background:var(--green-500)}.settings-sync-status>.connection-status-icon.is-error{background:var(--red-500)}.connection-status-icon img{display:block;max-width:none}.settings-sync-status.has-error{background:#fff1f4;color:var(--red-500)}.screen-settings .sub-header{height:44px}.settings-page{flex:1;padding:12px var(--s5) 16px;overflow-y:auto}.settings-page .cloud-account{width:100%;max-width:none;margin:0;padding:0;background:transparent;color:var(--gray-900);font-size:var(--t2);line-height:var(--lh3)}.settings-profile{display:flex;align-items:center;gap:var(--s4);min-height:106px;padding:var(--s4);border:0;border-radius:var(--r4);background:var(--blue-50)}.settings-profile-copy{min-width:0}.settings-avatar{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:50%;background:var(--gray-0);color:var(--blue-500);font-size:var(--t6);font-weight:700}.settings-section-label{display:block;margin-bottom:var(--s1);font-size:var(--t1);line-height:var(--lh1);color:var(--gray-800)}.settings-profile strong{display:block;font-size:var(--t4);line-height:var(--lh4)}.settings-profile-status{margin-top:var(--s1);color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1)}.settings-page .account-email{overflow-wrap:anywhere;font-size:var(--t1);color:var(--gray-800);margin:var(--s1) 0 0}.settings-notifications{margin-top:24px}.settings-section-heading h2,.settings-records>h2{font-size:var(--t4);line-height:var(--lh4);font-weight:700}.settings-section-heading p{margin-top:4px;color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1)}.settings-notice-card,.settings-record-card{background:var(--blue-50);border-radius:var(--r4)}.settings-notice-card{margin-top:var(--s3);padding:var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.settings-notice-copy,.settings-record-copy{display:flex;align-items:center;gap:var(--s3)}.settings-round-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--blue-500)}.settings-notice-copy>div{min-width:0}.settings-notice-copy>div{width:258px;flex:0 1 258px}.settings-notice-copy strong{display:block;color:var(--blue-500);font-size:var(--t2);line-height:var(--lh2)}.settings-notice-copy p{color:var(--gray-800);font-size:var(--t2);line-height:var(--lh2)}.settings-record-copy p{color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1)}.settings-icon-slot{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center}.settings-icon-slot img{display:block;max-width:none}.settings-email-button{width:100%;min-height:48px;border:1px solid #dcdee3;border-radius:16px;background:#fff;color:var(--gray-900);font-size:16px;line-height:22px;font-weight:700}.settings-page .cloud-account .settings-email-button{min-height:48px;padding:0 20px;border:1px solid #dcdee3;border-radius:16px;background:#fff;color:var(--gray-900);text-align:center;font-size:16px;line-height:22px;font-weight:700}.settings-page .cloud-account .settings-email-button:after,.settings-page .cloud-account .settings-google-button:after{content:none}.settings-schedule{display:flex;align-items:center;gap:var(--s2);color:var(--gray-800);font-size:11px;line-height:16px}.settings-schedule img{width:16px;height:16px;object-fit:contain;filter:grayscale(1) brightness(.62)}.settings-records{margin-top:24px}.settings-record-card{margin-top:var(--s3);padding:var(--s3) var(--s4);display:flex;flex-direction:column;gap:var(--s3)}.settings-google-button{width:100%;min-height:44px;border-radius:16px;background:var(--blue-500);color:#fff;font-size:16px;line-height:22px;font-weight:700}.settings-page .cloud-account .settings-google-button{min-height:44px;padding:0 20px;border:0;border-radius:16px;background:var(--blue-500);color:#fff!important;text-align:center;font-size:16px;line-height:22px;font-weight:700}.settings-retention-note{display:flex;align-items:flex-start;gap:var(--s2);margin-top:24px;padding:var(--s3) var(--s4);border-radius:var(--r3);background:var(--blue-50);color:var(--gray-800)}.settings-retention-note>span{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border-radius:50%;background:var(--blue-500);color:#fff;font-size:13px;font-weight:700}.settings-retention-note p{font-size:var(--t1);line-height:var(--lh1)}.settings-notice-card button:focus-visible,.settings-record-card button:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.settings-notice-card button:disabled,.settings-record-card button:disabled{opacity:.65;cursor:wait}.settings-sync-status,.settings-section-title,.settings-data-actions{display:none}.settings-profile.is-reminder-active{min-height:96px}.settings-profile.is-reminder-active .settings-profile-status{margin-top:var(--s1)}.settings-email-preferences{margin-top:var(--s3);border:1px solid var(--gray-100);border-radius:var(--r4);overflow:hidden;background:#fff}.settings-confirmed-email{padding:10px var(--s4)}.settings-confirmed-email>span{display:block;color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1)}.settings-confirmed-email>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.settings-confirmed-email strong{min-width:0;overflow-wrap:anywhere;color:var(--gray-900);font-size:var(--t3);line-height:var(--lh3);font-weight:400}.settings-email-badge{display:inline-flex;flex:none;align-items:center;gap:4px;height:24px;padding:4px 8px;border-radius:8px;background:#f0fdf4;color:#0e5f19;font-size:var(--t1);line-height:var(--lh1)}.settings-email-badge-icon{width:12px;height:12px;flex:0 0 12px;display:grid;place-items:center;border-radius:50%;background:#16a34a}.settings-email-badge-icon img{display:block}.settings-email-toggle-row{min-height:56px;padding:10px var(--s4);border-top:1px solid var(--gray-100);display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-email-toggle-row>span{min-width:0;display:flex;flex-direction:column;gap:2px}.settings-email-toggle-row strong{color:var(--gray-900);font-size:14px;line-height:19px;font-weight:400}.settings-email-toggle-row small{color:var(--gray-800);font-size:10px;line-height:14px}.settings-page .cloud-account .settings-email-toggle{width:36px;min-height:20px;height:20px;padding:2px;flex:0 0 36px;border:0;border-radius:16px;background:#c8cbd0;display:flex;align-items:center;justify-content:flex-start;cursor:pointer}.settings-page .cloud-account .settings-email-toggle.is-on{justify-content:flex-end;background:var(--blue-500)}.settings-page .cloud-account .settings-email-toggle>span{width:16px;height:16px;border-radius:50%;background:#fff}.settings-page .cloud-account .settings-email-toggle:after,.settings-page .cloud-account .settings-email-change:after{content:none}.settings-page .cloud-account .settings-email-change{width:100%;min-height:44px;padding:0 var(--s3);border:0;border-top:1px solid var(--gray-100);border-radius:0;display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--gray-900);font-family:inherit;font-size:14px;line-height:19px;font-weight:400;text-align:left;cursor:pointer}.settings-email-change img{display:block}.settings-notification-info{margin-top:20px;padding:12px;border-radius:12px;background:var(--blue-50);display:flex;align-items:flex-start;gap:12px}.settings-notification-info>span{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:50%;background:var(--blue-500);color:#fff;font-size:14px;line-height:20px;font-weight:700}.settings-notification-info>div{min-width:0}.settings-notification-info strong{display:block;color:var(--blue-500);font-size:var(--t2);line-height:var(--lh2)}.settings-notification-info p{color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1)}.settings-profile.is-reminder-active+.settings-notifications{margin-top:20px}.settings-notifications:has(.settings-email-preferences)+.settings-records{margin-top:20px}.settings-email-preferences button:focus-visible{outline:2px solid var(--blue-500);outline-offset:-2px}.settings-page:has(>.is-signed-in){display:flex;flex-direction:column;padding:var(--s5) var(--s5) var(--s6)}.settings-page .cloud-account.is-signed-in{flex:1;display:flex;flex-direction:column;gap:32px}.is-signed-in .settings-notifications,.is-signed-in .settings-data{margin-top:0}.is-signed-in .settings-profile{min-height:106px}.is-signed-in .settings-profile .account-email{margin-top:var(--s1)}.settings-page .cloud-account.is-signed-in button:after{content:none}.settings-email-toggle-row>.settings-email-toggle-control{flex:none;flex-direction:row;align-items:center;gap:var(--s2)}.settings-email-toggle-control>span{color:var(--gray-700);font-size:var(--t1);line-height:var(--lh1)}.settings-email-toggle-control>span.is-on{color:var(--blue-500)}.settings-row-chevron{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;transform:rotate(180deg)}.settings-row-chevron img{display:block}.is-signed-in .settings-email-change{min-height:48px}.settings-data{display:flex;flex-direction:column;gap:var(--s4)}.settings-data h2{color:var(--gray-900);font-size:var(--t4);line-height:var(--lh4);font-weight:700}.settings-list-group,.settings-logout-group{border:1px solid var(--gray-100);border-radius:var(--r4);background:var(--gray-0);overflow:hidden}.settings-banner{display:flex;align-items:center;gap:var(--s4);min-height:48px;padding:var(--s3)}.settings-banner.is-error{background:var(--red-50)}.settings-banner.is-warning{background:var(--orange-50);border-radius:var(--r3)}.settings-banner-status{width:16px;height:16px;flex:0 0 16px;display:grid;place-items:center;border-radius:999px;background:var(--red-500)}.settings-banner-status img,.settings-banner-icon{display:block;flex:none}.settings-banner-copy{flex:1;min-width:0;color:var(--gray-900);font-size:var(--t2);line-height:20px}.settings-banner-copy small{display:block;color:var(--gray-800);font-size:var(--t1);line-height:20px}.settings-page .cloud-account .settings-banner-action{width:auto;min-width:64px;min-height:40px;height:40px;flex:none;padding:0 var(--s3-5);border:0;border-radius:var(--r2-5);background:transparent;color:var(--blue-800);text-align:center;font-family:inherit;font-size:var(--t2);line-height:var(--lh2);font-weight:700}.settings-page .cloud-account .is-warning .settings-banner-action{color:var(--orange-700)}.settings-page .cloud-account .settings-menu-item{min-height:56px;padding:0 var(--s3);border:0;border-radius:0;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);background:var(--gray-0);color:var(--gray-900);font-size:var(--t3);line-height:var(--lh3);font-weight:400}.settings-banner+.settings-menu-item{border-top:1px solid var(--gray-100)}.settings-spacer{flex:1 0 0}.settings-page .cloud-account .settings-logout{min-height:50px;padding:var(--s3);border:0;border-radius:0;background:var(--gray-0);color:var(--red-500);text-align:center;font-size:var(--t3);line-height:var(--lh3);font-weight:400}.settings-page .cloud-account :is(.settings-banner-action,.settings-menu-item,.settings-logout):focus-visible{outline:2px solid var(--blue-500);outline-offset:-2px}.data-backup-sheet{border-radius:var(--r4) var(--r4) 0 0}.data-backup-sheet::backdrop{background:#2a30387f}.data-backup-heading{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4) var(--s5)}.data-backup-heading h2{color:var(--gray-900);font-size:var(--t5);line-height:var(--lh5);font-weight:700}.data-backup-heading p{color:var(--gray-700);font-size:var(--t2);line-height:var(--lh2)}.data-backup-content .settings-banner:is(.is-error,.is-success){border-radius:var(--r3)}.settings-banner.is-success{background:var(--green-50)}.settings-sync-banner{gap:var(--s2)}.settings-sync-banner.is-error{background:var(--red-50)}.settings-sync-banner.is-loading{background:var(--blue-50)}.settings-sync-banner .settings-banner-status{width:12px;height:12px;flex-basis:12px}.settings-sync-banner.is-error .settings-banner-status{background:var(--red-500)}.settings-sync-banner.is-loading .settings-banner-copy p{color:var(--blue-500)}.settings-sync-banner.is-loading .settings-banner-copy small{font-weight:200}.settings-sync-spinner{position:relative;width:16px;height:16px;flex:0 0 16px}.settings-sync-spinner img{position:absolute;inset:0;display:block}.settings-sync-spinner img+img{animation:settings-sync-spin .9s linear infinite}@keyframes settings-sync-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.settings-sync-spinner img+img{animation:none}}.settings-page .cloud-account .settings-sync-banner .settings-banner-action{height:56px;min-height:56px;padding:0 10px;color:var(--gray-800)}.settings-banner.is-success .settings-banner-status{background:var(--green-500)}.data-backup-content{display:flex;flex-direction:column;gap:var(--s3-5);padding:0 var(--s5)}.settings-page .cloud-account .data-backup-option{min-height:60px;padding:var(--s2) 0;border:0;border-radius:0;display:flex;align-items:center;gap:var(--s3);background:transparent;color:var(--gray-900);text-align:left;font-weight:400}.settings-page .cloud-account .data-backup-option:disabled{opacity:.65;cursor:wait}.settings-page .cloud-account .data-backup-option:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.data-backup-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:22px;background:var(--blue-50)}.data-backup-icon img{display:block}.data-backup-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s1)}.cloud-account .data-backup-text strong{overflow:hidden;color:var(--gray-900);font-size:var(--t4);line-height:var(--lh4);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.data-backup-text small{color:var(--gray-800);font-size:var(--t2);line-height:var(--lh2)}.data-backup-chevron{display:block;flex:none;transform:rotate(180deg)}.data-backup-footer{padding:var(--s4) var(--s5)}.settings-page .cloud-account .data-backup-footer .action-button{height:56px;min-height:56px;padding:0 var(--s5);border:0;border-radius:var(--r4);background:var(--gray-200);color:var(--gray-900);text-align:center;font-size:var(--t4);line-height:var(--lh4);font-weight:700}.email-return-page{padding:12px 20px 16px;color:var(--gray-900)}.email-return-intro{text-align:center;margin-bottom:20px}.email-return-symbol{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:var(--r4);background:var(--blue-50)}.email-return-symbol img{width:28px;height:28px}.email-return-intro h1{font-size:var(--t6);line-height:32px;letter-spacing:-.6px}.email-return-intro p{margin-top:12px;font-size:var(--t2);line-height:23px;color:var(--gray-800)}.email-return-browser{padding:16px;border:1px solid var(--blue-100);border-radius:var(--r4);background:var(--blue-50)}.email-return-browser h2{font-size:var(--t4);line-height:var(--lh4)}.email-return-browser ol{list-style:none;display:grid;gap:10px;padding:0;margin:16px 0}.email-return-browser li{display:flex;align-items:flex-start;gap:8px;font-size:var(--t1);line-height:22px;color:var(--gray-800)}.email-return-browser li span{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--gray-0);color:var(--blue-500);font-weight:700}.email-return-browser .action-button{width:100%;min-width:0;height:48px;border-radius:var(--r3);font-size:var(--t3)}.email-return-google{margin-top:20px}.email-return-google h2{font-size:var(--t3);line-height:var(--lh3)}.email-return-google p{margin:10px 0 16px;color:var(--gray-800);font-size:var(--t1);line-height:23px}.email-return-login{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid var(--blue-100);border-radius:var(--r3);background:var(--gray-0);color:var(--gray-900);text-align:left;font-size:var(--t2)}.email-return-login span{font-size:24px;line-height:20px}.email-return-login:disabled{opacity:.5}.email-return-note{display:flex;align-items:flex-start;gap:8px;margin-top:16px;padding:12px;border-radius:var(--r3);background:var(--gray-100);color:var(--gray-800);font-size:var(--t1);line-height:21px}.email-return-note>span{flex:none;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:var(--gray-0);background:var(--gray-700);font-weight:700}.email-return-error{color:var(--red-500);font-size:var(--t1);margin-top:12px}.email-return-preview{display:block;margin:8px auto 0;padding:8px;background:transparent;color:var(--gray-800);font-size:var(--t1);text-decoration:underline}@media(max-height:740px){.email-return-page{padding-top:8px;padding-bottom:8px}.email-return-symbol{width:40px;height:40px;margin-bottom:8px}.email-return-intro{margin-bottom:12px}.email-return-intro h1{font-size:var(--t5);line-height:var(--lh5)}.email-return-browser{padding:12px}.email-return-google{margin-top:12px}}.email-reminder-dialog{width:342px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:16px;box-shadow:0 8px 24px #2a30381f}.email-reminder-dialog::backdrop{background:#0006}.email-reminder-consent{display:flex;align-items:flex-start;gap:8px;font-size:var(--t1);line-height:1.6}.email-reminder-consent input{flex:0 0 auto;margin-top:3px;accent-color:var(--blue-500)}.email-reminder-consent small{display:block;color:var(--gray-800)}.email-reminder-server-error{padding:0 20px;line-height:1.6;font-size:var(--t1)}.settings-ut-consent{margin-top:24px;padding:16px;border:1px solid var(--blue-100);border-radius:var(--r4)}.settings-ut-consent h2{font-size:var(--t3);margin-bottom:8px}.settings-ut-consent p{font-size:var(--t1);line-height:1.6;color:var(--gray-800)}.email-reminder-content{width:100%}.email-reminder-heading{display:flex;align-items:flex-start;gap:8px;padding:20px 20px 0}.email-reminder-heading>div{flex:1;min-width:0}.email-reminder-heading h2{color:var(--gray-900);font-size:var(--t5);line-height:var(--lh5);font-weight:700}.email-reminder-heading p{margin-top:8px;color:var(--gray-700);font-size:var(--t2);line-height:var(--lh2)}.email-reminder-close{width:24px;height:24px;flex:0 0 24px;padding:0;background:transparent;color:var(--gray-900);font-size:30px;line-height:20px;font-weight:400}.email-reminder-close img{display:block}.email-reminder-fields{display:flex;flex-direction:column;gap:12px;padding:20px 20px 8px;color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1)}.email-reminder-field-group{display:flex;flex-direction:column;gap:8px}.email-reminder-field-group>label{color:var(--gray-900);font-size:var(--t4);line-height:var(--lh4);font-weight:700}.email-reminder-field-helper{color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1);font-weight:400}.email-reminder-input{width:100%;height:54px;padding:0 16px;border:1px solid transparent;border-radius:20px;display:flex;align-items:center;gap:8px;background:var(--gray-200);transition:background-color .2s ease,border-color .2s ease}.email-reminder-input>input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--gray-600);font-size:var(--t3);line-height:var(--lh3);font-weight:400}.email-reminder-input>input::placeholder{color:var(--gray-600);opacity:1;font-weight:400}.email-reminder-input.is-filled:not(:focus-within){background:var(--blue-100)}.email-reminder-input.is-filled:not(:focus-within)>input,.email-reminder-input:focus-within>input:not(:placeholder-shown){color:var(--gray-800);font-weight:500}.email-reminder-input:focus-within{background:#fafdff;border-color:var(--blue-500)}.email-reminder-input.is-disabled,.email-reminder-input:has(>input:disabled){background:#d1d3d8}.email-reminder-input>input:disabled{color:var(--gray-800);-webkit-text-fill-color:var(--gray-800);opacity:1}.email-reminder-input>input:focus-visible{outline:none}.email-reminder-clear{width:24px;height:24px;flex:0 0 24px;padding:0;display:grid;place-items:center;background:transparent}.email-reminder-clear img{display:block}.email-reminder-input>input{appearance:none}.email-reminder-error{color:var(--red-500)}.email-reminder-timer{color:var(--blue-500)}.email-reminder-links{min-height:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.email-reminder-links button{padding:0;background:transparent;color:var(--blue-500);font-size:var(--t1);line-height:var(--lh1)}.email-reminder-links button:disabled{color:var(--gray-700);cursor:default}.email-reminder-resend-note{padding:0 20px;color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1)}.email-reminder-test-note{color:var(--gray-700)}.email-reminder-footer{padding:16px 20px;background:#fff}.email-reminder-footer button{width:100%;height:56px;padding:0 20px;border-radius:16px;background:var(--blue-500);color:#fff;font-size:var(--t4);line-height:var(--lh4);font-weight:700}.email-reminder-footer button:disabled{background:#eeeff1;color:#fff;cursor:default}.email-reminder-success{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 20px 8px;color:var(--gray-800);font-size:var(--t1);line-height:var(--lh1)}.email-reminder-success-icon{width:40px;height:40px;align-self:center;display:grid;place-items:center;border-radius:50%;background:#189129}.email-reminder-success-icon i{width:19px;height:11px;margin-top:-4px;border-left:3px solid white;border-bottom:3px solid white;transform:rotate(-45deg)}.email-reminder-success strong{color:var(--gray-900);font-size:var(--t3);line-height:var(--lh3)}.email-reminder-success small{color:var(--gray-700);font-size:var(--t1);line-height:var(--lh1)}.email-reminder-dialog :focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}@media(max-width:359px){.email-reminder-dialog{max-width:calc(100vw - 24px)}}.ut-consent-sheet.recognition-overlay{display:flex;flex-direction:column;width:342px;height:450px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 24px);padding:0;overflow-y:auto;border-radius:20px}.ut-survey-content{display:flex;flex-direction:column;gap:16px;padding:16px 20px 0}.ut-survey-header{display:flex;align-items:flex-start;gap:8px}.ut-survey-header>div{display:flex;flex:1;flex-direction:column;gap:8px;min-width:0}.ut-survey-header p,.ut-survey-header h2,.ut-survey-header span{margin:0}.ut-survey-header p{color:var(--blue-500);font-size:14px;line-height:19px}.ut-survey-header h2{color:var(--gray-900);font-size:20px;line-height:27px;font-weight:700}.ut-survey-header span{color:var(--gray-700);font-size:14px;line-height:19px}.ut-survey-header>button{display:grid;flex:0 0 24px;place-items:center;width:24px;height:24px;margin:0;padding:0;border:0;background:transparent}.ut-survey-header>button img{display:block;width:24px;height:24px}.ut-survey-cards{display:flex;flex-direction:column;gap:12px;width:100%}.ut-survey-card{display:flex;flex-direction:column;gap:8px;width:100%;padding:14px;border-radius:12px;background:#fafdff}.ut-survey-card-title{display:flex;align-items:center;gap:8px}.ut-survey-card-title img,.ut-survey-followup img{display:block;flex:0 0 18px;width:18px;height:18px}.ut-survey-card-title strong{color:var(--gray-900);font-size:16px;line-height:23px;font-weight:700}.ut-survey-card p,.ut-survey-card span,.ut-survey-followup p{margin:0}.ut-survey-card p{color:var(--gray-900);font-size:14px;line-height:1.45}.ut-survey-card>span{color:var(--gray-700);font-size:12px;line-height:17px}.ut-survey-followup{display:flex;align-items:flex-start;gap:8px;width:100%;padding:12px;border-radius:12px;background:var(--blue-50)}.ut-survey-followup p{flex:1;min-width:0;color:var(--gray-900);font-size:14px;line-height:1.45}.ut-survey-footer{margin-top:auto;padding:16px 20px 20px}.ut-survey-footer .ut-survey-cta{display:flex;align-items:center;justify-content:center;height:56px;min-height:56px;padding:0 20px;border-radius:16px;color:var(--gray-0);font-size:18px;line-height:24px;text-align:center;text-decoration:none;white-space:nowrap}.ut-survey-footer .ut-survey-cta:focus-visible,.ut-survey-header>button:focus-visible{outline:2px solid var(--blue-500);outline-offset:2px}.ut-survey-footer>p{margin:12px 0 0;color:var(--gray-700);font-size:12px;line-height:17px;text-align:center}.ut-second-survey.recognition-overlay{height:fit-content}.ut-second-survey .ut-survey-footer{margin-top:0}.ut-second-survey::backdrop{background:#0006}.ut-second-survey .ut-survey-content{padding-bottom:16px}.ut-second-survey .ut-survey-header{position:relative}.ut-second-survey .ut-survey-header>div{padding-right:4px}.ut-second-survey .ut-survey-header>div>p{padding-right:24px}.ut-second-survey .ut-survey-header>button{position:absolute;top:0;right:0}.ut-second-survey .ut-survey-header h2{letter-spacing:-.2px}@media(max-height:480px){.ut-consent-sheet.recognition-overlay{height:auto;min-height:0}.ut-survey-footer{margin-top:0}}.ut-welcome-sheet.recognition-overlay.bottom-sheet{height:auto;max-height:90dvh;padding:0;overflow-y:auto;border-radius:24px 24px 0 0}.ut-welcome-layout{display:flex;flex-direction:column;gap:20px;padding:28px 20px calc(16px + env(safe-area-inset-bottom,0px))}.ut-welcome-layout p,.ut-welcome-layout h2{margin:0}.ut-welcome-eyebrow{color:var(--blue-500);font-size:14px;line-height:19px;margin-bottom:8px!important}.ut-welcome-layout h2{font-size:22px;line-height:30px}.ut-welcome-mission{padding:16px;border:1px solid var(--blue-100);border-radius:12px;background:var(--blue-50)}.ut-welcome-mission strong{display:block;margin-bottom:4px;font-size:15px;line-height:21px}.ut-welcome-mission p,.ut-welcome-note{font-size:14px;line-height:21px}.ut-welcome-consent{color:var(--gray-700);font-size:12px;line-height:18px}.ut-welcome-error{color:var(--red-500,#cf3e52);font-size:13px;line-height:19px}.ut-welcome-layout .action-button{width:100%;min-height:56px;border-radius:16px;font-size:18px}@font-face{font-family:Paperlogy;src:url(/Kokjipseo/assets/Paperlogy-Regular-DxNoTLeD.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Paperlogy;src:url(/Kokjipseo/assets/Paperlogy-Bold-j3Tla9qM.woff2) format("woff2");font-weight:700;font-display:swap}:root{--gray-0:#fff;--gray-100:#f7f8f9;--gray-200:#f3f4f5;--gray-600:#b0b3ba;--gray-700:#868b94;--gray-800:#555d6d;--gray-900:#2a3038;--blue-50:#eaf5fe;--blue-100:#d4ebfe;--blue-500:#2a9df8;--blue-800:#113f63;--green-50:#f0fdf4;--green-500:#189129;--green-700:#0e5f19;--red-50:#fcebee;--red-500:#e53359;--orange-50:#fff2ec;--orange-700:#e06b2c;--s0:0px;--s1:4px;--s2:8px;--s3:12px;--s3-5:14px;--s4:16px;--s5:20px;--s6:24px;--r2-5:10px;--r3:12px;--r4:16px;--r5:20px;--font-family:Paperlogy,sans-serif;--t1:12px;--t2:14px;--t3:16px;--t4:18px;--t5:20px;--t6:24px;--t9:32px;--lh1:16px;--lh2:19px;--lh3:22px;--lh4:24px;--lh5:27px;--lh6:32px;--lh9:42px }*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:var(--gray-900);font-family:var(--font-family)}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue-500);outline-offset:3px}h1,h2,p{margin:0}button{border:0}.app-shell{max-width:390px;min-height:844px;margin:0 auto;background:var(--gray-0);position:relative;display:flex;flex-direction:column}.status-bar{height:58px;padding:20px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.status-icons{display:flex;gap:6px;align-items:center}.status-icons img{width:14px;height:14px}.signal{display:flex;align-items:flex-end;gap:2px}.signal i{width:3px;border-radius:1px;background:var(--gray-900)}.battery{width:24px;height:12px;border:1px solid var(--gray-900);border-radius:3px;padding:1px;display:flex}.battery i{background:var(--gray-900);width:18px;height:8px;border-radius:1px}.top-header{height:58px;padding:8px var(--s5)}.top-header h1{font-size:var(--t9);line-height:var(--lh9);font-weight:700}.banner-section{padding:var(--s3) var(--s5)}.welcome-banner{padding:var(--s5);border-radius:var(--r5);background:var(--blue-100);display:flex;flex-direction:column;gap:var(--s3)}.welcome-banner h2{font-size:var(--t5);line-height:var(--lh5)}.welcome-banner p{font-size:var(--t3);line-height:var(--lh3);color:var(--gray-800)}.fridge-summary{padding:var(--s3) var(--s5);display:flex;flex-direction:column;gap:var(--s3)}.fridge-summary h2{font-size:var(--t6);line-height:var(--lh6)}.card-shell{background:var(--blue-50);border-radius:var(--r4);padding:var(--s4)}.summary-grid{display:flex;justify-content:space-between}.summary-item{width:88px;display:flex;flex-direction:column;gap:var(--s2);align-items:center}.storage-icon{width:24px;height:24px;overflow:hidden;position:relative}.storage-icon img{position:absolute;width:350.88%;height:111.11%;top:-5.56%;max-width:none}.storage-icon-0 img{left:-20.47%}.storage-icon-1 img{left:-126.74%}.storage-icon-2 img{left:-229.59%}.storage-label{color:var(--gray-700);font-size:var(--t1);line-height:var(--lh1)}.summary-item b{font-size:var(--t3);line-height:var(--lh3)}.empty-fridge{height:343px;padding:16px 20px 20px;display:flex;flex-direction:column;gap:16px;justify-content:center}.empty-content{display:flex;flex-direction:column;gap:8px;text-align:center}.empty-illustration{width:100%;height:170px;object-fit:contain;border-radius:4px}.empty-content h2{font-size:var(--t4);line-height:var(--lh4)}.empty-content p{height:24px;font-size:var(--t2);line-height:var(--lh2);color:var(--gray-700)}.action-button{background:var(--blue-500);border-radius:var(--r3);padding:0 var(--s4);height:48px;min-width:80px;width:100%;color:#fff;font-size:var(--t3);line-height:var(--lh3);font-weight:700}.action-button:hover{filter:brightness(.96)}.bottom-navigation{margin-top:auto;height:60px;padding:9px;display:flex;background:#fff;position:sticky;bottom:0;z-index:1}.bottom-navigation button{flex:1;min-width:0;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--gray-600);font-size:11px;font-weight:700}.bottom-navigation button[aria-current]{color:var(--blue-500)}.nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.nav-icon-mypage-active img{filter:brightness(0) saturate(100%) invert(55%) sepia(87%) saturate(1919%) hue-rotate(177deg) brightness(101%) contrast(96%)}@media(max-width:389px){.welcome-banner p{font-size:clamp(13px,4.1vw,16px)}.welcome-banner h2{font-size:clamp(16px,5.1vw,20px)}.empty-content p{font-size:clamp(11px,3.58vw,14px)}}:root{--gray-200: #f3f4f5;--gray-400: #dcdee3;--blue-800: #113f63}.registration-toast{position:fixed;z-index:100;bottom:calc(100px + env(safe-area-inset-bottom,0px));left:50%;width:min(366px,calc(100% - 24px));padding:15px 20px;border-radius:14px;background:var(--gray-800);color:var(--gray-0);font-size:var(--t2);font-weight:500;line-height:var(--lh2);pointer-events:none;transform:translate(-50%);animation:registration-toast-rise .3s ease-out both}@keyframes registration-toast-rise{0%{opacity:0;transform:translate(-50%,80px)}to{opacity:1;transform:translate(-50%)}}.snackbar-success{display:flex;align-items:center;gap:6px}.snackbar-success-icon{width:12px;height:12px;flex-shrink:0;border-radius:999px;background:#189129;display:flex;align-items:center;justify-content:center}.snackbar-success-icon img{display:block}.snackbar-action{display:flex;align-items:center;justify-content:space-between;gap:8px}.snackbar-action button{background:none;color:var(--orange-500, #fb804a);font:inherit;padding:0;flex-shrink:0;pointer-events:auto}@media(prefers-reduced-motion:reduce){.registration-toast{animation:none}}.top-header{display:flex;align-items:center;justify-content:space-between}.search-button{width:32px;height:32px;background:transparent;padding:0}.bottom-navigation button:disabled{cursor:default}.action-button:disabled:hover{filter:none}.screen-tabs{display:flex;margin:0 20px;padding:8px 0;height:67px}.screen-tabs>*{flex:1;font-size:20px;font-weight:700;line-height:27px;background:#fff;color:var(--gray-900);display:flex;align-items:center;justify-content:center;padding:12px 20px;border-bottom:1px solid var(--gray-400)}.screen-tabs>.selected{color:var(--blue-500);border-bottom:5px solid var(--blue-500)}.reminder-section,.large-button-section{padding:16px 20px}.action-button-large{height:57px;border-radius:16px;font-size:18px;line-height:24px}.registration-methods{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.registration-methods>h2{font-size:24px;line-height:32px}.method-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.method-card{min-height:144px;background:#fff;border:2px solid var(--gray-400);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px;justify-content:center;text-align:left;color:var(--gray-900)}.method-card img{width:44px;height:44px;object-fit:cover;flex-shrink:0}.method-card.selected{border-color:var(--blue-500);background:var(--blue-50)}.method-card.selected h3{color:var(--blue-800)}.method-card:focus-visible{outline:3px solid var(--blue-500);outline-offset:3px}.method-card h3{font-size:18px;line-height:24px;margin:0}.method-card p{font-size:12px;line-height:16px;color:var(--gray-700);word-break:keep-all}.registration-page .action-button:disabled{background:var(--gray-200);color:var(--gray-400)}.screen-2 .bottom-navigation{margin-bottom:2px}.screen-1 .top-header{margin-top:1px}.fridge-page>.screen-tabs{margin-top:1px}.fridge-filters{display:flex;height:32px;margin-top:1px;padding:0 16px;font-size:12px;line-height:16px;font-weight:700;color:var(--gray-700)}.fridge-filters>span{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 12px}.fridge-filters>button{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;border-radius:9999px;background:transparent;color:inherit;font:inherit}.fridge-food-page .screen-tabs>.selected{color:var(--blue-500)}.fridge-filters>.selected{color:var(--blue-800)}.fridge-filters .sort-ascending{transform:rotate(180deg)}.fridge-empty-state{height:564px;margin-top:1px;display:flex;flex-direction:column;align-items:center;gap:12px;justify-content:center}.fridge-empty-state>.empty-illustration{width:calc(100% - 40px)}.fridge-empty-text{padding:12px 20px 0;text-align:center;display:flex;flex-direction:column;gap:8px}.fridge-empty-text h2{font-size:18px;line-height:24px}.fridge-empty-text p{font-size:12px;line-height:16px;color:var(--gray-800)}.fridge-empty-action{padding:20px;width:100%}.fridge-empty-action .action-button{font-size:16px;line-height:22px}.mypage{flex:1;min-height:0;display:flex;flex-direction:column}.mypage-tabs{height:67px;flex-shrink:0;display:flex;margin:12px 20px 0;padding:8px 0 0}.mypage-tabs>button{flex:1;min-width:0;padding:0 0 8px;border-bottom:1px solid var(--gray-400);background:#fff;color:var(--gray-900);font-size:20px;font-weight:700;line-height:27px}.mypage-tabs>button.selected{border-bottom:5px solid var(--blue-500);color:var(--blue-500)}.mypage-empty-state{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}.mypage-empty-illustration{width:200px;height:160px;object-fit:contain}.mypage-empty-copy{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 20px}.mypage-empty-copy h2{color:var(--gray-900);font-size:18px;line-height:24px;font-weight:700}.mypage-empty-copy p{color:var(--gray-700);font-size:12px;line-height:18px;white-space:nowrap}.mypage-update-note{min-height:32px;margin-top:4px;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;background:var(--blue-50);color:var(--gray-700);font-size:12px;line-height:18px;white-space:nowrap}.mypage-update-note span{font-size:13px;line-height:1}.mypage-buttons-section{flex-shrink:0;padding:20px}.mypage-register-button{height:57px;border-radius:16px;font-size:18px;line-height:24px}.screen-receipt{min-height:844px}.receipt-camera{display:flex;flex-direction:column;flex:1}.sub-header{position:relative;height:58px;padding:var(--s2) var(--s5);display:flex;align-items:center;justify-content:center}.sub-header-back{position:absolute;left:var(--s5);width:24px;height:24px;padding:0;background:none;display:flex}.sub-header h1{font-size:var(--t6);line-height:var(--lh6);font-weight:700;text-align:center}.camera-view{flex:1;min-height:728px;background:#20262d;display:flex;flex-direction:column;overflow:hidden;color:#fff}.camera-guide-bar{height:64px;padding:0 20px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.camera-guide-bar p{flex:1;font-size:var(--t2);line-height:var(--lh2);text-align:center}.camera-preview{position:relative;height:436px;flex-shrink:0;background:#353c44;overflow:hidden}.receipt-guide-frame{position:absolute;left:50%;top:17px;margin-left:-133px}.camera-controls{flex:1;padding-top:20px;display:flex;flex-direction:column;align-items:center;gap:16px;background:#20262d}.camera-tip{height:24px;font-size:var(--t1);line-height:var(--lh1);color:#dce0e5;text-align:center}.camera-actions{width:350px;max-width:calc(100% - 40px);height:80px;display:flex;align-items:center;justify-content:space-between}.camera-album,.camera-actions-spacer{width:64px;height:64px}.camera-album{padding:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:var(--t1);line-height:var(--lh1)}.camera-album span{height:24px}.camera-shutter{width:80px;height:80px;padding:0;background:none;border-radius:50%;display:flex}.camera-shutter:disabled{opacity:.5;cursor:default}.camera-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}.camera-message{position:absolute;inset:0;padding:0 40px;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;font-size:var(--t2);line-height:var(--lh2);color:#dce0e5;background:#20262db8}.camera-album:disabled{opacity:.5;cursor:default}.camera-review-actions{gap:var(--s3)}.camera-review-actions .action-button{height:56px}.camera-review-actions .action-button:disabled{background:#353c44;color:var(--gray-700)}.camera-retake{background:transparent;border:1px solid #dce0e5}.camera-label{height:24px;font-size:var(--t2);line-height:var(--lh2);text-align:center}.home-indicator{width:134px;height:5px;border-radius:3px;background:#fff}.receipt-guide{display:flex;flex-direction:column;flex:1}.receipt-guide .guide-tips{flex:1;padding:var(--s5);display:flex;flex-direction:column;gap:var(--s2)}.guide-intro{font-size:var(--t3);line-height:var(--lh3);color:var(--gray-800);text-align:center}.receipt-guide .guide-image{width:100%;height:170px;object-fit:contain;border-radius:4px}.guide-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}.guide-list li{display:flex;align-items:center;gap:var(--s3)}.guide-number{width:24px;height:24px;flex-shrink:0;border-radius:9999px;background:var(--blue-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--t3);line-height:var(--lh3)}.guide-list p{font-size:var(--t2);line-height:var(--lh2);color:var(--gray-800)}.guide-button-section{padding:var(--s5)}.guide-button-section .action-button{min-width:96px;padding:0 var(--s5)}.fridge-capture-guide .sub-header h1{width:100%;padding-left:24px}@font-face{font-family:Paperlogy;src:url(/Kokjipseo/assets/Paperlogy-Medium-DoJsLlIO.woff2) format("woff2");font-weight:500;font-display:swap}.recognition-result{flex:1;overflow-x:clip}.recognition-result .sub-header{justify-content:flex-start}.recognition-result .sub-header h1{margin-left:24px;width:calc(100% - 24px)}.recognition-content{display:flow-root;position:relative;min-height:728px}.capture-date{margin:12px 20px 0}.capture-date-row{display:flex;gap:10px}.capture-date-row>div{flex:1;min-width:0;border:1px solid var(--gray-400);border-radius:16px;height:46px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.capture-date-row>div:last-child{border-radius:14px}.capture-date-row b{font-size:16px;line-height:22px}.capture-date-row span{font-size:12px;line-height:16px;font-weight:700;color:var(--blue-500)}.capture-date>p{margin-top:8px;font-size:12px;line-height:16px;color:var(--gray-800)}.recognition-banner{margin-top:15px;padding:10px 20px}.recognized-list{margin:0 20px;height:278px;border-bottom:1px solid var(--gray-400);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.recognized-row{display:flex;align-items:center;height:68px;gap:12px;padding:12px 4px}.recognized-thumbnail{width:44px;height:44px;object-fit:cover;flex-shrink:0}.recognized-name{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.recognized-name h2{font-size:18px;line-height:24px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recognized-name-input{width:100%;min-width:0;border:0;padding:0;background:transparent;color:inherit;font:inherit;font-size:18px;font-weight:700;line-height:24px;text-overflow:ellipsis;border-radius:0}.recognized-name-input[readonly]{outline:none;pointer-events:none}.recognized-name-input:not([readonly]){outline:none;box-shadow:0 1px var(--blue-500)}.recognition-error{flex-shrink:0}.recognition-error{display:flex;align-items:center;gap:4px;height:24px;padding:4px 8px;background:#fcebee;color:#bc2949;border-radius:8px;font-size:12px;line-height:16px}.recognized-actions{display:flex;align-items:center;gap:8px}.recognized-actions button{display:flex;justify-content:center;align-items:center;padding:0;width:36px;height:36px;border-radius:10px;background:#eeeff1}.recognition-divider{height:1px;background:var(--gray-400)}.recognition-guideline{padding:12px 20px;margin-left:1px;width:100%}.recognition-guideline-card{border:1px solid var(--gray-400);background:#fff;padding:16px;height:90px}.guideline-heading{display:flex;align-items:flex-start;gap:6px;height:20px}.guideline-heading h2{font-size:16px;font-weight:500;line-height:20px}.recognition-help{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.recognition-guideline-card p{font-size:12px;line-height:16px;color:var(--gray-800);margin-top:6px;max-width:272px}.recognition-footer{display:flex;align-items:center;justify-content:center;gap:18px;padding:22px 20px;margin-top:-6px;margin-left:1px;height:101px;width:100%}.recognition-footer .action-button{width:157px;flex-shrink:0}.recognition-retake{background:#fff;border:1px solid var(--gray-400);color:var(--gray-900)}.registered-fridge-list{height:564px;margin-top:1px;overflow-y:auto;padding:8px 20px;display:flex;flex-direction:column;gap:17px;scrollbar-width:none}.registered-fridge-list::-webkit-scrollbar{display:none}.registered-food-row{height:139px;flex-shrink:0;position:relative;overflow:hidden;border-radius:16px;touch-action:pan-y}.registered-delete-action{position:absolute;inset:0 0 0 auto;width:39px;padding:0;background:#ffaeae;display:flex;align-items:center;justify-content:center}.registered-delete-action img{width:18px;height:20px;object-fit:contain}.registered-food-card{position:relative;z-index:1;padding:16px;border:1px solid var(--gray-400);border-radius:16px;height:139px;flex-shrink:0;display:flex;align-items:center;gap:20px;background:#fff;transform:translate(var(--delete-drag, 0));transition:transform .18s ease;-webkit-user-select:none;user-select:none}.registered-food-row.is-delete-open .registered-food-card{transform:translate(-39px)}.registered-food-row.is-delete-open .registered-food-card[style*=--delete-drag]{transition:none}.registered-food-image{width:60px;flex-shrink:0;text-align:center}.registered-food-image>img{width:56px;height:56px;object-fit:cover;display:block;margin:0 auto}.registered-food-image span{font-size:12px;line-height:16px;display:block}.registered-food-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px}.registered-food-info h2{font-size:18px;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-badges{display:flex;gap:8px}.food-badges>span{height:24px;padding:4px 8px;font-size:12px;line-height:16px;font-weight:700;color:var(--gray-800);background:var(--gray-200);border-radius:8px}.food-badges>.orange{background:#fff2ec;color:#e06b2c}.food-badges>.red{background:#fcebee;color:#bc2949}.food-badges>.green{background:#f0fdf4;color:#0e5f19}.food-remaining p{font-size:12px;line-height:16px;color:var(--gray-800)}.food-remaining>div{display:flex;align-items:center;gap:8px}.food-remaining b{font-size:14px;line-height:19px;color:var(--blue-500)}.recognition-failed{flex:1;display:flex;flex-direction:column;min-height:100%}.recognition-failed-state{flex:1;padding:72px 20px 42px;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;white-space:pre-line}.recognition-failed-image{width:200px;max-width:100%;height:170px;object-fit:contain}.recognition-failed-state h2{font-size:var(--t5);line-height:var(--lh5);font-weight:700;color:#1a1c20}.recognition-failed-state p{font-size:var(--t3);line-height:var(--lh3);color:var(--gray-700)}.recognition-failed-actions{display:flex;gap:12px;padding:var(--s5)}.recognition-failed-actions .action-button{flex:1;min-width:0}.capture-date-row>button{flex:1;min-width:0;border:1px solid var(--gray-400);border-radius:16px;height:46px;padding:12px 14px;background:#fff;color:var(--gray-900);display:flex;align-items:center;justify-content:space-between}.capture-date-row>button:last-child{border-radius:14px}.recognition-help-trigger{background:none;padding:0;width:100%;text-align:left;color:inherit}.recognition-overlay{padding:0;border:0;background:#fff;color:var(--gray-900);border-radius:16px;overflow:auto;max-height:90dvh;max-width:calc(100vw - 20px);animation:recognition-overlay-in .3s ease-out}.recognition-overlay::backdrop{background:#2a3038b3}.expiring-modal{width:342px;max-width:calc(100vw - 32px);border-radius:20px;overflow:visible}.expiring-modal-content{position:relative;width:100%;padding:16px 20px 57px;border-radius:20px;background:#fff}.expiring-modal-heading{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.expiring-modal-heading>div{flex:1;min-width:0}.expiring-modal-heading h2{margin:0 0 8px;color:var(--gray-900);font-size:20px;line-height:27px;font-weight:700}.expiring-modal-heading p{margin:0;color:var(--gray-700);font-size:14px;line-height:19px}.expiring-modal-close{width:24px;height:24px;flex:0 0 24px;padding:0;border:0;background:transparent}.expiring-modal-close img{display:block;width:24px;height:24px}.expiring-modal-list{display:flex;flex-direction:column;gap:12px;padding:0;margin:0;list-style:none}.expiring-modal-list li{display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 8px;border-radius:14px;background:var(--blue-50)}.expiring-modal-thumb{width:44px;height:44px;flex:0 0 44px;border-radius:8px;object-fit:cover}.expiring-modal-name{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;color:var(--gray-800);font-size:14px;line-height:19px}.expiring-modal-name strong{overflow:hidden;color:var(--gray-900);font-size:18px;line-height:24px;text-overflow:ellipsis;white-space:nowrap}.expiring-modal-dday{padding:4px 8px;border:.5px solid var(--green-500);border-radius:8px;background:#fff;color:var(--green-500);font-size:12px;line-height:16px;font-weight:700;white-space:nowrap}.expiring-modal-dday.expired{border-color:var(--red-500);color:var(--red-500)}.expiring-modal footer{padding-top:16px}.expiring-modal footer .action-button{width:100%;height:56px;border-radius:16px;font-size:18px}.expiring-modal-today{position:absolute;top:calc(100% - 28px);left:50%;width:100%;transform:translate(-50%);border:0;background:transparent;color:var(--gray-600);font-size:13px;line-height:17px}@keyframes recognition-overlay-in{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.recognition-overlay.bottom-sheet{position:fixed;inset:auto 0 0;margin:0 auto;width:390px;max-width:100vw;border-radius:16px 16px 0 0}.overlay-actions{display:flex;gap:12px;padding:12px 16px 16px}.overlay-actions>button{flex:1 1 0;min-width:0;height:44px;padding:0;border-radius:12px;font-size:var(--t3);line-height:var(--lh3);font-weight:700}.overlay-actions>button:first-child{background:#fff;color:var(--gray-900);border:1px solid var(--gray-400)}.date-overlay{width:312px}.calendar{width:312px;max-width:100%;height:356px;padding:20px 16px}.calendar-header{display:flex;align-items:center;gap:8px;height:32px}.calendar-header>button{display:flex;align-items:center;justify-content:center;width:40px;height:32px;padding:0;background:#fff}.calendar-header>.calendar-title{flex:1;width:auto;justify-content:flex-start;gap:5px;color:var(--gray-900);font-size:14px;line-height:19px;font-weight:700}.calendar-title img{transition:transform .15s ease-out}.calendar-title.expanded img{transform:rotate(180deg)}.calendar-months{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,56px);gap:8px;margin-top:20px}.calendar-months button{border-radius:12px;padding:0;background:#fff;font-size:14px;line-height:19px;color:var(--gray-900)}.calendar-months button.selected{background:var(--blue-500);color:#fff;font-weight:700}.calendar-header>button:last-child img{transform:rotate(180deg)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);height:24px;margin-top:12px;color:var(--gray-700);font-size:11px;line-height:16px}.calendar-weekdays span{display:flex;align-items:center;justify-content:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,36px);gap:0 4px;padding:0 2px;margin-top:8px}.calendar-grid button{width:36px;height:36px;padding:0;border-radius:50%;background:#fff;font-size:13px;line-height:18px;color:var(--gray-900)}.calendar-grid button.selected{background:var(--blue-500);color:#fff}.calendar-grid button:disabled{color:var(--gray-400);cursor:default}.time-overlay{width:370px}.time-picker{position:relative;display:flex;padding:8px 16px;height:205px;overflow:hidden}.time-highlight{position:absolute;inset:80px 15px auto;height:45px;background:var(--blue-50);border-radius:12px}.time-column{position:relative;width:33.333%}.time-wheel{height:190px;padding:76px 0;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;position:relative}.time-wheel::-webkit-scrollbar{display:none}.time-wheel button{display:block;width:100%;height:38px;padding:0;background:transparent;color:var(--gray-900);font-size:22px;opacity:.25;line-height:36px;scroll-snap-align:center;transition:font-size .15s ease-out,opacity .15s ease-out}.time-wheel button.chosen{font-size:30px;opacity:1}.time-wheel button.distant{opacity:.08}.accessible-time-select{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden}.accessible-time-select:focus-visible{clip-path:none;width:100%;height:38px;left:0;top:76px;z-index:1}.sheet-handle{height:16px;display:flex;justify-content:center;align-items:center}.sheet-handle:after{content:"";width:36px;height:4px;border-radius:2px;background:#cccfd4}.help-overlay header{padding:16px 20px}.help-overlay header>p{color:var(--blue-500);font-size:14px;line-height:19px;margin-bottom:8px}.help-overlay h2{font-size:20px;line-height:27px;margin-bottom:8px}.help-overlay header>span{display:block;font-size:14px;line-height:19px;color:var(--gray-700)}.help-overlay ol{margin:0 20px;padding:14px 0 0;list-style:none;border-top:1px solid #bfe2fd;display:flex;flex-direction:column;gap:14px}.help-overlay li{display:flex;gap:12px}.help-overlay li>span{display:flex;align-items:center;justify-content:center;background:var(--blue-50);color:var(--blue-500);width:24px;height:24px;flex-shrink:0;border-radius:50%}.help-overlay li h3{font-size:18px;line-height:24px;margin:0 0 4px}.help-overlay li p{color:var(--gray-700);font-size:12px;line-height:16px}.help-actions{padding:16px 20px}.help-actions button{height:56px}@media(prefers-reduced-motion:reduce){.recognition-overlay{animation:none}}.manual-entry{display:flex;flex-direction:column;flex:1}.app-shell>main.manual-entry{overflow:hidden}.manual-entry>:not(.manual-fields){flex-shrink:0}.manual-entry .sub-header h1{width:100%;padding-left:24px}.manual-fields{padding:16px 28px 16px 20px;min-height:638px;flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overscroll-behavior-y:contain}.manual-fields>*{flex-shrink:0}.manual-field{display:flex;flex-direction:column;gap:8px;min-width:0}.manual-field>span{height:22px;font-size:var(--t4);line-height:var(--lh4);font-weight:700}.manual-input{display:flex;align-items:center;height:54px;background:var(--gray-200);border:1px solid transparent;border-radius:var(--r5);padding:11px 15px;transition:background-color .25s ease-out,border-color .25s ease-out}.manual-input.filled{background:var(--blue-100)}.manual-quantity .manual-input.filled:not(:focus-within){background:var(--gray-200)}.manual-input:focus-within{background:#fafdff;border-color:var(--blue-500)}.manual-input input{min-width:0;width:100%;padding:0;border:0;background:transparent;color:var(--gray-800);font-size:var(--t3);line-height:var(--lh3);outline:none}.manual-input input::placeholder{color:var(--gray-600);opacity:1}.manual-input:has(input:focus) input{outline:none}.manual-input button{display:flex;flex-shrink:0;padding:0;background:transparent;width:24px;height:24px}.manual-input:not(:focus-within) button{visibility:hidden}.manual-choices{border:0;padding:0;margin:0;min-width:0}.manual-choices legend,.manual-quantity>label{padding:0;margin-bottom:8px;font-size:var(--t4);line-height:var(--lh4);font-weight:700}.manual-choices>div{display:flex;flex-wrap:wrap;gap:8px}.manual-choices button{height:35px;padding:7px 19px;border:1px solid transparent;border-radius:var(--r5);background:var(--gray-200);font-size:var(--t2);line-height:var(--lh2);color:var(--blue-800)}.manual-choices button[aria-pressed=true]{background:var(--blue-100);border-color:var(--blue-500);color:var(--blue-500);font-weight:700}.manual-choices.storage>div{flex-wrap:nowrap}.manual-choices.storage button{flex:1;min-width:0;height:57px}.manual-quantity>label{display:block}.manual-quantity>div{display:flex;gap:8px}.manual-quantity .manual-field{flex:1}.manual-quantity .manual-field>span{display:none}.manual-quantity input[type=number]{appearance:textfield;-moz-appearance:textfield}.manual-quantity input[type=number]::-webkit-inner-spin-button,.manual-quantity input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.manual-unit{position:relative;display:flex;width:83px;flex-shrink:0;border-radius:var(--r3);background:var(--gray-200)}.manual-unit:has(>button:active),.manual-unit:has(>button[aria-expanded=true]){background:var(--gray-500, #d1d3d8)}.manual-unit>button{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0;border-radius:var(--r3);background:transparent;color:var(--gray-900)}.manual-unit>button span{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.manual-unit>input{width:48px;min-width:0;padding:0;border:0;background:transparent;text-align:right}.manual-unit:has(>input)>button{width:35px}.manual-unit-menu{position:absolute;bottom:calc(100% + 4px);right:0;width:161px;padding:8px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--gray-400);border-radius:8px;background:#fff;box-shadow:0 4px 12px #0000001f;z-index:2}.manual-unit-menu button{height:36px;flex-shrink:0;padding:10px;text-align:left;border-radius:4px;background:#fff;color:var(--gray-900);font-size:var(--t2);line-height:var(--lh2)}.manual-unit-menu button[aria-selected=true]{background:var(--blue-50);color:var(--blue-500);font-weight:700}.manual-unit-menu button:hover{background:var(--blue-50)}.manual-date{position:relative}.manual-date-button{width:100%;text-align:left;color:var(--gray-800);font-size:var(--t2);line-height:var(--lh2)}.manual-date-button:focus-visible{background:#fafdff;border-color:var(--blue-500);outline:none}.manual-placeholder{color:var(--gray-600)}.manual-help{position:absolute;top:3px;left:89px;width:20px;height:20px;padding:0;background:none;display:flex;align-items:center;justify-content:center}.manual-submit{padding:16px 20px 17px}@media(prefers-reduced-motion:reduce){.manual-input{transition:none}}.recipe-empty-page{flex:1;display:flex;flex-direction:column}.recipe-ingredients-header{height:48px;padding:var(--s2) var(--s5);display:flex;align-items:center;justify-content:space-between}.recipe-ingredients-header h2{font-size:var(--t4);line-height:var(--lh4);font-weight:700}.recipe-ingredients-header>div{display:flex}.recipe-ingredients-header button{height:32px;padding:0 var(--s3);border-radius:9999px;background:#fff;color:var(--gray-700);font-size:var(--t1);line-height:var(--lh1);font-weight:700;cursor:default}.recipe-empty-state{flex:1;min-height:300px;padding-block:var(--s6, 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s3)}.recipe-empty-image{width:calc(100% - 40px);height:170px;object-fit:contain;border-radius:4px}.recipe-empty-text{padding:var(--s3) var(--s5) 0;display:flex;flex-direction:column;align-items:center;gap:var(--s2);text-align:center}.recipe-empty-text h2{font-size:var(--t4);line-height:var(--lh4)}.recipe-empty-text p{font-size:var(--t1);line-height:var(--lh1);color:var(--gray-800)}.recipe-register{width:100%;padding:var(--s5)}.recipe-register .action-button{font-size:var(--t3);line-height:var(--lh3)}.recipe-match-description,.recipe-source{font-size:12px;line-height:19px;color:var(--gray-800)}.recipe-results{padding:0 20px 24px}.recipe-results>h2{font-size:20px;line-height:27px;margin-bottom:12px}.recipe-search-status{padding:32px 20px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;color:var(--gray-800);font-size:14px;line-height:22px}.recipe-search-status img{width:100%;max-width:310px;height:170px;object-fit:contain}.recipe-search-status h3{margin:0;font-size:18px;color:var(--gray-900)}.recipe-result-list{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:16px}.recipe-result-card{border:1px solid var(--gray-400);border-radius:16px;overflow:hidden}.recipe-result-card>img{width:100%;height:170px;object-fit:cover;display:block}.recipe-result-card>div{padding:16px;display:flex;flex-direction:column;gap:8px}.recipe-result-card h3{font-size:18px;line-height:24px;margin:0}.recipe-result-card p{font-size:12px;line-height:19px;color:var(--gray-800)}.recipe-result-ingredients{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.recipe-pagination{display:flex;align-items:center;justify-content:space-between;font-size:14px;gap:12px;margin:16px 0}.recipe-pagination button{padding:10px 16px;border-radius:12px;color:var(--blue-800);background:var(--blue-50)}.recipe-page{flex:1;display:flex;flex-direction:column}.recipe-content{padding:var(--s2) 0;display:flex;flex-direction:column;gap:var(--s5)}.recipe-content .recipe-ingredients-header{height:auto;padding:0 var(--s5)}.recipe-ingredients-header button:not(:disabled){cursor:pointer}.recipe-chips{margin:0;padding:0 var(--s5);list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4)}.recipe-chip{height:35px;padding:var(--s2) var(--s5);border:1px solid transparent;border-radius:var(--r5);background:var(--gray-200, #f3f4f5);color:var(--blue-800, #113f63);font-family:inherit;font-size:var(--t2);line-height:var(--lh2);font-weight:400;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;white-space:nowrap}.recipe-chip.selected{background:var(--blue-100);border-color:var(--blue-500);color:var(--blue-500);font-weight:700}.recipe-chip img{flex-shrink:0}.recipe-chips-empty{padding:0 var(--s5);font-size:var(--t2);line-height:var(--lh2);color:var(--gray-700)}.recipe-banner-section{margin-top:auto;padding:var(--s4) var(--s5)}.recipe-banner{padding:var(--s5);border-radius:var(--r5);background:var(--blue-100);display:flex;flex-direction:column;gap:var(--s3)}.recipe-banner h2{font-size:var(--t5);line-height:var(--lh5);font-weight:700;color:var(--gray-900)}.recipe-banner p{font-size:var(--t3);line-height:var(--lh3);color:var(--gray-800)}.recipe-content+.large-button-section{margin-top:auto}.recipe-page .action-button-large:disabled{background:var(--gray-200, #f3f4f5);color:var(--gray-700);cursor:default}.recipe-no-result{flex:1;display:flex;flex-direction:column}.recipe-selected{padding:var(--s2) 0;display:flex;flex-direction:column;gap:18px}.recipe-selected h2{padding:0 var(--s5);font-size:var(--t4);line-height:var(--lh4);font-weight:700;color:#1b1b1b}.recipe-selected .recipe-chip{cursor:default}.recipe-no-result-state{flex:1;padding:42px 0;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.recipe-no-result-state h2{font-size:var(--t5);line-height:var(--lh5);font-weight:700;color:#1a1c20}.recipe-no-result-state p{font-size:var(--t3);line-height:var(--lh3);color:var(--gray-700)}.recipe-no-result-action{padding:var(--s5)}.recipe-no-urgent{flex:1;display:flex;flex-direction:column}.recipe-no-urgent .recipe-ingredients-header{height:32px;padding:0 var(--s5)}.recipe-no-urgent-state{flex:1;padding:162px var(--s5) 0;display:flex;flex-direction:column;align-items:center;gap:var(--s6, 24px);text-align:center}.recipe-no-urgent-state .recipe-empty-image{width:350px;max-width:100%}.recipe-no-urgent-state h2{font-size:var(--t5);line-height:var(--lh5);font-weight:700;color:#1a1c20}.recipe-no-urgent-state p{font-size:var(--t3);line-height:var(--lh3);color:var(--gray-700)}.fridge-search-page{flex-shrink:0}.fridge-search-open .fridge-page>.screen-tabs,.fridge-search-open .fridge-page>.fridge-filters{display:none}.fridge-search-form{padding:var(--s2) 24px}.fridge-search-input{display:flex;align-items:center;justify-content:space-between;height:54px;padding:11px 15px;border:1px solid transparent;border-radius:var(--r5);background:var(--gray-200)}.fridge-search-input.filled{background:var(--blue-100)}.fridge-search-input.focused{background:#fafdff;border-color:var(--blue-500)}.fridge-search-input input{min-width:0;flex:1;width:100%;border:0;padding:0;outline:none;background:transparent;color:var(--gray-800);font-size:var(--t3);line-height:var(--lh3)}.fridge-search-input input:focus-visible{outline:none}.fridge-search-input input::placeholder{color:var(--gray-600);opacity:1}.fridge-search-input.filled:not(.focused) input{font-weight:500}.fridge-search-clear{display:flex;flex-shrink:0;width:24px;height:24px;padding:0;background:transparent}.ingredient-card-info h2 mark{background:transparent;color:var(--blue-500)}.ingredient-card-image>span.search-matched{background:var(--blue-100);color:var(--blue-500);font-weight:700}.fridge-search-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:80px 24px;text-align:center}.fridge-search-empty-title{margin:0;color:var(--gray-800);font-size:var(--t3);line-height:var(--lh3);font-weight:700;word-break:keep-all}.fridge-search-empty-hint{margin:0;color:var(--gray-700);font-size:var(--t2);line-height:var(--lh2);word-break:keep-all}.fridge-search-empty button{margin-top:var(--s2);padding:10px 20px;border:0;border-radius:var(--r5);background:var(--blue-500);color:#fff;font-size:var(--t2);font-weight:700}.fridge-search-section-title{display:flex;align-items:center;gap:var(--s2);flex-shrink:0;margin:0;color:var(--gray-900);font-size:var(--t4);line-height:var(--lh4);font-weight:700}.fridge-search-section-title span{padding:2px 9px;border-radius:12px;background:var(--blue-50);color:var(--blue-500);font-size:13px;line-height:20px;font-weight:700}.fridge-search-section-title:not(:first-child){margin-top:var(--s2)}.fridge-search-guide{display:flex;flex-direction:column;align-items:center;gap:10px;padding:80px 24px;text-align:center}.fridge-search-guide p{margin:0;word-break:keep-all}.fridge-search-guide-title{color:var(--gray-900);font-size:var(--t3);line-height:var(--lh3);font-weight:700}.fridge-search-guide-hint{color:var(--gray-700);font-size:var(--t2);line-height:var(--lh2)}.fridge-search-guide-example{color:var(--blue-500);font-size:var(--t2);line-height:var(--lh2)}.ingredient-error{margin:12px 20px;color:#bc2949;font-size:14px;line-height:20px}.stored-ingredients>article{flex-shrink:0;min-width:0}.stored-ingredient-row{height:139px;flex-shrink:0;position:relative;overflow:hidden;border-radius:var(--r4);touch-action:pan-y}.stored-ingredient-row .registered-delete-action{position:absolute;inset:0 0 0 auto;width:39px;height:139px;z-index:0;padding:0;border-radius:var(--r4);background:#ffaeae;display:flex;align-items:center;justify-content:center}.stored-ingredient-row .registered-delete-action img{width:18px;height:20px;object-fit:contain}.stored-ingredient-row .ingredient-card-trigger{position:relative;z-index:1;height:139px;transform:translate(var(--delete-drag, 0));transition:transform .18s ease;-webkit-user-select:none;user-select:none}.stored-ingredient-row.is-delete-open .ingredient-card-trigger{transform:translate(-39px)}.stored-ingredient-row.is-delete-open .ingredient-card-trigger[style*=--delete-drag]{transition:none}.ingredient-card-trigger{display:block;width:100%;padding:0;border-radius:var(--r4);background:transparent;color:var(--gray-900);text-align:left}.ingredient-card{display:flex;align-items:center;gap:var(--s5);width:100%;min-height:139px;padding:calc(var(--s4) - 1px);border:1px solid var(--gray-400);background:var(--gray-0)}.ingredient-card-image{width:60px;flex-shrink:0;text-align:center}.ingredient-card-image>img{display:block;width:56px;height:56px;margin:0 auto;object-fit:cover}.ingredient-card-image>span{display:block;font-size:var(--t1);line-height:var(--lh1)}.ingredient-card-info{display:flex;flex-direction:column;gap:var(--s3);flex:1;min-width:0}.ingredient-card-info h2{margin:0;font-size:var(--t4);line-height:var(--lh4);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ingredient-card-remaining p{margin:0;font-size:var(--t1);line-height:var(--lh1);color:var(--gray-800)}.ingredient-card-remaining>div{display:flex;align-items:center;gap:var(--s2)}.ingredient-card-remaining img{flex-shrink:1;min-width:0;max-width:calc(100% - 48px)}.ingredient-card-remaining b{flex-shrink:0;color:var(--blue-500);font-size:var(--t2);line-height:19px}.ingredient-zero-bar{width:175px;height:6px;max-width:calc(100% - 48px);border-radius:3px;background:repeating-linear-gradient(to right,var(--gray-200) 0 40px,transparent 40px 45px)}.ingredient-actions{display:flex;gap:8px}.ingredient-actions button{padding:8px 16px;border-radius:10px;background:var(--gray-200);color:var(--gray-900)}.ingredient-actions .action-button{background:var(--blue-500);color:#fff}.ingredient-delete-dialog{padding:24px;display:flex;flex-direction:column;gap:16px}.ingredient-delete-dialog h2{font-size:20px}.home-ingredient-list{padding:12px 20px;margin-top:-12px}.home-ingredient-list.urgent{margin-top:0}.home-ingredient-list h2{font-size:24px;line-height:32px;margin-bottom:12px}.home-ingredient-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.home-ingredient-list li+li{border-top:1px solid var(--gray-400);padding-top:4px}.home-ingredient-list li>button{display:flex;align-items:center;gap:12px;width:100%;padding:8px 0;background:#fff;text-align:left;color:var(--gray-900)}.home-ingredient-thumbnail{width:44px;height:44px;object-fit:cover;flex-shrink:0}.home-ingredient-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.home-ingredient-text strong{font-size:18px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-ingredient-text>span{font-size:14px;line-height:19px;font-weight:400;color:var(--gray-800)}.home-list-chevron{flex-shrink:0;transform:rotate(180deg)}.home-deadline{border-radius:8px;padding:4px 8px;flex-shrink:0;font-size:12px;line-height:16px;font-weight:700;color:#fff}.home-deadline.expired{background:#e53359}.home-deadline.today{background:#fb804a}.home-deadline.soon{background:#189129}.ingredient-detail{flex:1;min-width:0}.ingredient-detail-content{padding:12px 20px;display:flex;flex-direction:column;gap:14px}.detail-summary{display:flex;align-items:center;gap:12px;border:1px solid var(--gray-400);background:#fff;padding:15px;min-height:110px}.detail-summary>img{width:56px;height:56px;object-fit:cover;flex-shrink:0}.detail-summary>div{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.detail-summary h2{font-size:20px;line-height:27px;overflow-wrap:anywhere}.detail-summary p{color:var(--gray-700);font-size:14px;line-height:19px}.detail-deadline{background:var(--blue-50);color:var(--blue-500);border-radius:8px;padding:4px 8px;font-size:12px;line-height:16px;font-weight:700}.detail-deadline.expired{color:#bc2949;background:#fcebee}.detail-remaining>h2{font-size:18px;line-height:24px;margin-bottom:12px}.detail-remaining-headline{display:flex;align-items:center;gap:6px}.detail-remaining-headline strong{font-size:32px;font-weight:800;line-height:42px;color:var(--blue-500)}.detail-remaining-headline b{font-size:24px;line-height:32px}.detail-remaining input{display:block;-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:9px 0;background:transparent;cursor:pointer}.detail-remaining input::-webkit-slider-runnable-track{height:4px;border-radius:5px;background:linear-gradient(to right,var(--blue-500) var(--remaining),var(--gray-200) var(--remaining))}.detail-remaining input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:28px;height:28px;margin-top:-12px;border:0;border-radius:50%;box-shadow:none;background:transparent var(--detail-thumb) center / 28px 28px no-repeat}.detail-remaining input::-moz-range-track{height:4px;background:var(--gray-200)}.detail-remaining input::-moz-range-progress{height:4px;background:var(--blue-500)}.detail-remaining input::-moz-range-thumb{border:0;width:28px;height:28px;background:var(--detail-thumb) center / 28px 28px no-repeat}.detail-range-labels{display:flex;justify-content:space-between;font-size:16px;line-height:22px}.detail-info{padding:16px;display:flex;flex-direction:column;gap:12px}.detail-info h2{font-size:16px;line-height:22px}.detail-storage{display:flex;padding:4px;background:#f5f5f5;border-radius:12px;height:46px;gap:8px}.detail-storage button{flex:1;background:transparent;color:#aaa;border-radius:8px;font-size:14px;padding:0}.detail-storage button[aria-pressed=true]{background:#fff;color:var(--blue-500);font-weight:700;box-shadow:0 1px 2px #0000001a}.detail-info-row{display:flex;justify-content:space-between;align-items:center;min-height:35px;border-top:1px solid var(--gray-200);padding-top:12px}.detail-info-row>p{font-size:14px;color:var(--gray-800)}.detail-date{display:flex;align-items:center;gap:4px;height:32px;padding:0 12px;border-radius:9999px;background:var(--blue-50);color:var(--blue-500);font-weight:700;font-size:12px}.detail-history{border-top:1px solid var(--gray-200);padding-top:12px}.detail-history-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:#fff;color:inherit;padding:0}.detail-history-toggle>span{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.detail-history-toggle .expanded{transform:rotate(180deg)}.detail-history ul{margin:12px 0 0;padding-left:16px;color:var(--gray-800);font-size:14px}.detail-history li{padding-left:0;margin-bottom:8px}.detail-history li time{margin-right:12px}.condition-badge{float:right;border-radius:5px;padding:2px 6px;font-size:10px;line-height:16px;font-weight:700}.condition-0{background:#f0fdf4;color:#0e5f19}.condition-1{background:#fff2ec;color:#e06b2c}.condition-2{background:#fcebee;color:#bc2949}.detail-ai{display:flex;gap:8px;padding:12px;background:var(--blue-50);border-radius:12px;width:100%;text-align:left}.detail-ai>img{align-self:flex-start;flex-shrink:0}.detail-ai-message{display:block;font-size:14px;line-height:19px;color:var(--gray-800);font-weight:400}.detail-ai-link{display:flex;align-items:center;margin-top:4px;color:var(--blue-500);font-size:12px;font-weight:700}.detail-footer{padding:4px 20px 16px;display:flex;flex-direction:column;gap:10px}.detail-footer>.action-button{height:56px;font-size:18px}.detail-outline{border:1px solid var(--gray-400);color:var(--gray-900);background:#fff}.detail-edit{border:1px solid var(--blue-500);color:var(--blue-500);background:var(--blue-50)}.detail-message{margin:0 20px 8px;color:var(--blue-800);font-size:13px}.detail-snackbar{bottom:calc(24px + env(safe-area-inset-bottom,0px))}.condition-sheet.recognition-overlay{border-radius:24px 24px 0 0}.condition-handle{height:16px;display:flex;align-items:center;justify-content:center}.condition-handle span{width:36px;height:4px;background:#cccfd4;border-radius:2px}.condition-sheet header{padding:16px 20px}.condition-sheet h2{font-size:20px;line-height:27px}.condition-sheet header p{margin-top:8px;color:var(--gray-700);font-size:14px;line-height:19px}.condition-sheet fieldset{margin:0;padding:12px 20px;border:0;display:flex;flex-direction:column;gap:12px}.condition-sheet fieldset label{display:flex;align-items:center;gap:12px;padding:16px 15px;border:1px solid var(--gray-400);border-radius:14px;min-height:56px;cursor:pointer;position:relative;font-size:16px;line-height:22px}.condition-sheet fieldset label.selected{border:1.5px solid var(--blue-500);background:var(--blue-50);padding:15.5px 14.5px}.condition-sheet fieldset input{position:absolute;opacity:0;width:22px;height:22px;margin:0}.condition-sheet fieldset label:has(input:focus-visible){outline:3px solid var(--blue-500);outline-offset:3px}.condition-sheet fieldset img{flex-shrink:0}.condition-sheet footer{padding:16px 20px}.condition-sheet .action-button:disabled{background:var(--gray-200);color:var(--gray-700);cursor:default}.detail-sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.ingredient-edit-modal{width:342px}.ingredient-edit-modal form{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.ingredient-edit-modal header{display:flex;align-items:flex-start;margin-bottom:4px}.ingredient-edit-modal header>div{flex:1;min-width:0}.ingredient-edit-modal h2{font-size:20px;line-height:27px}.ingredient-edit-modal header p{font-size:14px;line-height:19px;color:var(--gray-700);margin-top:8px}.ingredient-edit-modal header button{padding:0;background:transparent;flex-shrink:0}.ingredient-edit-field{display:flex;flex-direction:column;gap:8px;font-size:18px;line-height:22px;font-weight:700}.ingredient-edit-field input{width:100%;min-width:0;height:54px;border:0;border-radius:20px;background:var(--gray-200);color:var(--gray-800);padding:12px 16px;font-size:var(--t3);font-weight:400;outline-offset:2px}.ingredient-edit-field input:focus{background:var(--blue-100);outline:2px solid var(--blue-500)}.ingredient-edit-field input:disabled{opacity:1;background:var(--gray-500, #d1d3d8);-webkit-text-fill-color:var(--gray-800)}.ingredient-edit-quantity{display:flex;gap:8px}.ingredient-edit-quantity>input{flex:1}.ingredient-unit-picker{position:relative;flex-shrink:0}.ingredient-unit-picker>button{min-width:83px;height:54px;padding:14px 12px;display:flex;align-items:center;justify-content:center;gap:4px;background:var(--gray-200);border-radius:12px;font-size:16px;font-weight:400;color:var(--gray-900)}.ingredient-unit-picker>button span{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.ingredient-unit-menu{position:absolute;z-index:2;right:0;bottom:calc(100% + 8px);width:160px;padding:8px;display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--gray-400);border-radius:8px;box-shadow:0 4px 12px #0000001f}.ingredient-unit-menu button{height:36px;padding:10px;border-radius:4px;text-align:left;background:#fff;color:var(--gray-900);font-size:14px;font-weight:400}.ingredient-unit-menu button[aria-selected=true]{color:var(--blue-500);background:var(--blue-50);font-weight:700}.ingredient-unit-menu button:hover{background:var(--blue-50)}.ingredient-edit-modal footer{padding-top:16px;display:flex;gap:8px}.ingredient-edit-modal footer>button{flex:1;height:56px;min-width:0;font-size:18px}.ingredient-edit-modal .ingredient-edit-cancel{background:var(--gray-200);color:var(--gray-900)}.discard-confirm header p{word-break:keep-all}.discard-confirm .discard-confirm-submit{background:var(--red-500);color:var(--gray-0)}.app-shell:has(>.recipe-results-page){height:844px}.recipe-results-page,.recipe-results-page .recipe-results{flex:1;min-height:0;display:flex;flex-direction:column}.recipe-results-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding-bottom:20px}.recipe-results-footer{padding:0 0 4px;display:flex;flex-direction:column;gap:24px}.recipe-results-footer .recipe-pagination{margin:16px 0 0}.recipe-results-footer .recipe-source{margin:0}.recipe-load-more{display:flex;flex-direction:column;align-items:center;gap:var(--s2);margin-top:var(--s4)}.recipe-load-more:empty{display:none}.recipe-load-more .action-button{width:100%}.recipe-load-more>span,.recipe-load-more>p{font-size:12px;line-height:19px;color:var(--gray-800)}.recipe-results-page .sub-header{height:58px}.recipe-results-page .sub-header h1{padding-left:24px}.recipe-results-page .recipe-selected{padding:0 20px}.recipe-results-page .recipe-selected h2{font-size:20px;line-height:27px}.recipe-results-page .recipe-selected>ul{list-style:none;padding:0;margin:11px 0 0;display:flex;gap:8px;flex-wrap:wrap}.recipe-results-page .recipe-selected li{display:flex;align-items:center;gap:10px;padding:4px 19px;min-height:35px;border:1px solid var(--blue-500);border-radius:20px;background:var(--blue-100);color:var(--blue-500);font-size:14px;line-height:19px;font-weight:700}.recipe-results-page .recipe-selected img{display:block;flex-shrink:0}.recipe-results-page .recipe-results{margin-top:26px;padding:0 20px}.recipe-results-page .recipe-results>h2{font-size:18px;line-height:24px;margin-bottom:12px}.recipe-results-page #recipe-results-heading{display:flex;align-items:center;gap:var(--s2)}.recipe-results-count{display:inline-flex;align-items:center;padding:2px 9px;border-radius:12px;background:var(--blue-50);color:var(--blue-500);font-size:13px;line-height:20px;font-weight:700;white-space:nowrap}.recipe-results-page .recipe-results-scroll>ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.recipe-results-page .recipe-results-scroll>ul>li>a{text-decoration:none;color:inherit;display:block;border-radius:16px}.recipe-results-page .recipe-result-card{background:var(--gray-50, #fafdff);border-radius:16px;padding:16px;display:flex;align-items:center;gap:12px}.recipe-results-page .recipe-result-image{width:104px;height:104px;object-fit:cover;border-radius:4px;flex-shrink:0}.recipe-results-page .recipe-result-content{min-width:0;display:flex;flex-direction:column;gap:4px}.recipe-results-page .recipe-result-content h3{font-size:16px;line-height:22px;font-weight:500;overflow-wrap:anywhere}.recipe-results-page .recipe-result-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--gray-800);font-size:14px;line-height:19px}.recipe-results-page .recipe-result-metadata>span{display:flex;align-items:center;gap:4px}.recipe-results-page .recipe-result-metadata img{display:block;flex-shrink:0}.recipe-results-page .recipe-result-tags{display:flex;gap:4px;flex-wrap:wrap;list-style:none;padding:0;margin:0}.recipe-results-page .recipe-result-tags li{background:var(--blue-50);color:var(--gray-800);border-radius:2px;padding:2px 6px;font-size:16px;line-height:22px}.recipe-results-page .sub-header{transform:translateY(-11px)}.recipe-results-page .sub-header h1{width:100%}.recipe-results-page .recipe-result-content h3{margin:0}.recipe-results-page .recipe-selected{gap:0}.recipe-results-page .recipe-selected h2{padding:0}.recipe-results-page .recipe-result-card{border:0}.recipe-results-page .recipe-result-card>img{width:104px;height:104px}.recipe-results-page .recipe-result-card>div{padding:0;gap:4px}.recipe-results-page .recipe-result-card h3{font-size:16px;line-height:22px}.recipe-detail-page{flex:1}.recipe-detail-page+.recipe-source{margin:24px 20px}.recipe-detail-page .sub-header{height:58px}.recipe-detail-page .sub-header h1{width:100%;padding-left:24px}.recipe-detail-body{display:flex;flex-direction:column;gap:15px;padding:15px 20px 0}.recipe-detail-hero{width:100%;height:170px;object-fit:cover;border-radius:4px;display:block}.recipe-detail-summary{display:flex;flex-direction:column;gap:8px}.recipe-detail-summary h2{font-size:24px;line-height:32px}.recipe-detail-tags{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin:0;padding:0;color:var(--gray-800);font-size:14px;line-height:19px}.recipe-detail-tags li{display:flex;align-items:center;gap:4px}.recipe-detail-tags li+li:before{content:"·";margin-right:0}.recipe-detail-tags img{flex-shrink:0;display:block}.recipe-detail-ingredients{display:flex;flex-direction:column;gap:15px}.recipe-detail-page section>h2{font-size:20px;line-height:27px}.recipe-detail-page .recipe-detail-summary h2{font-size:24px;line-height:24px}.recipe-ingredient-card{padding:8px 16px;background:var(--gray-200);border-radius:16px}.recipe-ingredient-rows{list-style:none;padding:8px 16px;margin:0}.recipe-ingredient-rows li{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s2) 0;font-size:var(--t3);line-height:var(--lh3);color:#191c1e}.recipe-ingredient-rows li+li{border-top:1px solid var(--gray-400);margin-top:var(--s2);padding-top:var(--s4)}.recipe-ingredient-name{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.recipe-ingredient-group{border-top:1px solid var(--gray-400);padding-top:var(--s3)}.recipe-ingredient-rows+.recipe-ingredient-group,.recipe-ingredient-group+.recipe-ingredient-group{margin-top:var(--s2)}.recipe-ingredient-group:first-child{border-top:0}.recipe-ingredient-group h3{margin:0;padding:0 16px;font-size:var(--t2);line-height:var(--lh2);font-weight:700;color:var(--gray-800);overflow-wrap:anywhere}.recipe-ingredient-amount{max-width:65%;min-width:0;color:#4c4546;text-align:right;overflow-wrap:anywhere}.recipe-ingredients-toggle{height:48px;width:100%;margin-top:8px;border:1px solid #d1d3d8;background:var(--gray-200);border-radius:8px;padding:12px 8px;font-size:16px;line-height:22px;color:var(--gray-900)}.recipe-cooking-steps{display:flex;flex-direction:column;gap:18px}.recipe-cooking-steps ol{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}.recipe-cooking-steps li{display:flex;align-items:center;gap:12px}.recipe-step-number{width:24px;height:24px;flex-shrink:0;border-radius:50%;background:var(--blue-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:22px}.recipe-cooking-steps p{font-size:14px;line-height:19px;color:var(--gray-900)}.recipe-detail-footer{padding:31px 20px 16px;display:flex;flex-direction:column;gap:10px}.recipe-detail-footer .action-button{display:flex;align-items:center;justify-content:center;height:56px;min-height:56px;border-radius:16px;font-size:18px;line-height:24px;text-align:center}.recipe-detail-footer .recipe-back-list{border:1px solid var(--blue-500);background:var(--blue-50);color:var(--blue-500)}.recipe-detail-empty{font-size:14px;line-height:19px;color:var(--gray-700)}.weekly-report{flex:1;min-height:0;display:flex;flex-direction:column}.weekly-report .sub-header h1{width:100%;padding-left:24px}.weekly-report-icon{width:24px;height:24px;position:relative;flex-shrink:0}.weekly-report-icon>span{position:absolute;overflow:hidden}.weekly-report-icon img{position:absolute;max-width:none}.weekly-report-icon-stored>span{left:1px;top:2px;width:22px;height:20px}.weekly-report-icon-stored img{width:438.66%;height:160.98%;left:-55.26%;top:-21.06%}.weekly-report-icon-consumed>span{inset:0}.weekly-report-icon-consumed img{width:480.49%;height:169.63%;left:-193.79%;top:-30.14%}.weekly-report-icon-discarded>span{left:2px;top:0;width:20px;height:24px}.weekly-report-icon-discarded img{width:567.28%;height:160.26%;left:-384.82%;top:-20.75%}.weekly-report-top{background:var(--gray-0)}.weekly-report-top h3{margin:0;font-size:var(--t2);line-height:var(--lh2);font-weight:700}.weekly-report-top ol{margin:0;padding:0;list-style:none}.weekly-report-top li{height:32px;padding:var(--s2) 0;display:flex;align-items:center;gap:var(--s2)}.weekly-report-top li b{width:12px;flex-shrink:0;font-size:var(--t1);line-height:var(--lh1);font-weight:700}.weekly-report-top li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray-900);font-size:14px;line-height:19px;font-weight:500}.weekly-report-top-consumed h3,.weekly-report-top-consumed li b{color:var(--green-500)}.weekly-report-top-discarded h3,.weekly-report-top-discarded li b{color:var(--red-500)}.weekly-report-banner{margin-top:auto;padding:var(--s4) var(--s5)}.weekly-report-top li.weekly-report-top-empty span{color:var(--gray-600);font-weight:400}.mypage-report-entry{margin:var(--s3) var(--s5) 0;padding:0;background:none;display:flex;flex-direction:column;gap:var(--s2);text-align:left;color:var(--gray-900)}.mypage-report-entry-title{font-size:var(--t4);line-height:var(--lh4);font-weight:700}.mypage-report-entry-card{width:100%;display:flex;justify-content:space-around;color:var(--gray-700);font-size:var(--t2);line-height:var(--lh2)}.mypage-report-entry-card b{color:var(--gray-900)}.mypage:has(.mypage-dashboard) .mypage-tabs{height:67px;margin-top:12px;padding:8px 0}.mypage-dashboard{padding:10px 20px 6px;display:flex;flex-direction:column;gap:10px}.mypage-dashboard .card-shell{border:0}.mypage-score-card{display:flex;justify-content:space-between;padding:12px 16px;border-radius:16px;background:var(--blue-50);min-height:136px}.mypage-score-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.mypage-score-card{cursor:pointer}.mypage-score-card:focus-visible{outline:3px solid var(--blue-500);outline-offset:3px}.mypage-score-copy p{font-size:14px;line-height:19px}.mypage-score-copy h2{color:var(--blue-500);font-size:28px;line-height:38px;font-weight:800}.mypage-score-copy strong{color:var(--blue-500);font-size:14px;line-height:19px}.mypage-score-copy small{align-self:flex-start;border-radius:12px;background:#fff;padding:4px 8px;font-size:12px;line-height:16px}.mypage-score-chart{position:relative;width:98px;height:98px;flex-shrink:0}.mypage-score-chart img{position:absolute;left:6px;top:6px}.mypage-score-chart b{position:absolute;top:25px;width:100%;text-align:center;color:var(--blue-500);font-size:24px;line-height:32px}.mypage-score-chart>span{position:absolute;top:57px;width:100%;text-align:center;color:var(--gray-600);font-size:12px;line-height:16px}.mypage-feedback{display:flex;align-items:center;gap:20px;background:var(--blue-50);padding:12px 16px;border-radius:16px;min-height:58px}.mypage-feedback-icon{position:relative;width:25px;height:24px;overflow:hidden;flex-shrink:0}.mypage-feedback-icon img{position:absolute;width:480.49%;height:169.63%;left:-193.79%;top:-30.14%;max-width:none}.mypage-feedback strong{font-size:14px;line-height:19px;color:var(--blue-700, #195e95)}.mypage-feedback p{font-size:12px;line-height:16px;color:var(--gray-700)}.mypage-comparisons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mypage-comparison{padding:16px;border-radius:16px;background:var(--gray-50, #fafdff);min-height:201px}.mypage-comparison h3{margin:0;text-align:center;padding-bottom:12px;border-bottom:1px dashed #e5e7eb;color:var(--gray-600);font-size:12px;line-height:16px}.mypage-bars{display:flex;justify-content:center;align-items:flex-end;gap:16px;height:140px}.mypage-bar-column{display:flex;flex-direction:column;align-items:center;gap:12px}.mypage-bar{width:38px;border-radius:40px 40px 6px 6px;text-align:center;background:var(--gray-400, #dcdee3);color:var(--gray-700);padding-top:5px;font-size:14px;line-height:19px;font-weight:700}.mypage-bar.current{background:var(--blue-500);color:#fff}.mypage-bar.current.waste{background:var(--red-500, #e53359)}.mypage-bar.pending{background:var(--gray-200, #f3f4f5);color:var(--gray-700)}.mypage-bar-column p{color:var(--gray-700);font-size:12px;line-height:16px}.mypage-managed{min-height:48px;border:1px solid #d1d3d8;border-radius:16px;background:#fff;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--gray-900);font-size:16px;line-height:22px}.mypage-managed>span{display:flex;align-items:center;gap:4px;color:var(--blue-600, #227ec6);font-weight:700}.mypage-managed img{display:block;transform:rotate(-90deg)}.mypage-dashboard .mypage-consumption{border:1px solid var(--gray-400, #dcdee3);min-height:80px;border-radius:16px;padding:2px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mypage-consumption p{font-size:14px;line-height:19px;color:var(--gray-700)}.mypage-consumption p strong{color:var(--blue-500)}.mypage-half-chart{position:relative;width:121px;height:74px;flex-shrink:0}.mypage-half-chart img{position:absolute;top:0;left:0}.mypage-half-chart b{position:absolute;top:24px;width:100%;text-align:center;color:var(--blue-500);font-size:18px;line-height:24px}.mypage-half-chart>span{position:absolute;top:50px;width:100%;text-align:center;color:var(--gray-700);font-size:12px;line-height:16px}.mypage-live-ring{position:absolute;inset:6px;border-radius:50%;background:conic-gradient(var(--blue-500) var(--progress),var(--blue-100) 0);-webkit-mask:radial-gradient(transparent 56%,black 57%);mask:radial-gradient(transparent 56%,black 57%)}.mypage-live-half{position:absolute;top:0;width:121px;height:61px;overflow:hidden}.mypage-live-half>div{width:121px;height:121px;border-radius:50%;background:conic-gradient(from 270deg,var(--blue-500) var(--progress),var(--blue-100) 0 50%,transparent 0);-webkit-mask:radial-gradient(transparent 58%,black 59%);mask:radial-gradient(transparent 58%,black 59%)}.mypage-score-sheet.recognition-overlay.bottom-sheet{height:min(390px,46dvh);border-radius:24px 24px 0 0;overflow:hidden}.mypage-score-sheet.recognition-overlay.bottom-sheet.expanded{height:min(610px,90dvh)}.mypage-score-sheet-layout{height:100%;display:flex;flex-direction:column}.mypage-score-sheet-handle{height:16px;flex:0 0 16px;display:flex;align-items:center;justify-content:center;background:#fff;touch-action:none}.mypage-score-sheet-handle span{width:36px;height:4px;border-radius:2px;background:#cccfd4}.mypage-score-sheet-header{padding:16px 20px}.mypage-score-sheet-header>p{margin-bottom:8px;color:var(--blue-500);font-size:14px;line-height:19px}.mypage-score-sheet-header h2{margin-bottom:6px;font-size:20px;line-height:27px}.mypage-score-sheet-header>span{display:block;color:var(--gray-700);font-size:14px;line-height:19px}.mypage-score-sheet-content{flex:1;min-height:0;overflow:hidden;padding:0 20px 20px;display:flex;flex-direction:column;gap:20px}.mypage-score-sheet-content h3{margin:0;font-size:16px;line-height:22px}.mypage-score-grades{display:flex;flex-direction:column;gap:8px;touch-action:none}.mypage-score-grades ul{display:flex;flex-direction:column;gap:4px;padding:0;margin:0;list-style:none}.mypage-score-grades li{min-height:40px;padding:10px 14px;border:1px solid transparent;border-radius:12px;display:flex;align-items:center;gap:12px}.mypage-score-grades li.current{border-color:var(--blue-500);background:var(--blue-50)}.mypage-score-grades li strong{flex:1;min-width:0;font-size:14px;line-height:19px;font-weight:500}.mypage-score-grade-range{width:52px;flex:0 0 52px;color:var(--gray-700);font-size:12px;line-height:16px}.mypage-score-grades li.current .mypage-score-grade-range,.mypage-score-grades li.current strong{color:var(--blue-600, #227ec6);font-weight:700}.mypage-score-current{padding:2px 8px;border-radius:999px;background:var(--blue-500);color:#fff;font-size:12px;line-height:16px;font-weight:700}.mypage-score-update{padding:12px;border-radius:12px;background:var(--gray-50, #fafdff);display:flex;align-items:flex-start;gap:8px}.mypage-score-update img{display:block;flex-shrink:0}.mypage-score-update-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.mypage-score-update-heading{font-size:12px;line-height:16px}.mypage-score-update-copy>p{margin:0;color:var(--gray-700);font-size:12px;line-height:16px}.mypage-score-update ul{display:flex;flex-direction:column;gap:6px;padding:0;margin:0;list-style:none}.mypage-score-update li{display:grid;grid-template-columns:8px max-content minmax(0,1fr);align-items:center;gap:6px}.mypage-score-update li strong{color:var(--blue-500);font-size:12px;line-height:16px;white-space:nowrap}.mypage-score-update li:last-child strong{color:var(--blue-700, #195e95)}.mypage-score-update li span{color:var(--gray-700);font-size:12px;line-height:16px}.mypage-score-sheet-actions{flex-shrink:0;padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));background:#fff}.mypage-score-sheet-actions .action-button{width:100%;height:56px;border-radius:16px;font-size:18px}.app-shell:has(.mypage-dashboard)>.top-header{margin-top:10px}.mypage-dashboard .mypage-consumption{background:#fff}.mypage-insufficient .mypage-tabs{margin-top:0;padding:8px 0;height:67px}.app-shell:has(.mypage-insufficient)>.top-header{transform:translateY(-6px)}.mypage-insufficient-state{min-height:502px;padding:20px;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;text-align:center}.mypage-insufficient-image{width:350px;max-width:100%;height:170px;object-fit:contain;border-radius:4px}.mypage-insufficient-state h2{font-size:18px;line-height:24px}.mypage-insufficient-state>p{font-size:14px;line-height:19px;color:var(--gray-700)}.mypage-insufficient-note{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;background:var(--blue-50);color:var(--gray-700);font-size:12px;line-height:16px}.mypage-insufficient-note img{flex-shrink:0;display:block}.mypage-insufficient-actions{padding:20px}.mypage-insufficient-actions .action-button{height:57px;border-radius:16px;font-size:18px;line-height:24px}html,body,#root{width:100%;min-height:100%}body{background:var(--gray-0)}.app-shell,.app-shell.screen-receipt,.app-shell:has(>.recipe-results-page){width:100%;max-width:none;min-height:0;height:100vh;height:100dvh;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.app-shell>main{flex:1;min-height:0;min-width:0;overflow-y:auto;overscroll-behavior-y:contain}.app-shell>:not(main){flex-shrink:0}.app-shell:not(:has(>.bottom-navigation)){padding-bottom:env(safe-area-inset-bottom,0px)}.app-shell>.top-header,.app-shell>main>.sub-header{flex-shrink:0}.bottom-navigation{position:relative;flex-shrink:0;margin-top:0;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:calc(9px + env(safe-area-inset-bottom,0px))}.screen-2 .bottom-navigation{margin-bottom:0}.app-shell>.recipe-results-page{overflow:hidden}.recipe-results-page .recipe-selected,.recipe-results-page #recipe-results-heading{flex-shrink:0}.recipe-results-page .sub-header{transform:none}.cloud-account{width:100%;max-width:none}.recognition-overlay.bottom-sheet{width:100%;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.empty-fridge{height:auto;min-height:280px}.fridge-page,.fridge-food-page{display:flex;flex-direction:column}.fridge-empty-state{flex:1;height:auto;min-height:300px;padding-block:24px}.manual-fields,.mypage-insufficient-state{min-height:0}.recipe-no-urgent-state{padding-top:clamp(24px,12dvh,100px)}.receipt-camera,.camera-view{min-height:0}.camera-preview{height:auto;min-height:180px;flex:1}.camera-controls{flex:0 0 auto;padding-bottom:16px}.recipe-empty-image{max-width:100%}.summary-item{flex:1;min-width:0}@media(hover:hover)and (pointer:fine){body{background:#f4f6f8}#root{min-width:390px;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.app-shell,.app-shell.screen-receipt,.app-shell:has(>.recipe-results-page){width:390px;max-width:390px;height:844px;flex-shrink:0;padding:0}.app-shell:not(:has(>.bottom-navigation)){padding-bottom:0}.bottom-navigation{height:60px;padding-bottom:9px}.cloud-account{max-width:390px}.recognition-overlay.bottom-sheet{width:390px;bottom:max(0px,calc((100dvh - 844px)/2));padding-bottom:20px}.registration-toast{bottom:max(100px,calc((100dvh - 844px)/2 + 100px))}.recipe-no-urgent-state{padding-top:100px}}@media(max-width:359px){.method-grid{gap:12px}.method-card{padding:12px}.method-card h3{font-size:16px}.recipe-results-page .recipe-result-image,.recipe-results-page .recipe-result-card>img{width:80px;height:80px}.mypage-empty-copy p,.mypage-update-note{white-space:normal}.expiring-modal-heading h2,.expiring-modal-heading p,.mypage-score-copy p,.mypage-score-copy strong,.mypage-score-copy small{word-break:keep-all}}.app-shell>main>.sub-header,.app-shell>main.fridge-page>.screen-tabs{position:sticky;top:0;z-index:2;background:var(--gray-0)}.app-shell>main.fridge-page>.screen-tabs{flex-shrink:0;margin-inline:0;padding-inline:20px}.fridge-notice-dialog{width:342px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 32px);padding:0;border:0;background:transparent;overflow:auto;border-radius:0}.fridge-notice-dialog::backdrop{background:#00000073}.fridge-notice-card{border-radius:var(--r5);background:#fff;padding:var(--s4) var(--s5)}.fridge-notice-card header{display:flex;align-items:flex-start;gap:4px}.fridge-notice-card h2{flex:1;min-width:0;font-size:var(--t5);line-height:var(--lh5);overflow-wrap:anywhere}.fridge-notice-card header button{padding:0;width:24px;height:24px;flex:0 0 24px;background:transparent}.fridge-notice-card header img,.fridge-notice-preview>img,.fridge-notice-mail>img{display:block;width:24px;height:24px;flex-shrink:0}.fridge-notice-description{margin-top:var(--s2);font-size:var(--t2);line-height:var(--lh2);color:var(--gray-700)}.fridge-notice-preview{margin-top:var(--s4);padding:var(--s4);border-radius:var(--r4);background:var(--blue-50);display:flex;align-items:center;gap:var(--s3);min-height:100px}.fridge-notice-preview.email{min-height:0}.fridge-notice-preview p{font-size:var(--t2);line-height:var(--lh2);overflow-wrap:anywhere}.fridge-notice-preview small{display:block;font-size:var(--t1);line-height:var(--lh1);color:var(--gray-600);overflow-wrap:anywhere}.fridge-notice-preview strong{display:block;font-size:var(--t2);line-height:var(--lh2)}.fridge-notice-mail{display:flex;align-items:center;gap:12px;width:100%;border-radius:14px;background:#fff;padding:12px 16px}.fridge-notice-mail>div{min-width:0}.fridge-notice-mail strong{margin-top:2px}.fridge-notice-preview.enable{justify-content:space-between}.fridge-notice-preview.enable>div{min-width:0}.fridge-notice-preview.enable button{flex-shrink:0;width:44px;height:26px;padding:0;background:none}.fridge-notice-preview.enable img{display:block;width:44px;height:26px}.fridge-notice-helper{margin-top:var(--s3);color:var(--gray-600);text-align:center;font-size:var(--t1);line-height:var(--lh1)}.fridge-notice-card>.action-button{margin-top:32px;height:56px}.fridge-notice-error{margin-top:12px;color:#bc2949;font-size:14px;line-height:19px}.fridge-notice-later{display:block;margin:12px auto 0;padding:4px 8px;background:transparent;color:#fff;font-size:var(--t1);line-height:var(--lh1)}.fridge-notice-toast{display:flex;align-items:center;gap:6px;white-space:pre-line}.fridge-notice-toast>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.fridge-notice-success{width:12px;height:12px;flex-shrink:0;border-radius:999px;background:var(--green-500, #189129);display:flex;align-items:center;justify-content:center}.fridge-notice-success img{display:block;width:10.9091px;height:10.9091px}.fridge-notice-toast button{background:none;color:var(--orange-500, #fb804a);font:inherit;padding:6px;flex-shrink:0}.manual-reminder-test{margin:20px;padding:16px;border:1px solid var(--gray-400);border-radius:16px;display:flex;flex-direction:column;gap:12px}.manual-reminder-test h2{font-size:18px;line-height:24px}.manual-reminder-test p,.manual-reminder-test li{font-size:13px;line-height:20px;overflow-wrap:anywhere}.manual-reminder-test [role=alert]{color:#bc2949}.manual-reminder-test button:disabled{background:var(--gray-200);color:var(--gray-700);cursor:default}.manual-reminder-test .action-button{height:auto;min-height:48px;padding-block:10px}.manual-reminder-table{overflow:auto;max-height:260px}.manual-reminder-table table{width:100%;border-collapse:collapse;font-size:12px;line-height:18px}.manual-reminder-table caption{text-align:left;margin-bottom:8px}.manual-reminder-table th,.manual-reminder-table td{padding:6px 4px;text-align:left;border-bottom:1px solid var(--gray-400)}