@media (min-width:851px){.app-grid{grid-template-columns:248px 1fr}.brand{align-items:center;gap:0;min-height:44px;padding-inline:13px}.sidebar-header{justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.sidebar-toggle{color:#b9c8c0;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.sidebar-toggle:hover{color:#fff;background:#ffffff1a}.brand>span:last-child{white-space:nowrap;letter-spacing:-.025em;max-width:none;font-size:16px}.nav-list{margin-top:32px}.nav-group{gap:5px;display:grid}.nav-group+.nav-group{margin-top:18px}.nav-group-label{color:#91a69b;letter-spacing:.14em;text-transform:uppercase;margin:0 13px 2px;font-size:12px;font-weight:800}.sidebar-bottom .guest-card{padding-inline:13px}.app-grid,.sidebar,.brand,.nav-label,.guest-copy{transition:width .18s,grid-template-columns .18s,opacity .12s}.app-grid.sidebar-collapsed{grid-template-columns:76px 1fr}.sidebar-collapsed .sidebar{padding-inline:12px}.sidebar-collapsed .sidebar-header{justify-content:center}.sidebar-collapsed .brand,.sidebar-collapsed .nav-label,.sidebar-collapsed .nav-group-label,.sidebar-collapsed .guest-copy,.sidebar-collapsed .sidebar-avatar{display:none}.sidebar-collapsed .nav-list{margin-top:32px}.sidebar-collapsed .nav-item{justify-content:center;gap:0;width:48px;height:46px;padding:0}.sidebar-collapsed .sidebar-session{background:0 0;border:0;justify-content:center;padding:0}.sidebar-collapsed .sidebar-signout{width:48px;height:46px;padding:0}.sidebar-collapsed .guest-card{border-top-color:#ffffff24;justify-content:center;min-height:44px;padding:0}.sidebar-collapsed .status-dot{margin-top:17px}}.guest-card.cloud .status-dot{background:#83d5a7;box-shadow:0 0 0 4px #83d5a724}.guest-card .status-dot.unsynced{background:var(--coral);box-shadow:0 0 0 4px #d9785f2e}.repository-error{text-align:center;place-content:center;justify-items:center;min-height:70vh;padding:32px;display:grid}.repository-error h1{margin-bottom:8px}.repository-error p{max-width:620px;color:var(--muted)}.sidebar-account-action{text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.sidebar-session{background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:10px;padding:5px 6px 5px 9px;display:flex}.sidebar-avatar{color:#17301f;background:#e49b75e6;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:800;display:flex}.sidebar-session-name{text-overflow:ellipsis;white-space:nowrap;color:#d8e0db;flex:1;min-width:0;font-size:14px;font-weight:700;overflow:hidden}.sidebar-signout{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:9px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sidebar-signout:hover{background:#d9785f47;border-color:#ffbeaa73}.sidebar-signout:disabled{opacity:.6;cursor:wait}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.settings-card{align-content:start}.settings-column{display:contents}.invitation-card{grid-column:1/-1}.invitation-create{grid-template-columns:130px minmax(0,1fr);align-items:stretch}.invitation-create select,.invitation-create button{min-height:44px}@media (max-width:1099px){.settings-grid{grid-template-columns:minmax(0,1fr)}}.guest-import-card,.reset-device-card{grid-column:1/-1}.empty-state .secondary-button{justify-self:center;width:max-content;margin-top:6px}.reset-device-card p{color:var(--muted);margin-bottom:0}.reset-device-card small{color:var(--muted)}.guest-import-card>p:not(.eyebrow):not(.form-error){color:var(--muted);margin-bottom:0}.guest-import-card .secondary-button{width:max-content}.import-result{color:var(--dark);background:#e8f1eb;border-radius:10px;padding:10px 12px;font-size:14px}.guest-import-card small{color:var(--muted)}.mobile-topbar{display:none}@media (max-width:850px){.mobile-topbar{z-index:30;color:#f9f5ea;padding:calc(9px + var(--safe-top)) max(14px, var(--safe-right)) 9px max(14px, var(--safe-left));background:#29483c;align-items:center;gap:10px;display:flex;position:sticky;top:0;box-shadow:0 5px 16px #14231c29}.main-content .page-pad{padding-top:22px}.topbar-brand{min-width:0;color:inherit;font:600 17px var(--font-serif),var(--font-kr-serif);letter-spacing:-.02em;align-items:center;gap:9px;text-decoration:none;display:flex}.topbar-brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.topbar-mode{background:#f0bb72;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 3px #f0bb7233}.topbar-mode.cloud{background:#83d5a7;box-shadow:0 0 0 3px #83d5a72e}.topbar-mode.unsynced{background:var(--coral);box-shadow:0 0 0 3px #d9785f38}.topbar-actions{flex:none;align-items:center;gap:7px;margin-left:auto;display:flex}.topbar-button{width:40px;height:40px;color:inherit;cursor:pointer;background:#ffffff1a;border:0;border-radius:11px;flex:none;place-items:center;display:grid}.topbar-button:hover,.topbar-button.active{color:#fff;background:#ffffff38}.topbar-button:disabled{opacity:.6;cursor:wait}.topbar-avatar{color:#17301f;background:#e49b75e6;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:grid}.topbar-signin{color:#24362f;white-space:nowrap;cursor:pointer;background:#f9f5ea;border:0;border-radius:11px;flex:none;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:14px;font-weight:800;display:inline-flex}.topbar-signin:hover{background:#fff}.mobile-nav a{min-width:0;padding:0 2px}.mobile-nav a small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;line-height:1.15;overflow:hidden}}.invitation-card>p:not(.eyebrow):not(.form-error){color:var(--muted);margin-bottom:0}.invitation-create{grid-template-columns:130px 1fr;gap:8px;display:grid}.invitation-create select{background:#fff;border:1px solid #dcd6cb;border-radius:10px;padding:10px}.invitation-card>small{color:var(--muted);align-items:center;gap:6px;display:flex}.invitation-list{display:grid}.invitation-list>div{border-top:1px solid var(--line);align-items:center;padding:9px 0;display:flex}.invitation-list>div>span{text-transform:capitalize;flex:1;display:grid}.invitation-list small{color:var(--muted)}.invite-page{place-items:center;min-height:100vh;padding:24px;display:grid}.invite-panel{background:var(--paper);border:1px solid var(--line);text-align:center;border-radius:22px;width:min(520px,100%);padding:32px;box-shadow:0 20px 50px #23362f1a}.invite-panel h1{margin:8px 0 12px;font-size:42px}.invite-panel>p:not(.eyebrow){color:var(--muted);line-height:1.6}.invite-panel .primary-button{margin:10px auto}.invite-panel>small{color:var(--muted);margin-top:14px;display:block}.invite-icon{width:58px;height:58px;color:var(--dark);background:#e6eee8;border-radius:18px;place-items:center;margin:0 auto 18px;display:grid}@media (max-width:600px){.invitation-create{grid-template-columns:1fr}}@media (min-width:1100px){.settings-grid{gap:20px}.settings-column{align-content:start;gap:20px;min-width:0;display:grid}.settings-grid>.account-card,.settings-grid>.guest-import-card,.settings-grid>.reset-device-card,.settings-grid>.delete-account-card{grid-column:1/-1}.settings-page .settings-card>p:not(.eyebrow),.settings-page .settings-card>small{max-width:68ch}.household-card{grid-template-columns:repeat(2,minmax(0,1fr))}.household-card>h2,.household-card>label:first-of-type{grid-column:1/-1}.member-list>div>.member-reference{padding-left:44px}}
.recipe-art-link{color:inherit;text-decoration:none;display:block}.recipe-art-link .recipe-art{transition:filter .18s}.recipe-art-link:hover .recipe-art{filter:brightness(.96)}.recipe-art.has-photo,.recipe-detail-art.has-photo{background-position:50%;background-repeat:no-repeat;background-size:cover}.recipe-art.has-photo{background-color:#dfe5df}.recipe-detail-art{color:inherit;cursor:pointer;border:0;position:relative;overflow:hidden}.recipe-detail-art.readonly{cursor:default}.recipe-detail-art.readonly:after,.recipe-detail-art.readonly:hover:after{opacity:0}.recipe-detail-art:after{content:"";opacity:0;background:linear-gradient(#0000 58%,#14231d80);transition:opacity .16s;position:absolute;inset:0}.photo-edit-cue{z-index:1;white-space:nowrap;opacity:0;background:#fffdf8f0;border-radius:999px;align-items:center;gap:7px;padding:9px 13px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%,8px);color:#29483c!important;font:800 13px var(--font-sans),var(--font-kr-sans), sans-serif!important}.recipe-detail-art:hover:after,.recipe-detail-art:focus-visible:after,.recipe-detail-art:hover .photo-edit-cue,.recipe-detail-art:focus-visible .photo-edit-cue{opacity:1}.recipe-detail-art:hover .photo-edit-cue,.recipe-detail-art:focus-visible .photo-edit-cue{transform:translate(-50%)}.recipe-photo-field input[type=file],.source-form input[type=file]{background:#f8f5ee;padding:8px}.recipe-photo-field input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#456858;border:0;border-radius:8px;margin-right:10px;padding:8px 11px;font-weight:700}.source-form input[type=file]::file-selector-button{color:#fff;cursor:pointer;background:#456858;border:0;border-radius:8px;margin-right:10px;padding:8px 11px;font-weight:700}@media (max-width:850px){.photo-edit-cue{opacity:1;transform:translate(-50%)}.recipe-detail-art.has-photo:after{opacity:1}}.grocery-empty.compact{min-height:260px}.recipe-header-actions{gap:9px;display:flex}.favorite-filter.active{color:#8b6717;background:#fff7db;border-color:#ead492}.recipe-card-interactive{flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative}.recipe-card-content{color:inherit;flex:1;text-decoration:none}.recipe-card-content .recipe-body{height:100%}.favorite-button{z-index:2;color:#66756d;cursor:pointer;background:#fffdf8e6;border:1px solid #ffffffb3;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 5px 14px #1e2d2621}.favorite-button:hover,.favorite-button.active{color:#b38419;background:#fff6d5;transform:scale(1.05)}.recipe-card-actions{grid-template-columns:1fr auto;gap:8px;padding:0 18px 18px;display:grid}.recipe-card-actions .secondary-button,.recipe-card-actions .primary-button{min-height:40px}.recipe-card-interactive:hover{border-color:#b8c6bd;transform:translateY(-3px);box-shadow:0 16px 35px #23362f14}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1000px){.timeline{gap:0}.time-group{grid-template-columns:104px 2px minmax(0,1fr);gap:22px;min-height:100px}.time-group>time{white-space:nowrap;padding-top:20px;font-size:16px}.time-line:before{top:25px}.meal-stack{grid-template-columns:1fr;padding-bottom:14px}.has-simultaneous-meals .meal-stack{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.meal-card{gap:12px;min-width:0;min-height:86px;padding:16px 16px 16px 19px}.meal-card-primary{gap:12px;min-width:0}.meal-card-primary>div{flex:1;min-width:0}.meal-card h2{text-overflow:ellipsis;white-space:nowrap;font-size:20px;overflow:hidden}.member-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.servings{white-space:nowrap;flex:none}.detail-cue{display:none}.meal-schedule-button{border:0;border-radius:10px;align-self:center;width:40px;min-width:40px;height:40px;margin:0;padding:0}.meal-schedule-button:hover{background:#e8eee9}}@media (min-width:1000px) and (max-width:1180px){.has-simultaneous-meals .meal-stack{grid-template-columns:1fr}}.deleted-owner-notice{color:#76684e;background:#f5f0e5;border-radius:11px;width:max-content;max-width:100%;margin:0 0 20px;padding:10px 14px;font-size:14px}.recipe-detail-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px;display:flex}.recipe-detail-toolbar .back-link{margin-bottom:0}.detail-favorite{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:800;display:inline-flex}.detail-favorite.active{color:#a87812;background:#fff5cf;border-color:#e5cf87}.recipe-comments-panel{background:var(--paper);border:1px solid var(--line);border-radius:19px;margin-top:28px;padding:25px}.recipe-comments-panel>header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.recipe-comments-panel h2{align-items:center;gap:8px;margin:0;font-size:30px;display:flex}.recipe-comments-panel h2 span{font:700 13px var(--font-sans),var(--font-kr-sans);background:#e8eee9;border-radius:999px;padding:4px 8px}.comment-composer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.comment-composer textarea{resize:vertical;background:#fff;border:1px solid #dcd6cb;border-radius:12px;width:100%;padding:12px}.comment-list{margin-top:18px;display:grid}.comment-list article{border-top:1px solid var(--line);padding:15px 0}.comment-list article>div{align-items:center;gap:8px;display:flex}.comment-list article span{color:var(--dark);background:#e8eee9;border-radius:999px;padding:3px 6px;font-size:12px;font-weight:800}.comment-list time{color:var(--muted);margin-left:auto;font-size:12px}.comment-list article p{white-space:pre-wrap;margin:8px 0 0;line-height:1.55}.comment-notice{color:#76684e;background:#f5f0e5;border-radius:11px;padding:12px 14px}.recipe-comments-panel .form-error{margin-top:12px}@media (max-width:600px){.recipe-detail-toolbar{align-items:flex-start}.detail-favorite{font-size:13px}.recipe-comments-panel{padding:19px}.recipe-comments-panel>header{display:grid}.comment-composer{grid-template-columns:minmax(0,1fr)}}.delete-recipe-button{color:#a54e43;border-color:#e2b8af}.delete-recipe-button:hover{background:#fff0ed;border-color:#d99a8d}.delete-recipe-button:disabled{opacity:.55;cursor:wait}.reply-button{color:var(--dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:6px 0;font-size:13px;font-weight:800;display:inline-flex}.reply-composer{background:#f5f2eb;border-radius:12px;gap:8px;margin:8px 0 4px;padding:12px;display:grid}.reply-composer textarea{resize:vertical;border:1px solid #dcd6cb;border-radius:10px;width:100%;padding:10px}.reply-composer>div{justify-content:flex-end;gap:7px;display:flex}.reply-composer .primary-button{min-height:38px}.reply-list{border-left:2px solid #dce5de;margin:7px 0 0 22px;padding-left:15px}.reply-list article{border-top:1px solid var(--line);padding:13px 0}.comment-thread>.comment-meta,.reply-list .comment-meta{align-items:center;gap:8px;display:flex}.comment-composer textarea,.reply-composer textarea{max-height:40vh;line-height:1.55;overflow-y:auto}.comment-composer textarea{min-height:64px}.reply-composer textarea{min-height:52px}.comment-composer-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.comment-chars{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:auto;font-size:12px;font-weight:800}.comment-chars.low{color:#a54e43}.recipe-comments-panel button:disabled{opacity:.5;box-shadow:none;cursor:not-allowed;transform:none}.reply-composer-actions .secondary-button{min-height:38px}.comment-meta{min-width:0}.comment-meta strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.comment-meta time{flex:none}@media (max-width:600px){.recipe-comments-panel h2{font-size:23px}.recipe-comments-panel>header .secondary-button{width:max-content}.comment-composer textarea,.reply-composer textarea{resize:none;font-size:16px}.comment-composer-actions{width:100%}.comment-composer-actions .primary-button{flex:1;min-width:0;min-height:48px}.reply-button{background:#f1eee6;border-radius:999px;min-height:42px;padding:0 14px}.reply-list{margin-left:8px;padding-left:12px}.reply-composer{padding:11px}.reply-composer-actions .primary-button,.reply-composer-actions .secondary-button{flex:1;min-height:46px}}.instructions-panel,.recipe-steps .step-content{min-width:0}.step-photo-slot{aspect-ratio:16/8;width:100%;max-height:220px;color:var(--dark);cursor:pointer;background:#f4f1e9 50%/cover no-repeat;border:1px dashed #bcc9c0;border-radius:13px;place-items:center;margin-top:12px;display:grid;position:relative;overflow:hidden}.step-photo-slot input{opacity:0;width:1px;height:1px;position:absolute}.step-photo-slot>span{border:1px solid var(--line);background:#fffdf8f0;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:800;display:inline-flex;box-shadow:0 5px 15px #23362f14}.step-photo-slot.has-photo{border-style:solid}.step-photo-slot:hover{border-color:var(--sage);background-color:#edf2ee}.step-photo-slot.has-photo:hover{filter:brightness(.97)}.step-photo-slot.readonly{cursor:default;border-style:solid}.step-photo-slot.readonly:hover{filter:none;border-color:#bcc9c0}.step-photo-actions{position:relative}.step-photo-remove{z-index:2;color:#a54e43;cursor:pointer;background:#fffdf8f5;border:1px solid #e2b8af;border-radius:999px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:10px;right:10px}.step-photo-remove:hover,.remove-photo-button:hover{background:#fff0ed;border-color:#d99a8d}.step-photo-remove:disabled{opacity:.55;cursor:wait}.remove-photo-button{color:#a54e43;border-color:#e2b8af}.modal-actions .remove-photo-button{margin-inline-end:auto}.star-row{color:#d9d1c2;gap:2px;line-height:0;display:inline-flex}.star-slot{display:inline-flex;position:relative}.star-slot-fill{color:#e0a400;display:inline-flex;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.star-slot-fill>*{flex:none}.recipe-rating-panel{background:var(--paper);border:1px solid var(--line);border-radius:19px;margin-top:28px;padding:25px}.recipe-rating-panel>header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.recipe-rating-panel h2{align-items:center;gap:8px;margin:0;font-size:30px;display:flex}.rating-average{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rating-average strong{font:800 27px var(--font-sans),var(--font-kr-sans);line-height:1}.rating-average small{color:var(--muted);font-size:13px;font-weight:800}.rating-input{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding-top:16px;display:flex}.rating-input-label{font-weight:800}.rating-stars{gap:2px;display:inline-flex}.rating-star{color:#d9d1c2;cursor:pointer;background:0 0;border:0;border-radius:10px;margin:0;padding:5px;line-height:0}.rating-star.on{color:#e0a400}.rating-star:disabled{cursor:progress}.rating-star:focus-visible{outline:2px solid var(--sage);outline-offset:1px}.rating-hint{color:var(--muted);font-size:13px}.recipe-rating-panel .form-error{margin-top:12px}@media (max-width:600px){.recipe-rating-panel{padding:19px}.recipe-rating-panel>header{gap:10px;display:grid}.rating-input{gap:9px}.rating-input-label{width:100%}}.recipe-meta .card-rating{color:var(--ink);gap:5px;font-weight:800}.sort-toggle.active{color:#4a6155;background:#eef3f0;border-color:#c8d8ce}.photo-generate{border-top:1px solid var(--line);justify-items:start;gap:10px;padding-top:19px;display:grid}.photo-generate-or{background:var(--paper);color:var(--muted);letter-spacing:.11em;text-transform:uppercase;margin-top:-28px;padding:0 9px;font-size:11px;font-weight:800}.photo-generate-button:disabled{cursor:progress;opacity:.7}.photo-generate-preview{gap:9px;margin:0;display:grid}.photo-generate-image{aspect-ratio:1/.78;background-color:#dfe5df;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:15px;width:100%}.photo-generate-preview figcaption{color:#7a6432;background:#fbf4e6;border-radius:9px;align-items:center;gap:7px;padding:9px 11px;font-size:13px;font-weight:600;display:flex}.photo-generate-preview figcaption svg{flex:none}
:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@media (display-mode:standalone),(display-mode:fullscreen){body:before{content:"";height:var(--safe-top);z-index:200;pointer-events:none;background:#29483c;position:fixed;top:0;left:0;right:0}html,body{overscroll-behavior-y:none}}.page-pad{padding-top:calc(48px + var(--safe-top));padding-right:max(5vw, var(--safe-right));padding-bottom:calc(80px + var(--safe-bottom));padding-left:max(5vw, var(--safe-left))}.web-recipe{padding-top:calc(40px + var(--safe-top));padding-right:max(22px, var(--safe-right));padding-bottom:calc(90px + var(--safe-bottom));padding-left:max(22px, var(--safe-left))}.invite-page{padding:calc(24px + var(--safe-top)) max(24px, var(--safe-right)) calc(24px + var(--safe-bottom)) max(24px, var(--safe-left))}.modal-backdrop{padding:max(22px, var(--safe-top)) max(22px, var(--safe-right)) max(22px, var(--safe-bottom)) max(22px, var(--safe-left))}.modal{max-height:calc(100dvh - 44px)}.sidebar{padding-top:calc(28px + var(--safe-top));padding-bottom:calc(28px + var(--safe-bottom));padding-left:max(18px, var(--safe-left))}.timer-tray,.save-status{bottom:calc(20px + var(--safe-bottom))}.share-toast,.quick-add-toast{bottom:calc(26px + var(--safe-bottom))}@media (min-width:851px){.sidebar-collapsed .sidebar{padding-left:max(12px, var(--safe-left));padding-right:12px}.main-content{padding-right:var(--safe-right)}}@media (max-width:850px){.page-pad{padding-top:calc(28px + var(--safe-top));padding-right:max(18px, var(--safe-right));padding-bottom:calc(90px + var(--safe-bottom));padding-left:max(18px, var(--safe-left))}.mobile-nav{height:calc(68px + var(--safe-bottom));padding-bottom:var(--safe-bottom)}.main-content{padding-bottom:calc(70px + var(--safe-bottom))}.save-status{bottom:calc(78px + var(--safe-bottom))}.share-toast{bottom:calc(84px + var(--safe-bottom))}.cart-checkout{bottom:calc(80px + var(--safe-bottom))}.timer-tray{bottom:calc(78px + var(--safe-bottom));left:max(12px, var(--safe-left));right:max(12px, var(--safe-right))}body:has(.app-grid) .timer-tray{bottom:calc(78px + var(--safe-bottom));left:max(12px, var(--safe-left));right:max(12px, var(--safe-right))}body:has(.app-grid.sidebar-collapsed) .timer-tray{bottom:calc(78px + var(--safe-bottom));left:max(12px, var(--safe-left));right:max(12px, var(--safe-right))}}@media (max-width:600px){.web-recipe{padding-top:calc(26px + var(--safe-top));padding-right:max(16px, var(--safe-right));padding-bottom:calc(70px + var(--safe-bottom));padding-left:max(16px, var(--safe-left))}}.install-banner{z-index:90;left:50%;bottom:calc(20px + var(--safe-bottom));color:#f4f0e6;background:#29483c;border-radius:17px;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;width:min(430px,100vw - 24px);padding:15px 16px;animation:.2s ease-out sheet-rise;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 18px 44px #14231c47}.install-banner img{border-radius:12px;width:42px;height:42px}.install-banner>div{gap:4px;min-width:0;display:grid}.install-banner strong{font-size:15px;font-weight:800}.install-banner p{color:#c7d3cc;margin:0;font-size:13px;line-height:1.5}.install-banner .install-steps{color:#c7d3cc}.install-banner-actions{flex-wrap:wrap;grid-column:2/-1;gap:8px;margin-top:4px;display:flex}.install-banner .primary-button{color:#2a2018;box-shadow:none;background:#e49b75;min-height:40px}.install-banner .primary-button:hover{background:#efab86}.install-dismiss{width:32px;height:32px;color:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:9px;flex:none;align-self:start;place-items:center;display:grid}.install-dismiss:hover{background:#fff3}.install-steps{gap:7px;margin:0;padding:0;font-size:14px;line-height:1.5;list-style:none;display:grid}.install-steps li{align-items:center;gap:9px;display:flex}.install-steps svg{flex:none}.install-card{grid-column:1/-1}.install-card .install-steps{color:var(--muted)}.install-card p:not(.eyebrow){color:var(--muted);margin-bottom:0}.install-card .primary-button{width:max-content}.install-card small{color:var(--muted)}.install-done{color:var(--dark);background:#e8f1eb;border-radius:10px;align-items:center;gap:9px;margin:0;padding:11px 13px;font-size:14px;font-weight:700;display:flex}@media (max-width:850px){.install-banner{bottom:calc(78px + var(--safe-bottom));width:auto;left:12px;right:12px;transform:none}}