:root{--page:#f7f3ec;--surface:#fffdf9;--surface-2:#f0eadf;--surface-3:#e6dccb;--ink:#221d17;--ink-2:#5c5348;--ink-3:#6f665a;--line:#e3dacb;--line-2:#d2c6b2;--accent:#b83d26;--accent-ink:#fff;--accent-soft:#f7dfd6;--herb:#2f6b3e;--herb-soft:#dcebdc;--warn:#a8641a;--shadow:0 1px 2px #3c28140f, 0 6px 20px #3c281412;--tile-1:#f3d9c9;--tile-2:#e3e6cf;--tile-3:#f1e1b8;--tile-4:#d9e4e6;--tile-5:#ead6dc;--tile-6:#e6dccb;--tile-ink:#3a2f24;--radius:16px;--radius-sm:10px;--font-display:"Fraunces", "Iowan Old Style", "Palatino", Georgia, serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;--tabbar-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--page:#151310;--surface:#1d1a16;--surface-2:#26221d;--surface-3:#312b24;--ink:#f3ede4;--ink-2:#c4b9aa;--ink-3:#9d9384;--line:#2f2a23;--line-2:#3d362d;--accent:#ec6a4f;--accent-ink:#1a0d08;--accent-soft:#3a2119;--herb:#7cbf8a;--herb-soft:#1f3324;--warn:#e3a35a;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--tile-1:#3d2a20;--tile-2:#2f3324;--tile-3:#3a321e;--tile-4:#23302f;--tile-5:#372630;--tile-6:#312b24;--tile-ink:#f0e6d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--page:#151310;--surface:#1d1a16;--surface-2:#26221d;--surface-3:#312b24;--ink:#f3ede4;--ink-2:#c4b9aa;--ink-3:#9d9384;--line:#2f2a23;--line-2:#3d362d;--accent:#ec6a4f;--accent-ink:#1a0d08;--accent-soft:#3a2119;--herb:#7cbf8a;--herb-soft:#1f3324;--warn:#e3a35a;--shadow:0 1px 2px #0006, 0 8px 24px #00000059;--tile-1:#3d2a20;--tile-2:#2f3324;--tile-3:#3a321e;--tile-4:#23302f;--tile-5:#372630;--tile-6:#312b24;--tile-ink:#f0e6d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--page);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;margin:0;font-size:16px}body{-webkit-font-smoothing:antialiased;min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent)}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{max-width:1180px;padding:calc(env(safe-area-inset-top) + 8px) 16px calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 24px);margin:0 auto}.display{font-family:var(--font-display);letter-spacing:-.02em;font-optical-sizing:auto;font-weight:650}h1.display{margin:12px 0 4px;font-size:clamp(30px,6vw,44px);line-height:1.05}h2.display{margin:24px 0 10px;font-size:24px}h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:22px 0 8px;font-size:13px;font-weight:700}.muted{color:var(--ink-2)}.faint{color:var(--ink-3);font-size:14px}.row{align-items:center;gap:8px;display:flex}.wrap{flex-wrap:wrap}.spacer{flex:1}.stack>*+*{margin-top:10px}.topbar{z-index:20;background:color-mix(in srgb, var(--page) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);align-items:center;gap:8px;min-height:48px;margin:0 -16px;padding:4px 16px;display:flex;position:sticky;top:0}.topbar .title{white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:700;overflow:hidden}.btn{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;min-height:44px;color:var(--ink);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;text-decoration:none;transition:transform 80ms,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.ghost{background:0 0;border-color:#0000}.btn.small{min-height:34px;padding:0 12px;font-size:14px}.btn.icon{width:44px;padding:0}.btn:disabled{opacity:.5;cursor:default}.btn.danger{color:var(--accent)}.linkish{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.field{display:block}.field>span{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.input,textarea.input,select.input{border-radius:var(--radius-sm);border:1px solid var(--line-2);background:var(--surface);width:100%;min-height:46px;padding:11px 14px;font-size:16px}textarea.input{resize:vertical;min-height:120px;line-height:1.5}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.search{position:relative}.search .input{background:var(--surface);border-radius:999px;padding-left:42px}.search svg{color:var(--ink-3);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:4px 0 8px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1px solid var(--line-2);background:var(--surface);cursor:pointer;min-height:36px;color:var(--ink-2);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--page)}.chip .n{opacity:.6;font-weight:500}.seg{background:var(--surface-2);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{min-height:34px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 12px;font-size:14px;font-weight:600}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:16px}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}@media (width>=720px){.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}}.rcard{color:inherit;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);text-decoration:none;transition:transform .12s;display:block;overflow:hidden}.rcard:active{transform:scale(.985)}.rcard .img{aspect-ratio:4/3;background:var(--surface-2);position:relative;overflow:hidden}.rcard .img img{object-fit:cover;width:100%;height:100%}.rcard .body{padding:10px 12px 12px}.rcard .t{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.rcard .m{color:var(--ink-3);gap:8px;margin-top:4px;font-size:13px;display:flex}.fav-badge{color:#fff;background:#00000059;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.tile{width:100%;height:100%;font-family:var(--font-display);letter-spacing:-.01em;color:var(--tile-ink);align-items:flex-end;padding:12px 14px;font-size:20px;font-weight:650;line-height:1.1;display:flex;overflow:hidden}.tile span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile.small{justify-content:center;align-items:center;padding:0;font-size:18px}.tile-1{background:var(--tile-1)}.tile-2{background:var(--tile-2)}.tile-3{background:var(--tile-3)}.tile-4{background:var(--tile-4)}.tile-5{background:var(--tile-5)}.tile-6{background:var(--tile-6)}.book-cover{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:2px;display:grid}.book-cover img:only-child{grid-area:span 2/span 2}.book-cover img{object-fit:cover;width:100%;height:100%}.book-cover .tile{grid-area:span 2/span 2}.fade-edge{padding-right:24px;-webkit-mask-image:linear-gradient(90deg,#000 88%,#0000);mask-image:linear-gradient(90deg,#000 88%,#0000)}.hero{aspect-ratio:16/10;background:var(--surface-2);max-height:46vh;margin:0 -16px;position:relative;overflow:hidden}@media (width>=900px){.hero{border-radius:var(--radius);margin:0}}.hero img{object-fit:cover;width:100%;height:100%}.meta{flex-wrap:wrap;gap:18px;margin:14px 0;display:flex}.meta>div{flex-direction:column;display:flex}.meta b{font-size:17px}.meta small{color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.recipe-cols{gap:8px 40px;display:grid}@media (width>=900px){.recipe-cols{grid-template-columns:minmax(300px,.9fr) 1.3fr;align-items:start}.recipe-cols .ings{position:sticky;top:60px}}.ing{border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.ing .q{font-variant-numeric:tabular-nums;min-width:64px;font-weight:700}.ing.done{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.ing .note{color:var(--ink-3);font-size:14px}.box{border:2px solid var(--line-2);border-radius:7px;flex:none;place-items:center;width:22px;height:22px;margin-top:1px;display:grid}.done .box,.box.on{background:var(--herb);border-color:var(--herb);color:#fff}.step{border-bottom:1px solid var(--line);gap:14px;padding:14px 0;display:flex}.step .n{background:var(--accent-soft);width:30px;height:30px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.step p{margin:3px 0 0;font-size:17px;line-height:1.6}.timer-chip{background:var(--herb-soft);color:var(--herb);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:15px;font-weight:700;display:inline-flex}.stepper{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;align-items:center;display:inline-flex}.stepper button{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:0;font-size:20px}.stepper span{text-align:center;font-variant-numeric:tabular-nums;min-width:64px;font-weight:700}.stars{gap:2px;display:inline-flex}.stars button{cursor:pointer;color:var(--line-2);background:0 0;border:0;padding:4px}.stars button.on{color:#e0a526}.notes-box{background:var(--surface-2);border-radius:var(--radius-sm);white-space:pre-wrap;padding:12px 14px;line-height:1.5}.tabbar{z-index:30;padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-top:1px solid var(--line);justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar nav{width:100%;max-width:560px;display:flex}.tabbar a{height:var(--tabbar-h);color:var(--ink-3);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;display:flex;position:relative}.tabbar a.on{color:var(--accent)}.tabbar .badge{background:var(--accent);color:var(--accent-ink);border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;display:grid;position:absolute;top:8px;left:calc(50% + 6px)}.fab{right:18px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);z-index:25;background:var(--accent);width:58px;height:58px;color:var(--accent-ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 6px 20px #c8452c59}@media (width>=1240px){.fab{right:calc(50% - 572px)}}.scrim{z-index:50;background:#140e0873;justify-content:center;align-items:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}@media (width>=720px){.scrim{align-items:center}}.sheet{background:var(--page);width:100%;max-width:620px;max-height:92dvh;padding:8px 18px calc(18px + env(safe-area-inset-bottom));overscroll-behavior:contain;border-radius:22px 22px 0 0;animation:.22s cubic-bezier(.2,.8,.2,1) rise;overflow:auto}@media (width>=720px){.sheet{border-radius:22px}}.sheet .grab{background:var(--line-2);border-radius:3px;width:40px;height:5px;margin:4px auto 10px}.sheet h2{margin:6px 0 14px}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes lift{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes drop{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:52px;padding:12px 0;display:flex}.list-row:last-child{border-bottom:0}.aisle{margin-bottom:14px}.aisle h3{margin:18px 0 2px}.g-item{border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:12px 2px;display:flex}.g-item .name{font-weight:600}.g-item .qty{color:var(--ink-2);font-variant-numeric:tabular-nums}.g-item .src{color:var(--ink-3);font-size:13px}.g-item.done .name,.g-item.done .qty{color:var(--ink-3);text-decoration:line-through}.progress{background:var(--surface-2);border-radius:3px;height:6px;overflow:hidden}.progress>div{background:var(--herb);height:100%;transition:width .25s}.week{gap:12px;display:grid}@media (width>=960px){.week{grid-template-columns:repeat(7,1fr);gap:10px}.week .day{min-height:280px}}.day{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px 12px}.day.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.day.drop{background:var(--accent-soft)}.day .dh{align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.day .dh b{font-size:15px}.entry{background:var(--surface-2);cursor:pointer;border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:6px;display:flex}.entry .thumb{background:var(--surface-3);width:42px;height:42px;font-family:var(--font-display);color:var(--ink-3);border-radius:9px;flex:none;place-items:center;display:grid;overflow:hidden}.entry .thumb img{object-fit:cover;width:100%;height:100%}.entry .et{font-size:14px;font-weight:600;line-height:1.2}.entry .es{color:var(--ink-3);font-size:12px}.entry .es:first-letter{text-transform:uppercase}.entry.note-entry{border:1px dashed var(--line-2);background:0 0}.add-slot{border:1px dashed var(--line-2);width:100%;min-height:38px;color:var(--ink-3);cursor:pointer;background:0 0;border-radius:12px;margin-top:8px;font-weight:600}.slotgrid{align-items:stretch;gap:6px;display:grid}.sg-day{border-radius:10px;padding:6px 8px;font-size:14px}.sg-day span{color:var(--ink-3)}.sg-day.today{background:var(--accent-soft);color:var(--accent)}.sg-day.today span{color:var(--accent)}.sg-slot{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-3);padding-top:14px;font-size:12px;font-weight:800}.sg-cell{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:4px;min-height:64px;padding:4px;display:flex}.sg-cell.today{border-color:var(--accent)}.sg-cell.drop,.ag-day.drop{background:var(--accent-soft)}.sg-cell .entry{flex-direction:column;align-items:stretch;gap:4px;margin:0;padding:4px}.sg-cell .entry .thumb{border-radius:8px;width:100%;height:56px}.sg-cell .entry .et{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.sg-add{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:30px;margin-top:auto;font-size:20px}.sg-add:hover{background:var(--surface-2);color:var(--ink)}.past{opacity:.62}.agenda{flex-direction:column;gap:8px;display:flex}.ag-day{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:4px 6px 6px 12px}.ag-day.today{border-color:var(--accent)}.ag-head{align-items:center;gap:8px;min-height:40px;display:flex}.ag-day .entry{margin:0 0 4px}.chip:disabled{opacity:.5;cursor:default}.cook{z-index:60;background:var(--page);padding:calc(env(safe-area-inset-top) + 8px) 18px calc(env(safe-area-inset-bottom) + 14px);flex-direction:column;display:flex;position:fixed;inset:0}.cook .body{flex-direction:column;flex:1;justify-content:center;width:100%;max-width:820px;margin:0 auto;display:flex;overflow:auto}.cook .stepno{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.cook .steptext{font-size:clamp(22px,4.2vw,34px);line-height:1.4;font-family:var(--font-display);letter-spacing:-.01em;margin:10px 0 20px;font-weight:450}.cook .uses{flex-wrap:wrap;gap:8px;display:flex}.cook .uses span{background:var(--surface-2);border-radius:999px;padding:6px 12px;font-size:15px}.cook .nav{gap:12px;width:100%;max-width:820px;margin:0 auto;display:flex}.cook .nav .btn{flex:1;min-height:56px;font-size:17px}.dots{flex-wrap:wrap;justify-content:center;gap:5px;margin:8px 0;display:flex}.dots i{background:var(--line-2);border-radius:50%;width:7px;height:7px}.dots i.on{background:var(--accent);border-radius:4px;width:18px}.timers{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.timer{background:var(--ink);color:var(--page);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;padding:6px 6px 6px 14px;font-weight:800;display:inline-flex}.timer.ring{background:var(--accent);animation:1s infinite pulse}.timer button{color:inherit;cursor:pointer;background:#ffffff2e;border:0;border-radius:999px;width:30px;height:30px}@keyframes pulse{50%{transform:scale(1.05)}}.empty{text-align:center;color:var(--ink-2);padding:48px 20px}.empty .display{color:var(--ink);margin-bottom:6px;font-size:26px}.banner{border-radius:var(--radius-sm);background:var(--surface-2);padding:12px 14px;font-size:15px;line-height:1.45}.banner.warn{background:color-mix(in srgb, var(--warn) 14%, var(--surface))}.banner.ok{background:var(--herb-soft)}.banner.err{background:var(--accent-soft)}.toast{left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--toast-lift,16px));z-index:70;background:var(--ink);width:max-content;color:var(--page);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:12px 18px;font-weight:600;animation:.2s lift;display:flex;position:fixed;transform:translate(-50%)}.toast button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-weight:800}.sync-dot{background:var(--ink-3);border-radius:50%;width:8px;height:8px;display:inline-block}.sync-dot.synced{background:var(--herb)}.sync-dot.error{background:var(--accent)}.sync-dot.syncing{background:var(--warn)}.kbd{background:var(--surface-2);word-break:break-all;border-radius:6px;padding:2px 6px;font-family:ui-monospace,Menlo,monospace;font-size:13px}.diff-tag{background:var(--surface-2);color:var(--ink-2);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.hide-sm{display:none}@media (width>=720px){.hide-sm{display:initial}.hide-lg{display:none}}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media print{:root{--page:#fff;--surface:#fff;--ink:#000;--ink-2:#222;--ink-3:#444;--line:#ccc}.tabbar,.topbar,.fab,.toast,.timers,.btn,.no-print,.seg,.stepper button,.stars{display:none!important}label:has(input[type=checkbox]){display:none!important}.app{max-width:none;padding:0}.hero{border-radius:0;max-height:220px;margin:0 0 12px}.recipe-cols{grid-template-columns:1fr 1.6fr!important}.recipe-cols .ings{position:static!important}.ing,.step{break-inside:avoid;border-color:#ddd}.box{display:none}.step .n{color:#000;background:0 0;border:1px solid #999}a{color:#000;text-decoration:none}}.owner-badge{width:26px;height:26px;color:var(--tile-ink);border:2px solid var(--surface);box-shadow:var(--shadow);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;top:8px;left:8px}.owner-line{border:1px dashed var(--line-2);min-height:36px;color:var(--ink-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;margin-top:6px;padding:0 12px 0 4px;font-size:14px;font-weight:600;display:inline-flex}.owner-line .owner-badge{width:24px;height:24px;box-shadow:none;border:0;font-size:12px;position:static}input.switch{appearance:none;background:var(--line-2);cursor:pointer;border-radius:16px;flex:none;width:51px;height:31px;margin:0;transition:background-color .2s;position:relative}input.switch:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .24s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #00000040}input.switch:checked{background:var(--herb)}input.switch:checked:after{transform:translate(20px)}input.switch:disabled{opacity:.6;cursor:default}.alias-list{margin:0;padding:0;list-style:none}.alias-list li{border-bottom:1px solid var(--line);align-items:center;gap:8px;min-height:40px;display:flex}.alias-list li span:first-child{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}:root[data-look] .btn,:root[data-look] .chip,:root[data-look] .seg button,:root[data-look] .stepper button,:root[data-look] .add-slot{-webkit-tap-highlight-color:transparent;transition:transform .3s var(--look-release), background-color .15s ease, color .15s ease}:root[data-look] :is(.btn,.chip,.seg button,.stepper button):active:not(:disabled){transform:var(--look-press);transition:transform 90ms cubic-bezier(.23,1,.32,1)}:root[data-look] :is(.btn.small,.chip){position:relative}:root[data-look] :is(.btn.small,.chip):before{content:"";position:absolute;inset:-5px -2px}:root[data-look] .rcard{transition:none;position:relative}:root[data-look] .box{border-color:var(--ink-3)}:root[data-look] .stars button.on{color:var(--accent)}:root[data-look] .input::placeholder{color:var(--ink-3);opacity:1}:root[data-look] .past{opacity:1}:root[data-look] .past .thumb{opacity:.55}:root[data-look] .past .ag-head b,:root[data-look] .past.sg-day b{color:var(--ink-3)}:root[data-look] .progress>div{transform-origin:0;transform:scaleX(var(--p,0));transition:transform .3s cubic-bezier(.23,1,.32,1);width:100%!important}:root[data-look] .toast{width:max-content;max-width:calc(100% - 32px);margin-inline:auto;animation:none;left:0;right:0;transform:none}:root[data-look] .sheet,:root[data-look] .scrim{animation:none}:root[data-look] .tabbar a{isolation:isolate;position:relative}:root[data-look] .tab-ind,:root[data-look] .tab-trail{z-index:-1;pointer-events:none;position:absolute}:root[data-look] .page-head{position:relative}:root[data-look] .clip-slot{margin:0 auto 12px;display:block}:root[data-look] .clip-slot video,:root[data-look] .clip-slot svg{width:100%;height:auto;display:block;-webkit-mask-image:radial-gradient(closest-side,#000 82%,#0000);mask-image:radial-gradient(closest-side,#000 82%,#0000)}:root[data-look] .particle{pointer-events:none;border-radius:50%;position:absolute}@media (prefers-reduced-motion:reduce){:root[data-look]{--look-press:none}}@keyframes look-pulse{to{opacity:1}}@keyframes look-sway{0%{rotate:-4deg}to{rotate:4deg}}.look-pill{left:12px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 14px);z-index:40;color:#1d1a17;cursor:pointer;background:#fff;border:1px solid #0000001f;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 8px;font:600 13px/1 -apple-system,system-ui,sans-serif;display:inline-flex;position:fixed;box-shadow:0 4px 14px #0000002e}.look-swatch{display:inline-flex}.look-swatch i{border:2px solid #fff;border-radius:50%;width:16px;height:16px;margin-left:-5px}.look-swatch i:first-child{margin-left:0}.look-list{gap:8px;display:grid}.look-opt{border:2px solid var(--line-2);background:var(--surface);min-height:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:0 14px;font-weight:700;display:flex}.look-opt.on{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.fly-dot{z-index:90;pointer-events:none;will-change:transform;border:3px solid #fff;border-radius:50%;position:fixed;box-shadow:0 6px 18px #00000040}.burst-dot{z-index:90;pointer-events:none;will-change:transform;border-radius:50%;position:fixed}.confetti-layer{z-index:90;pointer-events:none;position:fixed;inset:0;overflow:hidden}.confetti{will-change:transform;border-radius:2px;width:10px;height:14px;position:absolute}.confetti-dot,.confetti-blob{border-radius:50%;width:11px;height:11px}.confetti-blob{border-radius:45% 55% 50% 50%;width:14px;height:12px}.confetti-square{border-radius:1px;width:10px;height:10px}.confetti-spark{border-radius:2px;width:3px;height:16px;box-shadow:0 0 8px}.confetti-petal{border-radius:50%/60% 60% 40% 40%;width:12px;height:16px}:root[data-look] .tabbar{view-transition-name:tabbar}:root[data-look] .look-pill{view-transition-name:look-pill}:root[data-look]::view-transition-old(root){animation:.16s cubic-bezier(.7,0,.84,0) both vt-fade-out}:root[data-look]::view-transition-new(root){animation:.24s cubic-bezier(.16,1,.3,1) both vt-slide-in}:root[data-look][data-nav=out]::view-transition-new(root){animation-name:vt-slide-in-back}:root[data-look]::view-transition-group(*){animation-duration:.34s;animation-timing-function:cubic-bezier(.16,1,.3,1)}:root[data-look]::view-transition-group(tabbar){animation:none}:root[data-look]::view-transition-group(look-pill){animation:none}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@keyframes vt-slide-in{0%{opacity:0;transform:translate(28px)}}@keyframes vt-slide-in-back{0%{opacity:0;transform:translate(-28px)}}@media (prefers-reduced-motion:reduce){:root[data-look]::view-transition-group(*){animation-duration:1ms!important}:root[data-look]::view-transition-old(*){animation:.12s both vt-fade-out!important}:root[data-look]::view-transition-new(*){animation:.12s both vt-fade-in!important}}:root:not([data-look]) .app:before{content:"";height:calc(env(safe-area-inset-top) * 1.6);z-index:30;pointer-events:none;background:linear-gradient(#0000006b,#0000002e 60%,#0000);position:fixed;inset:0 0 auto}:root[data-look] .src-dots{vertical-align:-3px;margin-right:6px;display:inline-flex}:root[data-look] .src-dot{border-radius:50%;flex:none;width:16px;height:16px;margin-left:-4px;overflow:hidden}:root[data-look] .src-dot:first-child{margin-left:0}:root[data-look] .src-dot img,:root[data-look] .src-dot .tile{object-fit:cover;width:100%;height:100%;padding:0;font-size:8px;display:block}:root[data-look] .menu-list{gap:8px;display:grid}:root[data-look] .menu-list .btn{justify-content:flex-start;min-height:52px}:root[data-look] .chip-divider{background:var(--line-2);flex:none;align-self:center;width:1px;height:22px;margin:0 2px}:root[data-look] .filter-btn{flex:none;width:46px;min-height:46px}:root[data-look] .recipe-top .top-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;min-width:0;opacity:var(--bar,0);font-weight:700;overflow:hidden}:root[data-look] .recipe-actions{grid-template-columns:repeat(3,1fr);gap:8px!important;display:grid!important}:root[data-look] .recipe-actions .btn{white-space:normal;text-align:center;flex-direction:column;gap:6px;min-height:66px}:root[data-look] .byline{flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:6px;display:flex}:root[data-look] .meta.stats{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}:root[data-look] .made-it{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}:root[data-look=deli]{--page:#f4c6cc;--surface:#fffdf8;--surface-2:#f6efe5;--surface-3:#ebdfcf;--ink:#1a1a1a;--ink-2:#433d3a;--ink-3:#5e5753;--line:#d9cfc5;--line-2:#9c948e;--accent:#c4161c;--accent-ink:#fffdf8;--accent-soft:#fbe3e5;--herb:#0b6b3a;--herb-soft:#ddeedf;--warn:#9a5b00;--shadow:0 1.5px 0 #1a1a1a3d, 0 4px 5px #1a1a1a1f;--tile-1:#f7aeb7;--tile-2:#f2d27a;--tile-3:#bfd8b8;--tile-4:#eadcc4;--tile-5:#f4ab8c;--tile-6:#cdd6de;--tile-ink:#1a1a1a;--radius:3px;--radius-sm:2px;--font-display:"Big Shoulders Display", "Big Shoulders", "Arial Narrow", Impact, sans-serif;--font-body:"Courier Prime", "Courier New", Courier, monospace;--tabbar-h:84px;--look-press:scale(.96);--look-release:cubic-bezier(.3,.7,.4,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--deli-red-text:#a3080e;--deli-perf:2px dashed #1a1a1a6b;--deli-drop:drop-shadow(0 1.5px 0 #1a1a1a3d) drop-shadow(0 6px 7px #1a1a1a1f);--deli-zig-b:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / 8px 100%;--deli-zig-t:conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) 50% / 12px 100%;--deli-notch:radial-gradient(circle 7px at 0 50%, #0000 6.4px, #000 7px) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, #0000 6.4px, #000 7px) right / 51% 100% no-repeat;--deli-scallop:radial-gradient(circle 4px at 50% 0, #0000 3.4px, #000 4px) 50% 0 / 14px 51% repeat-x, radial-gradient(circle 4px at 50% 100%, #0000 3.4px, #000 4px) 50% 100% / 14px 51% repeat-x;--deli-corners:radial-gradient(circle at 0 0, var(--page) 5px, #0000 5.6px), radial-gradient(circle at 100% 0, var(--page) 5px, #0000 5.6px);--deli-teeth:conic-gradient(from -45deg at bottom, var(--surface) 90deg, #0000 0) 50% 0 / 10px 5px repeat-x;--deli-halftone:radial-gradient(#1a1a1a29 1px, #0000 1.4px) 0 0 / 4px 4px;--deli-ink:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90'><filter id='i'><feTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' seed='21'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -5 4.2'/></filter><rect width='90' height='90' filter='url(%23i)'/></svg>");--deli-strike:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 8' preserveAspectRatio='none'><path d='M0 5C18 2 36 6.4 55 3.6S86 5.6 100 2.4' fill='none' stroke='%231a1a1a' stroke-width='1.8' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>");--deli-pen:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 84 34' preserveAspectRatio='none'><path d='M8.4 19.6C2.5 7.6 25.2 2.5 47.9 3.4 70.6 4.2 83.2 10.2 80.6 19.6 78.1 29.8 50.4 32.3 30.2 30.6 10.9 28.9.8 22.9 6.7 13.6 10.9 6.8 24.4 4.2 37 5.1' fill='none' stroke='%23c4161c' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>")}:root[data-look=deli] body{background-color:var(--page);background-blend-mode:multiply;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.22 .95' numOctaves='2' seed='5' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .1 0 0 0 0 .1 0 0 0 0 .1 0 0 0 -5 2.05'/></filter><rect width='160' height='160' filter='url(%23g)' opacity='.26'/></svg>");background-size:160px 160px}:root[data-look=deli] a{color:var(--ink);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}:root[data-look=deli] :focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:2px}:root[data-look=deli] .linkish{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;text-decoration-thickness:2px}:root[data-look=deli] .display{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;font-weight:900}:root[data-look=deli] h1.display{letter-spacing:-.005em;text-wrap:balance;font-size:clamp(46px,13vw,64px);line-height:.86}:root[data-look=deli] h2.display{letter-spacing:.01em;font-size:32px;line-height:.88}:root[data-look=deli] h3{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:12px;font-weight:700}:root[data-look=deli] .muted{color:var(--ink-2)}:root[data-look=deli] .faint{color:var(--ink-3)}:root[data-look=deli] .topbar .title{font-family:var(--font-display);text-transform:uppercase;font-size:22px;font-weight:900}:root[data-look=deli] .empty .display{font-size:34px}:root[data-look=deli] .kbd{background:var(--surface-2);border:1px dashed var(--line-2);border-radius:2px}:root[data-look=deli] .app{position:relative}:root[data-look=deli] .app:not([data-screen=recipe]){padding-top:calc(env(safe-area-inset-top) + 40px)}:root[data-look=deli] .app:not([data-screen=recipe]):before{content:"";height:env(safe-area-inset-top);z-index:31;background:var(--ink);pointer-events:none;position:fixed;inset:0 0 auto}:root[data-look=deli] .app:not([data-screen=recipe]):after{content:"Please take one";height:calc(env(safe-area-inset-top) + 24px);box-sizing:border-box;background:var(--ink);color:var(--surface);font:700 10px/1 var(--font-body);letter-spacing:.26em;text-transform:uppercase;pointer-events:none;border-radius:0 0 20px 20px;justify-content:center;align-items:flex-end;padding-bottom:6px;display:flex;position:absolute;top:0;left:8px;right:8px;box-shadow:inset 0 -3px #fffdf824,0 4px #1a1a1a33}:root[data-look=deli] .page-head h1.display{transform-origin:30% 60%;-webkit-mask:var(--deli-ink) 0 0 / 90px 90px;-webkit-mask:var(--deli-ink) 0 0 / 90px 90px;mask:var(--deli-ink) 0 0 / 90px 90px;animation:.24s cubic-bezier(.2,.9,.25,1.2) 60ms both deli-thump}:root[data-look=deli] .page-head h1.display:after{content:"";vertical-align:top;background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;margin:0 0 .55em 8px;animation:3.4s ease-in-out infinite alternate deli-lamp;display:inline-block}:root[data-look=deli] .btn{border:2px solid var(--ink);background:var(--surface);color:var(--ink);box-shadow:0 3px 0 var(--ink);font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;padding-top:2px;font-size:19px;font-weight:800}:root[data-look=deli] .btn.primary{color:var(--accent-ink);box-shadow:none;background:linear-gradient(var(--accent) calc(100% - 4px), var(--ink) 0);-webkit-mask:var(--deli-notch);-webkit-mask:var(--deli-notch);mask:var(--deli-notch);border:0;border-radius:0;padding-inline:22px}:root[data-look=deli] .btn.primary.icon{width:52px;padding:0;-webkit-mask:radial-gradient(5px at 0,#0000 4.4px,#000 5px) 0/51% 100% no-repeat,radial-gradient(5px at 100%,#0000 4.4px,#000 5px) 100%/51% 100% no-repeat;mask:radial-gradient(5px at 0,#0000 4.4px,#000 5px) 0/51% 100% no-repeat,radial-gradient(5px at 100%,#0000 4.4px,#000 5px) 100%/51% 100% no-repeat}:root[data-look=deli] .btn.primary:focus-visible{outline-offset:3px;-webkit-mask:none;mask:none}:root[data-look=deli] .btn.ghost{box-shadow:none;background:0 0;border-color:#0000}:root[data-look=deli] .btn.small{min-height:36px;font-size:16px}:root[data-look=deli] .btn.icon{padding-top:0}:root[data-look=deli] .btn:disabled{opacity:.5}:root[data-look=deli] .btn.danger,:root[data-look=deli] .btn.ghost.danger{color:var(--deli-red-text)}:root[data-look=deli] .input,:root[data-look=deli] textarea.input,:root[data-look=deli] select.input{border:0;border-bottom:2px dotted var(--ink);background:var(--surface);color:var(--ink);font-family:var(--font-body);border-radius:0}:root[data-look=deli] .input:focus{border-bottom-style:solid;border-color:var(--ink);box-shadow:0 0 0 2px var(--ink)}:root[data-look=deli] .input::placeholder{color:var(--ink-3)}:root[data-look=deli] .search .input{background:var(--surface);border-radius:0;padding-left:42px}:root[data-look=deli] .search svg{color:var(--ink)}:root[data-look=deli] .field>span{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);font-size:12px}:root[data-look=deli] .chips{gap:10px;padding:8px 4px 12px}:root[data-look=deli] .chip{border:2px solid var(--ink);min-height:38px;color:var(--ink);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:0 0;border-radius:3px;padding:2px 12px 0;font-size:17px;font-weight:800;rotate:-1.5deg}:root[data-look=deli] .chip:nth-child(2n){rotate:1.2deg}:root[data-look=deli] .chip:nth-child(3n){rotate:-.6deg}:root[data-look=deli] .chip.on{background:var(--ink);border-color:var(--ink);color:var(--surface);rotate:-2deg}:root[data-look=deli] .chip .n{opacity:1;background:var(--accent);min-width:20px;height:20px;color:var(--accent-ink);font:700 12px/1 var(--font-body);letter-spacing:0;border-radius:2px;place-items:center;padding:1px 4px 0;display:inline-grid}:root[data-look=deli] .chip-divider{border-left:2px dotted var(--ink);flex:none;align-self:center;width:0;height:26px;margin:0 2px}:root[data-look=deli] .filter-btn{width:46px;min-height:46px}:root[data-look=deli] .seg{background:var(--surface);box-shadow:none;-webkit-mask:var(--deli-scallop);-webkit-mask:var(--deli-scallop);mask:var(--deli-scallop);border-radius:0;gap:0;padding:0 4px}:root[data-look=deli] .seg button{min-height:46px;color:var(--ink);font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;border-radius:0;padding:2px 13px 0;font-size:18px;font-weight:800;position:relative}:root[data-look=deli] .seg button+button{border-left:2px dashed #1a1a1a59}:root[data-look=deli] .seg button.on{color:var(--ink);box-shadow:none;background:0 0}:root[data-look=deli] .seg button.on:after{content:"";pointer-events:none;background:var(--deli-pen) center / 100% 100% no-repeat;animation:.38s cubic-bezier(.4,0,.2,1) both deli-draw;position:absolute;inset:5px 1px}:root[data-look=deli] .seg button:focus-visible{outline-offset:-5px}:root[data-look=deli] :is(.card,.sheet,.recipe-cols,.aisle) :is(.seg,.stepper){background:var(--page)}:root[data-look=deli] .stepper{background:var(--surface);-webkit-mask:var(--deli-scallop);-webkit-mask:var(--deli-scallop);mask:var(--deli-scallop);border:0;border-radius:0}:root[data-look=deli] .stepper button{width:46px;height:46px;color:var(--ink)}:root[data-look=deli] .stepper button:focus-visible{outline-offset:-5px}:root[data-look=deli] .stepper span{min-width:56px;color:var(--accent);font-family:var(--font-display);border-inline:2px dashed #1a1a1a73;align-self:stretch;place-items:center;padding-top:3px;font-size:26px;font-weight:900;display:grid}:root[data-look=deli] .card{background:var(--surface);box-shadow:none;filter:var(--deli-drop);border:0;border-radius:0;margin-bottom:5px;position:relative}:root[data-look=deli] .card:after{content:"";background:var(--deli-teeth);pointer-events:none;height:5px;position:absolute;top:100%;left:0;right:0}:root[data-look=deli] .card:has(.scrim){filter:none;animation:none}:root[data-look=deli] .banner{background:var(--surface);border:var(--deli-perf);border-radius:0}:root[data-look=deli] .banner.ok{background:var(--herb-soft)}:root[data-look=deli] .banner.err{background:var(--accent-soft)}:root[data-look=deli] .banner.warn{background:color-mix(in srgb, var(--warn) 12%, var(--surface))}:root[data-look=deli] .diff-tag{color:var(--ink);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:2px solid;border-radius:3px;font-size:14px;font-weight:800;rotate:-2deg}:root[data-look=deli] .grid{counter-reset:deli-no;gap:26px 14px;padding-top:8px}:root[data-look=deli] .rcard{background:var(--surface);box-shadow:none;filter:var(--deli-drop);counter-increment:deli-no;border:0;border-radius:0;margin-bottom:5px;overflow:visible}:root[data-look=deli] .rcard:before{content:"";z-index:3;background:var(--ink);pointer-events:none;height:12px;position:absolute;top:-8px;left:-7px;right:-7px;box-shadow:inset 0 2px #fffdf838,0 3px #1a1a1a33}:root[data-look=deli] .rcard:after{content:"";background:var(--deli-teeth);pointer-events:none;height:5px;position:absolute;top:100%;left:0;right:0}:root[data-look=deli] .rcard .img{aspect-ratio:4/3;background:var(--surface-2)}:root[data-look=deli] .rcard .img img{filter:contrast(1.06)saturate(.9)}:root[data-look=deli] .rcard .img:after{content:"";z-index:1;background:var(--deli-halftone);mix-blend-mode:multiply;pointer-events:none;position:absolute;inset:0}:root[data-look=deli] .rcard .body{border-top:var(--deli-perf);padding:11px 12px;position:relative}:root[data-look=deli] .rcard .body:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle 6px at 0 50%, var(--page) 5.4px, #0000 6px), radial-gradient(circle 6px at 100% 50%, var(--page) 5.4px, #0000 6px);height:12px;position:absolute;top:-7px;left:0;right:0}:root[data-look=deli] .rcard .t{font-family:var(--font-display);letter-spacing:.005em;text-transform:uppercase;font-size:21px;font-weight:800;line-height:.98}:root[data-look=deli] .rcard .m{text-transform:uppercase;color:var(--ink-2);border-top:1.5px dashed #1a1a1a66;align-items:baseline;gap:8px;margin-top:7px;padding-top:5px;font-size:12px;font-weight:700}:root[data-look=deli] .rcard .m:after{content:"No." counter(deli-no, decimal-leading-zero);color:var(--accent);font:900 19px/1 var(--font-display);letter-spacing:0;margin-left:auto}:root[data-look=deli] .tile{font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;font-size:27px;font-weight:900;line-height:.9}:root[data-look=deli] .fav-badge{z-index:2;background:var(--accent);width:32px;height:32px;color:var(--accent-ink);border-radius:2px;top:8px;right:8px;rotate:8deg;box-shadow:0 2px #1a1a1a59}:root[data-look=deli] .owner-badge{z-index:2;border:2px solid var(--ink);box-shadow:0 2px #1a1a1a4d}:root[data-look=deli] .book-cover{gap:0}:root[data-look=deli] .tabbar{padding:0 92px calc(env(safe-area-inset-bottom) + 10px) 16px;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;bottom:0;left:0;right:0}:root[data-look=deli] .tabbar:after{content:"";height:calc(env(safe-area-inset-bottom) + 18px);z-index:1;background:var(--ink);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px #fffdf838}:root[data-look=deli] .tabbar:before{content:"";left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom) + 14px);z-index:2;background:#fffdf829;border-radius:2px;height:4px;position:absolute}:root[data-look=deli] .tabbar nav{z-index:0;pointer-events:auto;filter:var(--deli-drop);counter-reset:deli-tab;position:relative}:root[data-look=deli] .tabbar a{background:var(--deli-corners), var(--surface);min-width:0;height:70px;color:var(--ink);text-align:left;counter-increment:deli-tab;flex:1 1 0;grid-template:"num icon""label label"/minmax(0,1fr) auto;align-content:center;gap:5px 4px;padding:0 9px 8px 12px;transition:translate .26s cubic-bezier(.34,1.56,.64,1),rotate .26s cubic-bezier(.34,1.56,.64,1),background-color .12s;display:grid}:root[data-look=deli] .tabbar a+a{border-left:var(--deli-perf)}:root[data-look=deli] .tabbar a:before{content:"No. 0" counter(deli-tab);font:700 11px/1.2 var(--font-body);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;grid-area:num;align-self:end;overflow:hidden}:root[data-look=deli] .tabbar a svg{grid-area:icon;align-self:end;width:18px;height:18px}:root[data-look=deli] .tabbar a>span:last-child{font:900 17px/.9 var(--font-display);letter-spacing:0;text-transform:uppercase;white-space:nowrap;text-overflow:clip;grid-area:label;overflow:hidden}:root[data-look=deli] .tabbar a.on{background:var(--ink);color:var(--surface);-webkit-mask:var(--deli-zig-b);-webkit-mask:var(--deli-zig-b);mask:var(--deli-zig-b);border-left-color:#0000;translate:0 -10px;rotate:-2.5deg}:root[data-look=deli] .tabbar a.on+a{border-left-color:#0000}:root[data-look=deli] .tabbar a:focus-visible{outline:2px solid var(--ink);outline-offset:-5px}:root[data-look=deli] .tabbar a.on:focus-visible{outline-color:var(--page)}:root[data-look=deli] .tab-ind{background:var(--accent);border-radius:0;height:6px;inset:0 0 auto}:root[data-look=deli] .tabbar .badge{background:var(--accent);min-width:22px;height:20px;color:var(--accent-ink);font:900 15px/1 var(--font-display);box-shadow:0 0 0 2px var(--surface);border-radius:2px;padding:2px 5px 0;top:7px;left:auto;right:8px;rotate:6deg}:root[data-look=deli] .tabbar a.on .badge{box-shadow:0 0 0 2px var(--ink)}:root[data-look=deli] :is(.fab,.plated-fab){right:16px;bottom:calc(env(safe-area-inset-bottom) + 10px);background:var(--accent);width:64px;height:70px;color:var(--accent-ink);box-shadow:none;-webkit-mask:var(--deli-zig-b);-webkit-mask:var(--deli-zig-b);mask:var(--deli-zig-b);border:0;border-radius:0;padding-bottom:6px;transition:translate .22s cubic-bezier(.34,1.56,.64,1),transform .14s cubic-bezier(.3,.7,.4,1);translate:0 -10px;rotate:-2.5deg}:root[data-look=deli] :is(.fab,.plated-fab):active{transform:scale(.94)translateY(-6px)}:root[data-look=deli] :is(.fab,.plated-fab):focus-visible{outline:2px solid var(--surface);outline-offset:-6px}:root[data-look=deli] .app{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px)}:root[data-look=deli] .box{border:2px solid var(--ink);background:var(--surface);border-radius:2px;width:22px;height:22px;position:relative}:root[data-look=deli] .done .box,:root[data-look=deli] .box.on{background:var(--surface);border-color:var(--ink);color:var(--accent)}:root[data-look=deli] .done .box svg,:root[data-look=deli] .box.on svg{display:none}:root[data-look=deli] .box:before,:root[data-look=deli] .box:after{content:"";background:var(--accent);pointer-events:none;border-radius:2px;width:30px;height:2.8px;margin:-1.4px 0 0 -15px;transition:transform .13s ease-out;position:absolute;top:50%;left:50%;transform:rotate(45deg)scaleX(0)}:root[data-look=deli] .box:after{transform:rotate(-45deg)scaleX(0)}:root[data-look=deli] :is(.done .box,.box.on):before{transform:rotate(45deg)scaleX(1)}:root[data-look=deli] :is(.done .box,.box.on):after{transition-delay:90ms;transform:rotate(-45deg)scaleX(1)}:root[data-look=deli] .g-item .name,:root[data-look=deli] .ing>span:last-child{position:relative}:root[data-look=deli] .g-item .name:after,:root[data-look=deli] .ing>span:last-child:after{content:"";pointer-events:none;background:var(--deli-strike) center / 100% 100% no-repeat;transform-origin:0;height:8px;margin-top:-4px;transition:transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:-4px;right:-4px;transform:scaleX(0)}:root[data-look=deli] :is(.g-item.done .name,.ing.done>span:last-child):after{transform:scaleX(1)}:root[data-look=deli] .scrim{background:#1a1a1a80}:root[data-look=deli] .sheet{background:var(--surface);-webkit-mask:var(--deli-zig-t);-webkit-mask:var(--deli-zig-t);mask:var(--deli-zig-t);border-radius:0;padding-top:16px}:root[data-look=deli] .sheet .grab{background:var(--ink);border-radius:3px;width:46px;height:6px;box-shadow:inset 0 2px #fffdf833}:root[data-look=deli] .sheet h2{font-family:var(--font-display);text-transform:uppercase;font-weight:900}:root[data-look=deli] .menu-list{gap:0;display:grid}:root[data-look=deli] .menu-list .btn{min-height:54px;box-shadow:none;background:0 0;border:0;border-bottom:1px dashed #1a1a1a4d;border-radius:0;justify-content:flex-start;font-size:20px}:root[data-look=deli] .menu-list .btn:last-child{border-bottom:0}:root[data-look=deli] .menu-list .btn.danger,:root[data-look=deli] .menu-list .btn.on{color:var(--accent)}:root[data-look=deli] .toast{background:var(--ink);color:var(--surface);border-radius:0;padding:13px 24px;font-weight:700;box-shadow:0 3px #1a1a1a40;-webkit-mask:radial-gradient(6px at 0,#0000 5.4px,#000 6px) 0/51% 100% no-repeat,radial-gradient(6px at 100%,#0000 5.4px,#000 6px) 100%/51% 100% no-repeat;mask:radial-gradient(6px at 0,#0000 5.4px,#000 6px) 0/51% 100% no-repeat,radial-gradient(6px at 100%,#0000 5.4px,#000 6px) 100%/51% 100% no-repeat}:root[data-look=deli] .toast button{color:var(--page);text-underline-offset:3px;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;font-size:18px;text-decoration:underline}:root[data-look=deli] input.switch{background:var(--surface);width:52px;height:32px;box-shadow:inset 0 0 0 2px var(--ink);border-radius:3px}:root[data-look=deli] input.switch:after{background:var(--ink);width:24px;height:24px;box-shadow:none;border-radius:2px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);top:4px;left:4px}:root[data-look=deli] input.switch:checked{background:var(--herb);box-shadow:inset 0 0 0 2px var(--ink)}:root[data-look=deli] input.switch:checked:after{background:var(--surface);box-shadow:0 0 0 2px var(--ink);transform:translate(20px)}:root[data-look=deli] label.faint input[type=checkbox]{appearance:none;border:2px solid var(--ink);background:var(--surface);cursor:pointer;border-radius:2px;flex:none;width:22px;height:22px;margin:0}:root[data-look=deli] label.faint input[type=checkbox]:checked{background:linear-gradient(45deg, #0000 43%, var(--accent) 43% 57%, #0000 57%), linear-gradient(-45deg, #0000 43%, var(--accent) 43% 57%, #0000 57%), var(--surface)}:root[data-look=deli] .look-opt{border:2px solid var(--ink);background:var(--surface);box-shadow:0 3px 0 var(--ink);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;border-radius:3px;font-size:19px}:root[data-look=deli] .look-opt.on{border-color:var(--accent);box-shadow:0 3px 0 var(--accent)}:root[data-look=deli] .look-swatch i{border-color:var(--surface)}:root[data-look=deli] .sync-card{border-left:0}:root[data-look=deli] .sync-dot{width:10px;height:10px;box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--ink)}:root[data-look=deli] .sync-dot.syncing{animation:.9s ease-in-out infinite alternate deli-lamp}:root[data-look=deli] .owner-line{color:var(--ink);background:0 0;border:2px dashed #1a1a1a8c;border-radius:3px;font-weight:700}:root[data-look=deli] .stars button{color:var(--ink-3);padding:9px}:root[data-look=deli] .stars button.on{color:var(--accent)}:root[data-look=deli] .notes-box{background:var(--surface-2);border:var(--deli-perf);border-radius:0}:root[data-look=deli] .timer-chip{background:var(--ink);color:var(--surface);font:800 16px/1.2 var(--font-display);letter-spacing:.04em;text-transform:uppercase;border-radius:2px;padding:3px 8px 1px}:root[data-look=deli] .list-row,:root[data-look=deli] .alias-list li{border-bottom:1px dashed #1a1a1a4d}:root[data-look=deli] .src-dot{border-radius:2px}:root[data-look=deli] .confetti-ticket{border-radius:1px;width:9px;height:16px;box-shadow:0 0 0 1px #1a1a1a40}:root[data-look=deli] .cook .stepno{background:var(--accent);color:var(--accent-ink);letter-spacing:.06em;font-family:var(--font-body);align-self:flex-start;padding:4px 8px 2px;display:inline-block}:root[data-look=deli] .cook .steptext{font-family:var(--font-display);letter-spacing:.008em;font-weight:700}:root[data-look=deli] .cook .uses span{background:var(--surface);border:2px solid var(--ink);border-radius:2px}:root[data-look=deli] .timer{border-radius:2px}:root[data-look=deli] .timer.ring{background:var(--accent)}:root[data-look=deli] .dots i{background:var(--ink-3);border-radius:1px}:root[data-look=deli] .dots i.on{background:var(--accent)}:root[data-look=deli] .app[data-screen=library] .page-head:after{content:"";pointer-events:none;width:74px;height:74px;-webkit-mask:var(--deli-ink) 0 0 / 90px 90px;-webkit-mask:var(--deli-ink) 0 0 / 90px 90px;mask:var(--deli-ink) 0 0 / 90px 90px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 104 104'><g fill='none' stroke='%230b6b3a'><circle cx='52' cy='52' r='49' stroke-width='3'/><circle cx='52' cy='52' r='30.5' stroke-width='1.6'/></g><path id='r' d='M52 52m-36 0a36 36 0 1 1 72 0a36 36 0 1 1-72 0' fill='none'/><text fill='%230b6b3a' font-family='Impact,Arial Narrow,sans-serif' font-size='11.5' letter-spacing='1'><textPath href='%23r' textLength='222' lengthAdjust='spacingAndGlyphs'>NOW SERVING %C2%B7 DINNER %C2%B7 NOW SERVING %C2%B7 DINNER %C2%B7</textPath></text><path fill='%230b6b3a' d='M35 62h34v5H35zM38.5 59.5a13.5 13.5 0 0 1 27 0zM49.3 39h5.4v7.5h-5.4z'/></svg>") 50%/contain no-repeat;animation:.22s cubic-bezier(.2,.9,.25,1.25) .42s both deli-thump,6.4s ease-in-out .7s infinite alternate deli-rock;position:absolute;top:-6px;right:-2px;rotate:10deg}:root[data-look=deli] .app[data-screen=library] .page-head{padding-right:80px}:root[data-look=deli] .grid>.rcard{transform-origin:50% 0}:root[data-look=deli] .grid>.rcard:first-child{animation:5.8s ease-in-out -1.4s infinite alternate deli-sway}:root[data-look=deli] .grid>.rcard:nth-child(4){animation:6.3s ease-in-out -3.1s infinite alternate-reverse deli-sway}:root[data-look=deli] .app[data-screen=list]{counter-reset:deli-aisle}:root[data-look=deli] .app[data-screen=list] .aisle{background:var(--surface);filter:drop-shadow(0 1.5px #1a1a1a3d)drop-shadow(0 4px 4px #1a1a1a1a);margin:0;padding:2px 16px 6px;position:relative}:root[data-look=deli] .app[data-screen=list] .aisle:not(.aisle+.aisle){margin-top:14px;padding-top:14px;animation:.72s cubic-bezier(.45,.2,.3,1) both deli-feed}:root[data-look=deli] .app[data-screen=list] .aisle+.aisle{animation:.46s cubic-bezier(.3,.8,.3,1) .12s both deli-print}:root[data-look=deli] .app[data-screen=list] .aisle:not(:has(+.aisle)){margin-bottom:18px;padding-bottom:62px}:root[data-look=deli] .app[data-screen=list] .aisle:not(:has(+.aisle)):after{content:"";background:var(--deli-teeth);height:5px;position:absolute;top:100%;left:0;right:0}:root[data-look=deli] .app[data-screen=list] .aisle:not(:has(+.aisle)):before{content:"";pointer-events:none;background:linear-gradient(var(--accent), var(--accent)) 0 0 / 3px 100% no-repeat, linear-gradient(90deg, var(--ink) 0 2px, #0000 2px 5px, var(--ink) 5px 7px, #0000 7px 9px, var(--ink) 9px 10px, #0000 10px 13px, var(--ink) 13px 17px, #0000 17px 19px, var(--ink) 19px 20px, #0000 20px 23px, var(--ink) 23px 25px, #0000 25px 29px) 0 0 / 29px 100% repeat-x;width:min(200px,60%);height:30px;animation:4.6s ease-in-out infinite alternate deli-scan;position:absolute;bottom:16px;left:16px}:root[data-look=deli] .app[data-screen=list] .aisle h3{background:var(--ink);color:var(--surface);font:900 20px/1 var(--font-display);letter-spacing:.07em;counter-increment:deli-aisle;align-items:center;gap:8px;margin:10px -16px 2px;padding:6px 16px 3px;display:flex}:root[data-look=deli] .app[data-screen=list] .aisle h3:before{content:counter(deli-aisle, decimal-leading-zero);color:var(--page)}:root[data-look=deli] .app[data-screen=list] .aisle .linkish{min-height:44px}:root[data-look=deli] .app[data-screen=list] .g-item{border-bottom:1px dashed #1a1a1a4d;gap:10px;min-height:56px;padding:6px 0 5px}:root[data-look=deli] .app[data-screen=list] .g-item:last-child{border-bottom:0}:root[data-look=deli] .app[data-screen=list] .g-item>[role=checkbox]{min-height:44px}:root[data-look=deli] .app[data-screen=list] .g-item>[role=checkbox]>span:last-child{flex-wrap:wrap;align-items:baseline;column-gap:6px;width:100%;display:flex}:root[data-look=deli] .app[data-screen=list] .g-item .name{flex:0 auto;min-width:0;font-size:15.5px;font-weight:400;line-height:1.25}:root[data-look=deli] .app[data-screen=list] .g-item .qty{min-width:0;color:var(--ink);white-space:nowrap;flex:auto;justify-content:flex-end;align-items:baseline;gap:6px;font-weight:700;display:flex}:root[data-look=deli] .app[data-screen=list] .g-item .qty:before{content:"";border-bottom:2px dotted #1a1a1a73;flex:auto;min-width:14px;transform:translateY(-4px)}:root[data-look=deli] .app[data-screen=list] .g-item .qty-sep{display:none}:root[data-look=deli] .app[data-screen=list] .g-item .src{color:var(--ink-3);flex:0 0 100%;margin-top:2px;font-size:12px}:root[data-look=deli] .app[data-screen=list] .g-item.done .name{color:var(--ink-3);text-decoration:none}:root[data-look=deli] .app[data-screen=list] .g-item.done .qty{color:var(--accent);font:800 14px/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;transform-origin:100%;-webkit-mask:var(--deli-ink) 0 0 / 90px 90px;-webkit-mask:var(--deli-ink) 0 0 / 90px 90px;mask:var(--deli-ink) 0 0 / 90px 90px;border:2.5px solid;border-radius:3px;flex:none;margin-left:auto;padding:4px 7px 1px;text-decoration:none;animation:.2s cubic-bezier(.2,.9,.25,1.25) both deli-thumpin;rotate:3deg}:root[data-look=deli] .app[data-screen=list] .g-item.done:nth-child(odd) .qty{rotate:-4deg}:root[data-look=deli] .app[data-screen=list] .g-item.done .qty:before{content:"Got it ·";border:0;flex:none;min-width:0;font-weight:900;transform:none}:root[data-look=deli] .app[data-screen=list] .g-item .btn.icon{color:var(--ink-3)}:root[data-look=deli] .app[data-screen=list] .progress{background:radial-gradient(circle 5px at 7px 50%, #0000 3.2px, var(--ink) 3.6px 5px, #0000 5.4px) 0 0 / 14px 100% repeat-x;border-radius:0;height:14px;overflow:hidden}:root[data-look=deli] .app[data-screen=list] .progress>div{background:radial-gradient(circle 5px at 7px 50%, var(--ink) 5px, #0000 5.4px) 0 0 / 14px 100% repeat-x;clip-path:inset(0 calc(100% - var(--p,0) * 100%) 0 0);transition:clip-path .3s cubic-bezier(.23,1,.32,1);transform:none}:root[data-look=deli] .app[data-screen=list] .progress+.faint{color:var(--ink);font:900 18px/1 var(--font-display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;flex:none;align-items:baseline;gap:5px;display:inline-flex}:root[data-look=deli] .app[data-screen=list] .progress+.faint>span:first-child{color:var(--accent);font-variant-numeric:tabular-nums;font-size:36px;line-height:.8}:root[data-look=deli] .app[data-screen=list] .page-head .btn.icon{flex:none}:root[data-look=deli] .app[data-screen=settings]{counter-reset:deli-sec}:root[data-look=deli] .app[data-screen=settings] h3{background:var(--ink);color:var(--surface);font:900 20px/1 var(--font-display);letter-spacing:.07em;counter-increment:deli-sec;align-items:center;gap:8px;margin:26px 0 0;padding:6px 16px 3px;display:flex}:root[data-look=deli] .app[data-screen=settings] h3:before{content:counter(deli-sec, decimal-leading-zero);color:var(--page)}:root[data-look=deli] .app[data-screen=settings] h3+.card{margin-top:0}:root[data-look=deli] .app[data-screen=settings] .card h3{margin:0 -16px 8px}:root[data-look=deli] .app[data-screen=settings] .card{animation:.48s cubic-bezier(.3,.8,.3,1) both deli-clip}:root[data-look=deli] .app[data-screen=settings] .card .row>span:first-child{letter-spacing:.04em;text-transform:uppercase;font-size:13px;font-weight:700}:root[data-look=deli] .app[data-screen=settings] .card .row+.row{border-top:1px dashed #1a1a1a4d;padding-top:10px}:root[data-look=deli] .app[data-screen=recipe] .recipe-top{--bar:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}:root[data-look=deli] .app[data-screen=recipe] .recipe-top.scrolled{--bar:1}:root[data-look=deli] .app[data-screen=recipe] .recipe-top.over-hero{padding:calc(env(safe-area-inset-top) + 6px) 16px 10px;z-index:25;margin:0;position:fixed;left:0;right:0}:root[data-look=deli] .app[data-screen=recipe] .recipe-top:before{content:"";z-index:-1;opacity:var(--bar);background:var(--ink);-webkit-mask:var(--deli-zig-b);-webkit-mask:var(--deli-zig-b);mask:var(--deli-zig-b);pointer-events:none;position:absolute;inset:0}:root[data-look=deli] .app[data-screen=recipe] .recipe-top:not(.over-hero){padding:calc(env(safe-area-inset-top) + 4px) 16px 10px;margin:0 -16px;top:0}:root[data-look=deli] .app[data-screen=recipe] .recipe-top .top-title{text-align:center;min-width:0;color:var(--surface);font:900 21px/1 var(--font-display);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;opacity:var(--bar);overflow:hidden}:root[data-look=deli] .app[data-screen=recipe] .recipe-top .btn.icon{border:2px solid var(--ink);background:var(--surface);width:44px;height:44px;min-height:44px;color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:3px}:root[data-look=deli] .app[data-screen=recipe] .hero{margin:calc(-1 * (env(safe-area-inset-top) + 8px)) -16px 0;aspect-ratio:auto;background:var(--surface-2);border-radius:0;height:min(54vh,480px);max-height:none;-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50%/12px 100%}:root[data-look=deli] .app[data-screen=recipe] .hero .hero-blur{display:none}:root[data-look=deli] .app[data-screen=recipe] .hero img{filter:contrast(1.05)saturate(.92)}:root[data-look=deli] .app[data-screen=recipe] .hero:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#1a1a1a80,#0000);height:140px;position:absolute;inset:0 0 auto}:root[data-look=deli] .app[data-screen=recipe] .hero:after{content:"";z-index:1;pointer-events:none;background:var(--deli-halftone);mix-blend-mode:multiply;position:absolute;inset:0}:root[data-look=deli] .app[data-screen=recipe] h1.display{margin:20px 0 6px;font-size:clamp(38px,11vw,56px);line-height:.9;animation:.42s cubic-bezier(.34,1.56,.64,1) both deli-rise;position:relative}:root[data-look=deli] .app[data-screen=recipe] h1.display:before{content:"Now serving";font:700 11px/1.2 var(--font-body);letter-spacing:.14em;color:var(--ink);margin-bottom:8px;display:block}:root[data-look=deli] .app[data-screen=recipe] .byline{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 0;font-size:13px;font-weight:700;display:flex}:root[data-look=deli] .app[data-screen=recipe] .byline a{color:var(--ink);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);text-underline-offset:4px}:root[data-look=deli] .app[data-screen=recipe] .byline .owner-line{min-height:36px;margin:0}:root[data-look=deli] .app[data-screen=recipe] .muted{color:var(--ink);font-size:15px;line-height:1.45;animation:.42s cubic-bezier(.34,1.56,.64,1) 60ms both deli-rise}:root[data-look=deli] .app[data-screen=recipe] .meta{background:var(--surface);-webkit-mask:var(--deli-scallop);-webkit-mask:var(--deli-scallop);mask:var(--deli-scallop);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 0 20px;animation:.42s cubic-bezier(.34,1.56,.64,1) .12s both deli-rise;display:grid}:root[data-look=deli] .app[data-screen=recipe] .meta>div{min-width:0;padding:12px 0 11px 12px}:root[data-look=deli] .app[data-screen=recipe] .meta>div+div{border-left:var(--deli-perf)}:root[data-look=deli] .app[data-screen=recipe] .meta small{color:var(--ink);font:700 11px/1.2 var(--font-body);letter-spacing:.04em;text-transform:uppercase}:root[data-look=deli] .app[data-screen=recipe] .meta b{font:800 23px/1 var(--font-display);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin-top:6px;overflow:hidden}:root[data-look=deli] .app[data-screen=recipe] .recipe-actions{filter:var(--deli-drop);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px;animation:.42s cubic-bezier(.34,1.56,.64,1) .18s both deli-rise;gap:0!important;display:grid!important}:root[data-look=deli] .app[data-screen=recipe] .recipe-actions .btn{min-height:72px;box-shadow:none;background:var(--deli-corners), var(--surface);color:var(--ink);white-space:normal;text-align:center;border:0;border-radius:0;flex-direction:column;gap:6px;padding:8px 4px 6px;font-size:17px;line-height:1;position:relative}:root[data-look=deli] .app[data-screen=recipe] .recipe-actions .btn+.btn{border-left:var(--deli-perf)}:root[data-look=deli] .app[data-screen=recipe] .recipe-actions .btn:first-child{background:var(--accent);color:var(--accent-ink);z-index:1;translate:0 -8px;rotate:-2deg}:root[data-look=deli] .app[data-screen=recipe] .recipe-actions .btn:first-child:after{content:"";background:conic-gradient(from -45deg at bottom, var(--accent) 90deg, #0000 0) 50% 0 / 10px 5px repeat-x;height:5px;position:absolute;top:100%;left:0;right:0}:root[data-look=deli] .app[data-screen=recipe] .recipe-actions .btn:first-child+.btn{border-left-color:#0000}:root[data-look=deli] .app[data-screen=recipe] .recipe-actions .btn:disabled{opacity:.5}:root[data-look=deli] .app[data-screen=recipe] .recipe-cols{gap:34px 40px;margin-top:34px}:root[data-look=deli] .app[data-screen=recipe] .recipe-cols>section{background:var(--surface);filter:var(--deli-drop);margin-bottom:5px;padding:18px 16px 16px;animation:.46s cubic-bezier(.3,.8,.3,1) .22s both deli-print;position:relative}:root[data-look=deli] .app[data-screen=recipe] .recipe-cols>section+section{animation-delay:.3s}:root[data-look=deli] .app[data-screen=recipe] .recipe-cols>section:before{content:"";background:var(--ink);height:12px;position:absolute;top:-8px;left:-16px;right:-16px;box-shadow:inset 0 2px #fffdf838,0 3px #1a1a1a33}:root[data-look=deli] .app[data-screen=recipe] .recipe-cols>section:after{content:"";background:var(--deli-teeth);height:5px;position:absolute;top:100%;left:0;right:0}:root[data-look=deli] .app[data-screen=recipe] .recipe-cols>section>.row:first-child{border-bottom:3px solid var(--ink);padding-bottom:8px;margin-top:0!important}:root[data-look=deli] .app[data-screen=recipe] .recipe-cols h2.display{font-size:36px;line-height:.85}:root[data-look=deli] .app[data-screen=recipe] .ing{border-bottom:1px dashed #1a1a1a4d;gap:10px;min-height:48px;padding:10px 0 9px;font-size:15px}:root[data-look=deli] .app[data-screen=recipe] .ing .q{min-width:62px}:root[data-look=deli] .app[data-screen=recipe] .ing.done{color:var(--ink-3);text-decoration:none}:root[data-look=deli] .app[data-screen=recipe] .ing .note{color:var(--ink-3);font-size:13px}:root[data-look=deli] .app[data-screen=recipe] .step{border-bottom:1px dashed #1a1a1a4d;gap:10px;padding:12px 0 13px}:root[data-look=deli] .app[data-screen=recipe] .step:last-child{border-bottom:0}:root[data-look=deli] .app[data-screen=recipe] .step .n{width:44px;height:44px;color:var(--ink);font:900 30px/.86 var(--font-display);background:0 0;border-radius:0;flex:none;place-items:start;padding-top:2px}:root[data-look=deli] .app[data-screen=recipe] .step p{font-family:var(--font-display);letter-spacing:.012em;text-wrap:pretty;font-size:20px;font-weight:700;line-height:1.27}:root[data-look=deli] .app[data-screen=recipe] .made-it{flex-wrap:wrap;align-items:center;gap:14px;margin-top:22px;display:flex}:root[data-look=deli] .app[data-screen=recipe] a.chip{text-decoration:none}@media (width>=900px){:root[data-look=deli] .app[data-screen=recipe] .hero{border-radius:0;margin:0}}@keyframes deli-thump{0%{opacity:0;transform:rotate(-9deg)scale(1.6)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes deli-thumpin{0%{opacity:0;transform:rotate(-14deg)scale(1.5)}}@keyframes deli-lamp{0%{opacity:.3}to{opacity:1}}@keyframes deli-feed{0%{opacity:0;transform:translateY(-44px)}20%{opacity:1}76%{transform:translateY(7px)}91%{transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes deli-print{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}@keyframes deli-clip{0%{opacity:0;transform:translateY(-26px)}70%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes deli-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes deli-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes deli-sway{0%{rotate:-.7deg}to{rotate:.7deg}}@keyframes deli-rock{0%{rotate:7deg}to{rotate:13deg}}@keyframes deli-scan{0%{background-position:0 0,0 0}to{background-position:100% 0,0 0}}:root[data-look=deli]::view-transition-old(root){animation:.19s cubic-bezier(.7,0,.84,0) both deli-vt-tear}:root[data-look=deli]::view-transition-new(root){animation:.46s cubic-bezier(.45,.2,.3,1) both deli-vt-feed}:root[data-look=deli][data-nav=out]::view-transition-old(root){animation-name:deli-vt-drop}:root[data-look=deli][data-nav=out]::view-transition-new(root){animation:.38s cubic-bezier(.34,1.56,.64,1) both deli-vt-pop}:root[data-look=deli]::view-transition-group(*){animation-duration:.38s;animation-timing-function:cubic-bezier(.3,.8,.3,1)}@keyframes deli-vt-tear{to{opacity:0;transform:translateY(-20px)rotate(-1.2deg)}}@keyframes deli-vt-feed{0%{opacity:0;transform:translateY(-48px)}30%{opacity:1}76%{transform:translateY(6px)}90%{transform:translateY(-2px)}to{opacity:1;transform:none}}@keyframes deli-vt-drop{to{opacity:0;transform:translateY(36px)rotate(1.5deg)}}@keyframes deli-vt-pop{0%{opacity:0;transform:translateY(26px)scale(.98)}}@media (prefers-reduced-motion:reduce){:root[data-look=deli] *,:root[data-look=deli] :before,:root[data-look=deli] :after{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}:root[data-look=deli] .grid>.rcard,:root[data-look=deli] .app[data-screen=library] .page-head:after{rotate:none}:root[data-look=deli] .tabbar a.on,:root[data-look=deli] :is(.fab,.plated-fab){translate:0 -10px}:root[data-look=deli]::view-transition-old(root){animation:.12s both vt-fade-out!important}:root[data-look=deli]::view-transition-new(root){animation:.12s both vt-fade-out!important}:root[data-look=deli]::view-transition-new(root){animation-name:vt-fade-in!important}}:root[data-look=hifi]{--page:#dad7d0;--surface:#e9e6e0;--surface-2:#c9c5bd;--surface-3:#bab6ae;--ink:#161514;--ink-2:#4a4741;--ink-3:#55524c;--line:#c2beb6;--line-2:#a5a199;--accent:#923010;--accent-ink:#fff;--accent-soft:#f6d2c0;--herb:#16565a;--herb-soft:#cfe0dc;--warn:#8a5a0e;--shadow:0 2px 0 #b5b1a9, 0 14px 22px -14px #16151480;--tile-1:#f0531c;--tile-2:#e2a72e;--tile-3:#f3efe6;--tile-4:#8cc0a8;--tile-5:#e8795a;--tile-6:#c9c5bd;--tile-ink:#161514;--radius:16px;--radius-sm:10px;--font-display:"Unbounded", "Arial Black", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--tabbar-h:76px;--look-press:translateY(2px);--look-release:cubic-bezier(.3,1.4,.5,1);--hf-mono:"Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--hf-orange:#f0531c;--hf-key-orange:linear-gradient(180deg, #f6672f 0%, #ea4c16 100%);--hf-key-orange-shadow:inset 0 1px 0 #ffffff73, inset 0 0 0 1px #1615144d, 0 3px 0 #9e3410, 0 10px 14px -6px #1615148c;--hf-key-orange-down:inset 0 2px 4px #781e048c, inset 0 0 0 1px #16151459;--hf-cap:linear-gradient(180deg, #f6f3ee 0%, #e2dfd8 100%);--hf-cap-ink:#161514;--hf-cap-shadow:inset 0 1px 0 #fff, inset 0 0 0 1px #1615142e, 0 2px 0 #a5a199, 0 6px 8px -4px #16151473;--hf-cap-down:linear-gradient(180deg, #bab6ae 0%, #cbc7bf 100%);--hf-cap-down-shadow:inset 0 2px 4px #16151466, inset 0 0 0 1px #1615143d;--hf-well:#c9c5bd;--hf-well-shadow:inset 0 2px 3px #1615144d, inset 0 -1px 0 #ffffff8c;--hf-field:#e3ded3;--hf-panel-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #1615141a, 0 2px 0 #b5b1a9, 0 14px 22px -14px #16151480;--hf-lcd:#161514;--hf-lcd-ink:#f3efe6;--hf-lcd-dim:#beb9ae;--hf-lcd-shadow:inset 0 2px 5px #000c, inset 0 0 0 1px #ffffff0f, 0 1px 0 #ffffffb3;--hf-strip:#161514;--hf-ring:#6f6c66;--hf-lamp:radial-gradient(circle at 38% 32%, #ffc2a1 0%, #f0531c 55%, #e0440f 100%);--hf-lamp-glow:0 0 0 1px #962d088c, 0 0 7px 2px #f0531c8c;--hf-lamp-off:#6f6c66;--hf-lamp-off-shadow:inset 0 1px 1.5px #161514b3, 0 1px 0 #ffffffb3;--hf-lamp-dot:radial-gradient(circle closest-side, #ffc2a1 0, #f0531c 55%, #e0440f 82%, transparent 100%);--hf-hair:#16151424;--hf-hair-hi:#ffffff8c;--hf-hair-strong:#1615144d;--hf-tabkey-shadow:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #16151433, 0 3px 0 #77746e, 0 8px 10px -4px #000000b3;--hf-brushed:repeating-linear-gradient(0deg, #ffffff16 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, #16151406 0 1px, transparent 1px 7px);--hf-grooves:repeating-radial-gradient(circle, #100f0e 0 1.5px, #292725 1.5px 3px);--hf-sheen:conic-gradient(from 28deg, transparent 0deg, #ffffff3d 16deg, transparent 36deg 180deg, #ffffff2b 197deg, transparent 218deg);--hf-screw:radial-gradient(circle closest-side, #f7f5f0 0, #c9c5bd 55%, #8c8880 78%, #1615148c 88%, transparent 100%);--hf-slot:#54514b;--hf-screws:linear-gradient(45deg, transparent 43%, var(--hf-slot) 43% 57%, transparent 57%) 1.5px 1.5px / 6px 6px no-repeat, linear-gradient(-45deg, transparent 43%, var(--hf-slot) 43% 57%, transparent 57%) calc(100% - 1.5px) 1.5px / 6px 6px no-repeat, linear-gradient(-45deg, transparent 43%, var(--hf-slot) 43% 57%, transparent 57%) 1.5px calc(100% - 1.5px) / 6px 6px no-repeat, linear-gradient(45deg, transparent 43%, var(--hf-slot) 43% 57%, transparent 57%) calc(100% - 1.5px) calc(100% - 1.5px) / 6px 6px no-repeat, var(--hf-screw) 0 0 / 9px 9px no-repeat, var(--hf-screw) 100% 0 / 9px 9px no-repeat, var(--hf-screw) 0 100% / 9px 9px no-repeat, var(--hf-screw) 100% 100% / 9px 9px no-repeat;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-look=hifi] body{background-color:var(--page);background-image:var(--hf-brushed);font-weight:500}:root[data-look=hifi] :focus-visible{outline:2px solid var(--ink);outline-offset:3px}:root[data-look=hifi] a{color:var(--accent)}:root[data-look=hifi] .display{letter-spacing:-.025em;font-weight:700}:root[data-look=hifi] h1.display{text-wrap:balance;font-size:clamp(26px,7vw,34px);line-height:1.14}:root[data-look=hifi] h2.display{letter-spacing:-.015em;font-size:19px}:root[data-look=hifi] h3,:root[data-look=hifi] .field>span{font-family:var(--hf-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:500}:root[data-look=hifi] .faint{color:var(--ink-3)}:root[data-look=hifi] .kbd{font-family:var(--hf-mono);background:var(--hf-well);box-shadow:var(--hf-well-shadow);color:var(--ink)}:root[data-look=hifi] .diff-tag{font-family:var(--hf-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);box-shadow:inset 0 0 0 1.25px var(--ink);background:0 0;border-radius:3px;font-size:11px;font-weight:500}:root[data-look=hifi] .app:before{content:"";height:env(safe-area-inset-top);z-index:30;pointer-events:none;background:var(--hf-strip);position:fixed;inset:0 0 auto;box-shadow:0 1px #ffffff24}:root[data-look=hifi] .app{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 28px)}:root[data-look=hifi] .page-head{flex-wrap:wrap;row-gap:0}:root[data-look=hifi] .page-head:before{font:500 11px/1.2 var(--hf-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:var(--hf-lamp-dot) 0 50% / 8px 8px no-repeat;flex:0 0 100%;order:-1;margin-top:6px;padding-left:15px;display:block}:root[data-look=hifi] .page-head h1.display{animation:.56s cubic-bezier(.2,.8,.2,1) 60ms both hifi-let-in}:root[data-look=hifi] .topbar{background:color-mix(in srgb, var(--page) 92%, transparent);box-shadow:0 1px 0 var(--hf-hair), 0 2px 0 var(--hf-hair-hi)}:root[data-look=hifi] .btn,:root[data-look=hifi] .chip,:root[data-look=hifi] .seg button,:root[data-look=hifi] .stepper button,:root[data-look=hifi] .look-opt{transition:transform .26s var(--look-release), box-shadow .12s ease, background-color .15s ease, color .15s ease}:root[data-look=hifi] .btn{background:var(--hf-cap);color:var(--hf-cap-ink);box-shadow:var(--hf-cap-shadow);border:0;border-radius:10px;font-weight:700}:root[data-look=hifi] .btn.icon{border-radius:50%}:root[data-look=hifi] .btn.primary{background:var(--hf-key-orange);color:#161514;box-shadow:var(--hf-key-orange-shadow)}:root[data-look=hifi] .btn.ghost{box-shadow:none;color:var(--ink);background:0 0}:root[data-look=hifi] .btn.small{border-radius:8px;font-size:14px}:root[data-look=hifi] .btn.danger{color:var(--accent)}:root[data-look=hifi] :is(.btn,.chip,.seg button,.stepper button):active:not(:disabled){background:var(--hf-cap-down);box-shadow:var(--hf-cap-down-shadow)}:root[data-look=hifi] .btn.primary:active:not(:disabled){background:var(--hf-key-orange);box-shadow:var(--hf-key-orange-down)}:root[data-look=hifi] .btn.ghost:active:not(:disabled){background:var(--hf-well);box-shadow:var(--hf-well-shadow)}:root[data-look=hifi] :is(.btn,.chip):disabled{opacity:1;background:var(--hf-well);color:var(--ink-3);box-shadow:var(--hf-well-shadow)}:root[data-look=hifi] .btn.ghost:disabled{box-shadow:none;background:0 0}:root[data-look=hifi] .linkish{color:var(--accent)}:root[data-look=hifi] .chips{gap:8px;padding:6px 0 10px}:root[data-look=hifi] .chip{background:var(--hf-cap);min-height:40px;color:var(--hf-cap-ink);box-shadow:var(--hf-cap-shadow);border:0;border-radius:8px;padding:0 14px 0 27px;font-weight:700}:root[data-look=hifi] .chip:after{content:"";background:var(--hf-lamp-off);width:7px;height:7px;box-shadow:var(--hf-lamp-off-shadow);border-radius:50%;margin-top:-3.5px;position:absolute;top:50%;left:11px}:root[data-look=hifi] .chip.on{background:var(--hf-cap-down);box-shadow:var(--hf-cap-down-shadow);color:var(--ink);transform:translateY(2px)}:root[data-look=hifi] .chip.on:after{background:var(--hf-lamp);box-shadow:var(--hf-lamp-glow);animation:.56s ease-out hifi-lamp-on}:root[data-look=hifi] .chip .n{opacity:1;font-family:var(--hf-mono);color:var(--ink-2);font-size:12px}:root[data-look=hifi] a.chip{text-decoration:none}:root[data-look=hifi] .chip-divider{background:var(--hf-hair-strong);width:1px;height:26px;box-shadow:1px 0 0 var(--hf-hair-hi);flex:none;align-self:center;margin:0 3px}:root[data-look=hifi] .seg{background:var(--hf-well);box-shadow:var(--hf-well-shadow);border-radius:11px;gap:5px;padding:5px}:root[data-look=hifi] .seg button{background:var(--hf-cap);min-height:44px;color:var(--hf-cap-ink);box-shadow:var(--hf-cap-shadow);border-radius:7px;padding:0 12px;font-weight:700}:root[data-look=hifi] .seg button.on{background:var(--hf-cap-down);color:var(--ink);box-shadow:var(--hf-cap-down-shadow);transform:translateY(2px)}:root[data-look=hifi] .input{background:var(--hf-field);box-shadow:var(--hf-well-shadow), inset 0 0 0 1px #1615141f;color:var(--ink);border:0;border-radius:10px;font-weight:500}:root[data-look=hifi] .input:focus{box-shadow:var(--hf-well-shadow), 0 0 0 2px var(--ink)}:root[data-look=hifi] .search .input{background:var(--hf-field);border-radius:10px}:root[data-look=hifi] .search svg{color:var(--ink-2)}:root[data-look=hifi] .filter-btn{width:48px;height:48px;min-height:48px;color:var(--ink);background:radial-gradient(circle closest-side,#f7f5f0 0,#cfcbc3 76%,#16151459 79%,#0000 81%),repeating-conic-gradient(#a5a199 0deg 3deg,#6f6c66 3deg 6deg);border-radius:50%;animation:.9s cubic-bezier(.34,1.56,.64,1) .2s backwards hifi-needle-kick;box-shadow:0 2px #ffffffb3,0 3px 6px #16151459,inset 0 0 0 1px #16151473}:root[data-look=hifi] .filter-btn:active:not(:disabled){background:radial-gradient(circle closest-side,#f7f5f0 0,#cfcbc3 76%,#16151459 79%,#0000 81%),repeating-conic-gradient(#a5a199 0deg 3deg,#6f6c66 3deg 6deg);transform:rotate(-30deg);box-shadow:0 1px #ffffffb3,0 1px 3px #16151466,inset 0 0 0 1px #16151473}:root[data-look=hifi] .card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--hf-panel-shadow);border:0;position:relative}:root[data-look=hifi] .card.pad{padding:18px 20px}:root[data-look=hifi] .card:before,:root[data-look=hifi] .aisle:before{content:"";pointer-events:none;background:var(--hf-screws);position:absolute;inset:7px}:root[data-look=hifi] .app[data-screen=settings] .card{animation:.44s cubic-bezier(.34,1.56,.64,1) both hifi-rise}:root[data-look=hifi] .app[data-screen=settings] .card:nth-of-type(2){animation-delay:60ms}:root[data-look=hifi] .app[data-screen=settings] .card:nth-of-type(3){animation-delay:.12s}:root[data-look=hifi] .app[data-screen=settings] .card:nth-of-type(n+4){animation-delay:.18s}:root[data-look=hifi] .banner{box-shadow:var(--hf-well-shadow);color:var(--ink);border-radius:10px}:root[data-look=hifi] .notes-box{background:var(--hf-well);box-shadow:var(--hf-well-shadow)}:root[data-look=hifi] .list-row{box-shadow:inset 0 -1px 0 var(--hf-hair), 0 1px 0 var(--hf-hair-hi);border-bottom:0}:root[data-look=hifi] .grid{counter-reset:hifi-cat;gap:20px 16px}:root[data-look=hifi] .rcard{counter-increment:hifi-cat;box-shadow:none;opacity:1;background:0 0;border:0;border-radius:0;padding-top:12px;overflow:visible}:root[data-look=hifi] .rcard:before{content:"";aspect-ratio:1;pointer-events:none;background:var(--hf-sheen), var(--hf-grooves);border-radius:50%;width:76%;transition:transform .42s cubic-bezier(.2,.8,.2,1);animation:.62s cubic-bezier(.2,.8,.2,1) .26s backwards hifi-peek;position:absolute;top:0;left:12%;box-shadow:0 0 0 1px #0e0d0ce6,0 3px 8px #16151473}@media (hover:hover){:root[data-look=hifi] .rcard:hover:before{transform:translateY(-6px)}}:root[data-look=hifi] .rcard .img{z-index:1;aspect-ratio:1;background:#f3efe6;border-radius:3px;position:relative;box-shadow:1px 2px #16151438,0 16px 18px -14px #161514a6}:root[data-look=hifi] .rcard .img:before{content:"";z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,#1615142e 0,#16151400 4px),linear-gradient(#ffffff1f,#0000 32%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #16151424}:root[data-look=hifi] .rcard .img:after{content:"SA-0" counter(hifi-cat, decimal-leading-zero);content:"SA-0" counter(hifi-cat, decimal-leading-zero) / "";z-index:3;color:#161514;font:500 11px/1.2 var(--hf-mono);letter-spacing:.06em;background:#f3efe6;border-radius:2px;padding:3px 5px 2px;position:absolute;top:8px;left:8px;box-shadow:0 0 0 1px #16151424,1px 1px #16151433}:root[data-look=hifi] .rcard .body{background:0 0;padding:10px 2px 0}:root[data-look=hifi] .rcard .t{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);font-size:15px;font-weight:700;line-height:1.2}:root[data-look=hifi] .rcard .m{font-family:var(--hf-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-top:5px;font-size:11px;font-weight:500}:root[data-look=hifi] .rcard.has-photo .img img{filter:saturate(1.06)contrast(1.03)}:root[data-look=hifi] .tile{font-family:var(--font-display);letter-spacing:-.015em;color:var(--tile-ink);background-image:radial-gradient(circle at 100% 0,#0000 0 21%,#161514e0 21.5% 23%,#0000 23.5% 30%,#161514e0 30.5% 32%,#0000 32.5%);padding:14px;font-size:17px;font-weight:700;line-height:1.12}:root[data-look=hifi] .tile.small{background-image:none;padding:0;font-size:16px}:root[data-look=hifi] .img:has(.owner-badge) .tile{padding-bottom:46px}:root[data-look=hifi] .fav-badge{z-index:3;color:#161514;background:var(--hf-orange);width:32px;height:32px;box-shadow:0 0 0 2px #161514,0 0 0 3px #f3efe6b3,0 2px 4px #16151466}:root[data-look=hifi] .owner-badge{z-index:3;font-family:var(--font-display);border:0;box-shadow:0 0 0 3px #161514,0 0 0 4px #f3efe6bf,0 2px 4px #16151466}:root[data-look=hifi] .rcard .owner-badge{width:28px;height:28px;inset:auto 10px 10px auto}:root[data-look=hifi] .owner-line{background:var(--hf-cap);min-height:44px;color:var(--hf-cap-ink);box-shadow:var(--hf-cap-shadow);border:0;border-radius:9px;padding:0 14px 0 6px;font-weight:700}:root[data-look=hifi] .owner-line .owner-badge{box-shadow:0 0 0 2px #161514}:root[data-look=hifi] .tabbar{padding:10px 12px calc(env(safe-area-inset-bottom) + 10px);background:var(--hf-strip);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:inset 0 1px #ffffff24,0 -1px #16151480}:root[data-look=hifi] .tabbar nav{gap:9px}:root[data-look=hifi] .tabbar a{height:56px;color:var(--hf-cap-ink);font-family:var(--hf-mono);letter-spacing:.08em;text-transform:uppercase;gap:4px;font-size:11px;font-weight:500}:root[data-look=hifi] .tabbar a.on{color:var(--hf-cap-ink)}:root[data-look=hifi] .tabbar a:before{content:"";z-index:-2;background:var(--hf-cap);box-shadow:var(--hf-tabkey-shadow);transition:transform .14s var(--look-release), box-shadow .14s ease, background .14s ease;border-radius:9px;position:absolute;inset:0}:root[data-look=hifi] .tabbar a:is(.on,:active):before{background:var(--hf-cap-down);transform:translateY(3px);box-shadow:inset 0 3px 5px #16151480,inset 0 0 0 1px #16151466}:root[data-look=hifi] .tabbar a.on>:not(.tab-ind){transform:translateY(3px)}:root[data-look=hifi] .tabbar a :is(svg,span){transition:transform .14s var(--look-release)}:root[data-look=hifi] .tabbar :focus-visible{outline-color:#f3efe6}:root[data-look=hifi] .tab-ind{background:var(--hf-lamp);width:8px;height:8px;box-shadow:var(--hf-lamp-glow);border-radius:50%;animation:.56s ease-out hifi-lamp-on;inset:14px auto auto 10px}:root[data-look=hifi] .tabbar .badge{z-index:1;background:var(--hf-orange);color:#161514;font-family:var(--hf-mono);letter-spacing:0;font-weight:500;box-shadow:0 0 0 1.5px #161514}:root[data-look=hifi] .fab,:root[data-look=hifi] .plated-fab{right:12px;bottom:calc(env(safe-area-inset-bottom) + 7px);z-index:31;color:#161514;background:radial-gradient(circle, var(--hf-orange) 0 17px, #f3efe6 17.5px 18.5px, #1c1a18 19px 20px, transparent 20.5px), var(--hf-grooves);border:0;width:62px;height:62px;animation:.62s cubic-bezier(.2,.8,.2,1) both hifi-disc-in;box-shadow:0 0 0 1px #ffffff1f,0 0 0 4px #0e0d0c,0 6px 14px #0000008c}:root[data-look=hifi] :is(.fab,.plated-fab):before{content:"";pointer-events:none;background:var(--hf-sheen);border-radius:50%;animation:1.2s cubic-bezier(.4,0,.55,.65) .4s hifi-spin-up,1.8s linear 1.6s 2 hifi-spin;position:absolute;inset:0}:root[data-look=hifi] :is(.fab,.plated-fab) svg{z-index:1;position:relative}@media (hover:hover){:root[data-look=hifi] :is(.fab,.plated-fab):hover:before{animation:1.8s linear hifi-spin}}@media (width<=759px){:root[data-look=hifi] .tabbar{padding-right:86px}}:root[data-look=hifi] .app[data-screen=list]{counter-reset:hifi-aisle}:root[data-look=hifi] .aisle{counter-increment:hifi-aisle;border-radius:var(--radius);background:var(--surface);box-shadow:var(--hf-panel-shadow);margin:12px 0 16px;padding:6px 18px 8px;animation:.52s cubic-bezier(.2,.8,.2,1) both hifi-sleeve-in;position:relative}:root[data-look=hifi] .aisle:nth-of-type(2){animation-delay:50ms}:root[data-look=hifi] .aisle:nth-of-type(3){animation-delay:.1s}:root[data-look=hifi] .aisle:nth-of-type(n+4){animation-delay:.15s}:root[data-look=hifi] .aisle h3{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;color:var(--ink);align-items:center;gap:8px;margin:14px 0 4px;font-size:15px;font-weight:700;display:flex}:root[data-look=hifi] .aisle h3:before{content:"A" counter(hifi-aisle);content:"A" counter(hifi-aisle) / "";font:500 11px/1 var(--hf-mono);letter-spacing:.06em;color:var(--ink-2)}:root[data-look=hifi] .aisle h3:after{content:"";background:var(--hf-hair-strong);height:1px;box-shadow:0 1px 0 var(--hf-hair-hi);flex:1}:root[data-look=hifi] .g-item{min-height:52px;box-shadow:inset 0 -1px 0 var(--hf-hair);border-bottom:0;padding:6px 0}:root[data-look=hifi] .g-item:last-child{box-shadow:none}:root[data-look=hifi] .g-item>[role=checkbox]>span:last-child{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:0;width:100%;display:grid}:root[data-look=hifi] .g-item .name{letter-spacing:-.012em;color:var(--ink);align-items:baseline;font-size:16px;font-weight:600;display:flex}:root[data-look=hifi] .g-item .name:after{content:"";border-top:1.5px dotted var(--hf-hair-strong);flex:1 0 14px;margin:0 8px;transform:translateY(-3px)}:root[data-look=hifi] .g-item .qty{font-family:var(--hf-mono);color:var(--ink);text-align:right;font-size:12px;font-weight:500}:root[data-look=hifi] .g-item .qty-sep{display:none}:root[data-look=hifi] .g-item .src{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;margin-top:2px;font-size:13px;overflow:hidden}:root[data-look=hifi] .g-item.done :is(.name,.qty){color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}:root[data-look=hifi] .g-item .btn.icon{color:var(--ink-2)}:root[data-look=hifi] .src-dots{vertical-align:-3px;gap:2px;margin-right:6px;display:inline-flex}:root[data-look=hifi] .src-dot{border-radius:2px;width:16px;height:16px;overflow:hidden;box-shadow:inset 0 0 0 1px #16151438,1px 1px #16151433}:root[data-look=hifi] .src-dot img,:root[data-look=hifi] .src-dot .tile{object-fit:cover;background-image:none;width:100%;height:100%;font-size:9px}:root[data-look=hifi] .box{background:var(--hf-cap);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--hf-ring), var(--hf-cap-shadow);border:0;border-radius:8px;margin-top:0;position:relative}:root[data-look=hifi] .box svg{display:none}:root[data-look=hifi] .box:after{content:"";background:var(--hf-lamp-off);width:10px;height:10px;box-shadow:var(--hf-lamp-off-shadow);border-radius:50%;margin:-5px 0 0 -5px;position:absolute;top:50%;left:50%}:root[data-look=hifi] .box:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#f0531cbf 0%,#f0531c00 70%);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%}:root[data-look=hifi] :is(.done .box,.box.on){background:var(--hf-cap-down);box-shadow:inset 0 0 0 1px var(--hf-ring), var(--hf-cap-down-shadow);border-color:#0000}:root[data-look=hifi] :is(.done .box,.box.on):after{background:var(--hf-lamp);box-shadow:var(--hf-lamp-glow);animation:.56s ease-out hifi-lamp-on}:root[data-look=hifi] :is(.done .box,.box.on):before{animation:.56s ease-out hifi-halo}:root[data-look=hifi] .box{transition:background-color .16s,box-shadow .16s}:root[data-look=hifi] .progress{background:var(--hf-lcd);height:12px;box-shadow:var(--hf-lcd-shadow);border-radius:3px;padding:2px}:root[data-look=hifi] .progress>div{height:100%;clip-path:inset(0 calc((1 - var(--p,0)) * 100%) 0 0);filter:drop-shadow(0 0 3px #f0531c99);background:repeating-linear-gradient(90deg,#ff7a45 0 7px,#0000 7px 10px);border-radius:1.5px;transition:clip-path .36s cubic-bezier(.23,1,.32,1);animation:.42s ease-out both hifi-seg-on;transform:none!important}:root[data-look=hifi] input.switch{background:var(--hf-lcd);border-radius:8px;width:66px;height:44px;box-shadow:inset 0 1px 3px #000000e6,0 1px #ffffffe6,0 0 0 1px #16151480}:root[data-look=hifi] input.switch:after{background:linear-gradient(90deg,#23211f 0%,#2f2d2a 48%,#6b6862 52%,#a5a199 100%);border-radius:4px;width:auto;height:auto;transition:background .18s,box-shadow .18s;inset:5px;transform:none;box-shadow:inset 0 1px #ffffff24}:root[data-look=hifi] input.switch:checked{background:var(--hf-lcd)}:root[data-look=hifi] input.switch:checked:after{background:linear-gradient(90deg,#a5a199 0%,#6b6862 48%,#e0440f 52%,#ff7a45 100%);animation:.52s ease-out hifi-lamp-on;transform:none;box-shadow:inset 0 1px #ffffff38,0 0 8px 1px #f0531c80}:root[data-look=hifi] .sync-dot{background:var(--hf-lamp-off);width:9px;height:9px;box-shadow:var(--hf-lamp-off-shadow);position:relative}:root[data-look=hifi] .sync-dot.synced{background:var(--hf-lamp);box-shadow:var(--hf-lamp-glow);animation:2.4s ease-in-out 2 alternate hifi-lamp-breath}:root[data-look=hifi] .sync-dot.syncing{background:var(--hf-lamp);box-shadow:var(--hf-lamp-glow);animation:.7s ease-in-out infinite alternate hifi-lamp-pulse}:root[data-look=hifi] .sync-dot.error{background:#b4432c;box-shadow:0 0 0 1.5px #161514}:root[data-look=hifi] .look-opt{background:var(--hf-cap);min-height:56px;color:var(--hf-cap-ink);box-shadow:var(--hf-cap-shadow);border:0;border-radius:10px;padding:0 40px 0 14px;position:relative}:root[data-look=hifi] .look-opt:after{content:"";background:var(--hf-lamp-off);width:8px;height:8px;box-shadow:var(--hf-lamp-off-shadow);border-radius:50%;margin-top:-4px;position:absolute;top:50%;right:16px}:root[data-look=hifi] .look-opt.on{background:var(--hf-cap-down);box-shadow:var(--hf-cap-down-shadow);border:0;transform:translateY(2px)}:root[data-look=hifi] .look-opt.on:after{background:var(--hf-lamp);box-shadow:var(--hf-lamp-glow)}:root[data-look=hifi] .menu-list{gap:8px;display:grid}:root[data-look=hifi] .menu-list .btn{justify-content:flex-start;min-height:52px}:root[data-look=hifi] .menu-list .btn.on{background:var(--hf-cap-down);box-shadow:var(--hf-cap-down-shadow)}:root[data-look=hifi] .menu-list .btn.danger{color:var(--accent)}:root[data-look=hifi] .stepper{background:0 0;border:0;gap:5px}:root[data-look=hifi] .stepper button{background:var(--hf-cap);width:44px;height:44px;color:var(--hf-cap-ink);box-shadow:var(--hf-cap-shadow);border-radius:9px}:root[data-look=hifi] .stepper span{background:var(--hf-lcd);min-width:64px;min-height:44px;color:var(--hf-orange);box-shadow:var(--hf-lcd-shadow);font:500 16px/1 var(--hf-mono);border-radius:8px;place-items:center;padding:0 10px;display:grid}:root[data-look=hifi] .timer-chip{background:var(--hf-lcd);color:var(--hf-orange);font-family:var(--hf-mono);border-radius:6px;padding:2px 8px;font-size:14px;font-weight:500}:root[data-look=hifi] .timer{background:var(--hf-lcd);color:var(--hf-orange);font-family:var(--hf-mono);box-shadow:var(--hf-lcd-shadow);font-weight:500}:root[data-look=hifi] .timer.ring{background:var(--hf-key-orange);color:#161514}:root[data-look=hifi] .dots i.on{background:var(--hf-orange)}:root[data-look=hifi] .stars button{color:var(--ink-3)}:root[data-look=hifi] .stars button.on{color:var(--hf-orange);filter:drop-shadow(0 1px #1615148c)}:root[data-look=hifi] .scrim{background:#16151480}:root[data-look=hifi] .sheet{background-color:var(--surface);background-image:var(--hf-brushed);border-radius:20px 20px 0 0;position:relative;box-shadow:inset 0 1px #ffffffe6,0 -10px 30px #1615144d}@media (width>=720px){:root[data-look=hifi] .sheet{border-radius:20px}}:root[data-look=hifi] .sheet:before{content:"";pointer-events:none;background:var(--hf-screws);height:9px;position:absolute;inset:10px 12px auto}:root[data-look=hifi] .sheet .grab{background:var(--hf-lcd);border-radius:3px;width:46px;height:6px;box-shadow:inset 0 1px 2px #000c,0 1px #fffc}:root[data-look=hifi] .toast{background:var(--hf-lcd);color:var(--hf-lcd-ink);box-shadow:var(--hf-lcd-shadow), 0 10px 24px -8px #16151499;border-radius:10px;padding:12px 16px 12px 32px;font-weight:600}:root[data-look=hifi] .toast:before{content:"";background:var(--hf-lamp);width:8px;height:8px;box-shadow:var(--hf-lamp-glow);border-radius:50%;margin-top:-4px;animation:.65s ease-in-out 4 alternate hifi-lamp-pulse;position:absolute;top:50%;left:13px}:root[data-look=hifi] .toast button{color:var(--hf-orange);font-family:var(--hf-mono);letter-spacing:.06em;text-transform:uppercase;min-height:44px;padding:0 4px;font-weight:500}:root[data-look=hifi] .toast :focus-visible{outline-color:#f3efe6}:root[data-look=hifi] .meta small{font-family:var(--hf-mono);color:var(--ink-2);font-size:11px;font-weight:500}:root[data-look=hifi] .meta b{font-family:var(--hf-mono);font-weight:500}@media (prefers-color-scheme:dark){:root[data-look=hifi]:not([data-theme=light]){--page:#1a1918;--surface:#252321;--surface-2:#121110;--surface-3:#302e2b;--ink:#f1eee8;--ink-2:#c4bfb6;--ink-3:#a29d94;--line:#34312e;--line-2:#4a4741;--accent:#ff7a45;--accent-ink:#161514;--accent-soft:#3a2116;--herb:#7fc2ba;--herb-soft:#1f3330;--warn:#e0a95a;--shadow:0 2px 0 #0b0a0a, 0 14px 22px -14px #000c;--hf-cap:linear-gradient(180deg, #3a3835 0%, #2c2a27 100%);--hf-cap-ink:#f1eee8;--hf-cap-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 0 1px #00000080, 0 2px 0 #0b0a0a, 0 6px 8px -4px #000000b3;--hf-cap-down:linear-gradient(180deg, #1e1d1b 0%, #252321 100%);--hf-cap-down-shadow:inset 0 2px 4px #000000b3, inset 0 0 0 1px #0009;--hf-well:#121110;--hf-well-shadow:inset 0 2px 3px #000000b3, inset 0 -1px 0 #ffffff0d;--hf-field:#121110;--hf-panel-shadow:inset 0 1px 0 #ffffff14, inset 0 0 0 1px #00000073, 0 2px 0 #0b0a0a, 0 14px 22px -14px #000c;--hf-lcd:#0a0909;--hf-lcd-shadow:inset 0 2px 5px #000000e6, inset 0 0 0 1px #ffffff12, 0 1px 0 #ffffff14;--hf-strip:#0b0a0a;--hf-ring:#8c8880;--hf-lamp-off:#5a5751;--hf-lamp-off-shadow:inset 0 1px 1.5px #000c, 0 1px 0 #ffffff14;--hf-brushed:repeating-linear-gradient(0deg, #ffffff08 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, #0000002e 0 1px, transparent 1px 7px);--hf-screw:radial-gradient(circle closest-side, #8c8880 0, #4a4741 60%, #2c2a27 80%, #000000b3 90%, transparent 100%);--hf-slot:#121110;--hf-hair:#ffffff17;--hf-hair-hi:transparent;--hf-hair-strong:#ffffff42;--hf-tabkey-shadow:inset 0 1px 0 #ffffff24, inset 0 0 0 1px #0009, 0 3px 0 #000, 0 8px 10px -4px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-look=hifi][data-theme=dark]{--page:#1a1918;--surface:#252321;--surface-2:#121110;--surface-3:#302e2b;--ink:#f1eee8;--ink-2:#c4bfb6;--ink-3:#a29d94;--line:#34312e;--line-2:#4a4741;--accent:#ff7a45;--accent-ink:#161514;--accent-soft:#3a2116;--herb:#7fc2ba;--herb-soft:#1f3330;--warn:#e0a95a;--shadow:0 2px 0 #0b0a0a, 0 14px 22px -14px #000c;--hf-cap:linear-gradient(180deg, #3a3835 0%, #2c2a27 100%);--hf-cap-ink:#f1eee8;--hf-cap-shadow:inset 0 1px 0 #ffffff1f, inset 0 0 0 1px #00000080, 0 2px 0 #0b0a0a, 0 6px 8px -4px #000000b3;--hf-cap-down:linear-gradient(180deg, #1e1d1b 0%, #252321 100%);--hf-cap-down-shadow:inset 0 2px 4px #000000b3, inset 0 0 0 1px #0009;--hf-well:#121110;--hf-well-shadow:inset 0 2px 3px #000000b3, inset 0 -1px 0 #ffffff0d;--hf-field:#121110;--hf-panel-shadow:inset 0 1px 0 #ffffff14, inset 0 0 0 1px #00000073, 0 2px 0 #0b0a0a, 0 14px 22px -14px #000c;--hf-lcd:#0a0909;--hf-lcd-shadow:inset 0 2px 5px #000000e6, inset 0 0 0 1px #ffffff12, 0 1px 0 #ffffff14;--hf-strip:#0b0a0a;--hf-ring:#8c8880;--hf-lamp-off:#5a5751;--hf-lamp-off-shadow:inset 0 1px 1.5px #000c, 0 1px 0 #ffffff14;--hf-brushed:repeating-linear-gradient(0deg, #ffffff08 0 1px, transparent 1px 3px), repeating-linear-gradient(0deg, #0000002e 0 1px, transparent 1px 7px);--hf-screw:radial-gradient(circle closest-side, #8c8880 0, #4a4741 60%, #2c2a27 80%, #000000b3 90%, transparent 100%);--hf-slot:#121110;--hf-hair:#ffffff17;--hf-hair-hi:transparent;--hf-hair-strong:#ffffff42;--hf-tabkey-shadow:inset 0 1px 0 #ffffff24, inset 0 0 0 1px #0009, 0 3px 0 #000, 0 8px 10px -4px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-look=hifi] .app[data-screen=library] .page-head:before{content:"Input · Crate";content:"Input · Crate" / ""}:root[data-look=hifi] .app[data-screen=list] .page-head:before{content:"Input · Liner notes";content:"Input · Liner notes" / ""}:root[data-look=hifi] .app[data-screen=settings] .page-head:before{content:"Input · Amp";content:"Input · Amp" / ""}:root[data-look=hifi] .app[data-screen=plan] .page-head:before{content:"Input · Program";content:"Input · Program" / ""}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top{--bar:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top.scrolled{--bar:1}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top.over-hero{padding:calc(env(safe-area-inset-top) + 6px) 16px 8px;z-index:25;margin:0;position:fixed;left:0;right:0}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top.over-hero:before{content:"";z-index:-1;opacity:var(--bar);background-color:color-mix(in srgb, var(--page) 94%, transparent);background-image:var(--hf-brushed);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--hf-hair), 0 2px 0 var(--hf-hair-hi);position:absolute;inset:0}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top .top-title{text-align:center;min-width:0;font:700 15px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;opacity:var(--bar);transform:translateY(calc((1 - var(--bar)) * 8px));overflow:hidden}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top .btn.icon{background:var(--hf-cap);width:44px;height:44px;min-height:44px;color:var(--hf-cap-ink);box-shadow:var(--hf-cap-shadow)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top .btn.icon:active{background:var(--hf-cap-down);box-shadow:var(--hf-cap-down-shadow)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top.over-hero+.hero{margin:calc(-1 * (env(safe-area-inset-top) + 8px)) -16px 0;aspect-ratio:auto;background:#161514;border-radius:0;height:min(58vh,540px);max-height:none;position:relative}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top.over-hero+.hero>div{height:100%}:root[data-look=hifi]:has(.app[data-screen=recipe]) .hero .hero-blur{z-index:1;object-fit:cover;filter:blur(24px)saturate(1.2);pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.12);-webkit-mask-image:linear-gradient(#0000 66%,#000 92%);mask-image:linear-gradient(#0000 66%,#000 92%)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top.over-hero+.hero:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(transparent 62%, color-mix(in srgb, var(--page) 55%, transparent) 84%, var(--page) 100%);position:absolute;inset:0}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-top.over-hero+.hero:before{content:"";z-index:3;top:calc(env(safe-area-inset-top) + 62px);pointer-events:none;transform-origin:20px 20px;background:radial-gradient(circle at 20px 20px, #f7f5f0 0 5px, #8c8880 5.5px 6.5px, transparent 7px), radial-gradient(circle at 20px 20px, #cfcbc3 0 14px, #6f6c66 14.5px 16px, transparent 16.5px), linear-gradient(var(--hf-orange), var(--hf-orange)) calc(50% + 9px) calc(100% - 12px) / 4px 14px, linear-gradient(#2c2a27, #161514) 50% 100% / 14px 34px, linear-gradient(90deg, #8c8880, #f1eee8 45%, #a9a59d) 50% 20px / 5px calc(100% - 50px);filter:drop-shadow(4px 7px 4px #16151457);background-repeat:no-repeat;width:40px;height:44%;animation:.82s cubic-bezier(.45,0,.3,1) .16s both hifi-arm-in,.82s .16s both hifi-arm-drop;position:absolute;right:18px;transform:rotate(24deg)}:root[data-look=hifi]:has(.app[data-screen=recipe]) h1.display{z-index:3;color:var(--ink);margin-top:10px;font-size:clamp(24px,6.4vw,32px);line-height:1.18;animation:.56s cubic-bezier(.2,.8,.2,1) .12s both hifi-let-in;position:relative}:root[data-look=hifi]:has(.app[data-screen=recipe]) .byline{z-index:3;font:500 12px/1.3 var(--hf-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 10px;margin:8px 0 0;display:flex;position:relative}:root[data-look=hifi]:has(.app[data-screen=recipe]) .byline a{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--hf-hair-strong);text-decoration-color:var(--hf-hair-strong)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .byline>:first-child:not(:last-child):after{content:"·";margin-left:10px}:root[data-look=hifi]:has(.app[data-screen=recipe]) .byline .owner-line{text-transform:none;letter-spacing:0;font-family:var(--font-body);margin:0}:root[data-look=hifi]:has(.app[data-screen=recipe]) .muted{color:var(--ink-2);font-size:16px}:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats{background:var(--hf-lcd);box-shadow:var(--hf-lcd-shadow);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 0;padding:12px 6px 22px;animation:.42s cubic-bezier(.2,.8,.2,1) .2s both hifi-power-on;display:grid;position:relative}:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats>div{min-width:0;padding:0 10px;box-shadow:inset 1px 0 #f3efe624}:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats>div:first-child{box-shadow:none}:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats small{color:var(--hf-lcd-dim);font:500 11px/1.2 var(--hf-mono);letter-spacing:.08em;text-transform:uppercase}:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats b{color:var(--hf-orange);font:500 clamp(15px, 4.4vw, 20px)/1.15 var(--hf-mono);letter-spacing:.01em;text-shadow:0 0 12px #f0531c73;overflow-wrap:anywhere;margin-top:6px}:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats:before,:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats:after{content:"";pointer-events:none;border-radius:1px;height:5px;position:absolute;bottom:9px;left:16px}:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats:before{background:repeating-linear-gradient(90deg,#37342f 0 7px,#0000 7px 10px);right:16px}:root[data-look=hifi]:has(.app[data-screen=recipe]) .meta.stats:after{filter:drop-shadow(0 0 3px #f0531cb3);background:repeating-linear-gradient(90deg,#ff7a45 0 7px,#0000 7px 10px);width:64%;animation:.56s steps(6,end) .7s 7 alternate both hifi-vu}:root[data-look=hifi]:has(.app[data-screen=recipe]) .recipe-actions{grid-template-columns:repeat(3,1fr);display:grid!important}:root[data-look=hifi]:has(.app[data-screen=recipe]) .app .recipe-actions .btn{white-space:normal;text-align:center;border-radius:12px;flex-direction:column;gap:6px;min-height:68px;padding:8px 4px;font-size:13px;line-height:1.15}:root[data-look=hifi]:has(.app[data-screen=recipe]) .app .recipe-actions .btn:first-child{background:var(--hf-key-orange);color:#161514;box-shadow:var(--hf-key-orange-shadow)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .app .recipe-actions .btn:first-child:active:not(:disabled){box-shadow:var(--hf-key-orange-down)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .app .recipe-actions .btn:disabled{background:var(--hf-well);color:var(--ink-3);box-shadow:var(--hf-well-shadow)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .made-it{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}:root[data-look=hifi]:has(.app[data-screen=recipe]) .made-it .stars button{padding:9px}:root[data-look=hifi]:has(.app[data-screen=recipe]) .ing{min-height:52px;box-shadow:inset 0 -1px 0 var(--hf-hair);border-bottom:0;align-items:center}:root[data-look=hifi]:has(.app[data-screen=recipe]) .ing .q{min-width:76px;font:500 14px/1.2 var(--hf-mono)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .ing.done{color:var(--ink-3);-webkit-text-decoration-color:var(--ink-3);text-decoration-color:var(--ink-3)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .ing .note{color:var(--ink-3)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .step{box-shadow:inset 0 -1px 0 var(--hf-hair);border-bottom:0;align-items:flex-start;animation:.42s cubic-bezier(.2,.8,.2,1) both hifi-trk-in;position:relative}:root[data-look=hifi]:has(.app[data-screen=recipe]) .step[style*=opacity]{opacity:1!important}:root[data-look=hifi]:has(.app[data-screen=recipe]) .step[style*="opacity: 0.45"] p{color:var(--ink-3)}:root[data-look=hifi]:has(.app[data-screen=recipe]) div:nth-child(2)>.step{animation-delay:60ms}:root[data-look=hifi]:has(.app[data-screen=recipe]) div:nth-child(3)>.step{animation-delay:.12s}:root[data-look=hifi]:has(.app[data-screen=recipe]) div:nth-child(4)>.step{animation-delay:.18s}:root[data-look=hifi]:has(.app[data-screen=recipe]) div:nth-child(n+5)>.step{animation-delay:.24s}:root[data-look=hifi]:has(.app[data-screen=recipe]) .step .n{color:#161514;width:38px;height:38px;font:800 12px/1 var(--font-display);background:radial-gradient(circle, var(--hf-orange) 0 10.5px, #f3efe6 11px 11.5px, transparent 12px), var(--hf-sheen), var(--hf-grooves);position:relative;box-shadow:0 0 0 1px #0e0d0c,0 2px 4px #16151466}:root[data-look=hifi]:has(.app[data-screen=recipe]) .step .n:before{content:"";position:absolute;inset:-3px}:root[data-look=hifi]:has(.app[data-screen=recipe]) .step[style*="opacity: 0.45"] .n{background:radial-gradient(circle, #c9c5bd 0 10.5px, #f3efe6 11px 11.5px, transparent 12px), var(--hf-grooves)}:root[data-look=hifi]:has(.app[data-screen=recipe]) .step p{font-size:17px;line-height:1.5}:root[data-look=hifi]:has(.app[data-screen=recipe]) label.faint input[type=checkbox]{accent-color:var(--hf-orange);width:20px;height:20px}:root[data-look=hifi]::view-transition-old(root){animation:.18s cubic-bezier(.7,0,.84,0) both hifi-vt-out}:root[data-look=hifi]::view-transition-new(root){animation:.34s cubic-bezier(.16,1,.3,1) both hifi-vt-in}:root[data-look=hifi][data-nav=out]::view-transition-new(root){animation:.34s cubic-bezier(.16,1,.3,1) both hifi-vt-in-back}:root[data-look=hifi][data-nav=across]::view-transition-new(root){animation:.32s cubic-bezier(.2,.8,.2,1) both hifi-vt-across}:root[data-look=hifi]::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}:root[data-look=hifi]::view-transition-group(tabbar){animation:none}:root[data-look=hifi]::view-transition-group(look-pill){animation:none}@keyframes hifi-vt-out{to{opacity:0;transform:translateY(8px)scale(.985)}}@keyframes hifi-vt-in{0%{opacity:0;transform:translate(34px)}}@keyframes hifi-vt-in-back{0%{opacity:0;transform:translate(-34px)}}@keyframes hifi-vt-across{0%{opacity:0;filter:brightness(1.12);transform:translateY(10px)}60%{opacity:1}to{filter:none}}@keyframes hifi-spin{to{transform:rotate(360deg)}}@keyframes hifi-spin-up{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hifi-lamp-pulse{0%{opacity:.55}to{opacity:1}}@keyframes hifi-lamp-breath{0%{filter:brightness(.8)}to{filter:brightness(1.15)}}@keyframes hifi-lamp-on{0%{opacity:0;filter:brightness()}30%{opacity:1;filter:brightness(1.7)saturate(1.2)}to{opacity:1;filter:brightness()}}@keyframes hifi-halo{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes hifi-let-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes hifi-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes hifi-disc-in{0%{opacity:0;transform:translate(54px)rotate(200deg)}to{opacity:1;transform:none}}@keyframes hifi-arm-in{0%,8%{transform:rotate(-12deg)}76%{transform:rotate(26deg)}to{transform:rotate(24deg)}}@keyframes hifi-arm-drop{0%,74%{filter:drop-shadow(11px 20px 9px #1615143d)}to{filter:drop-shadow(4px 7px 4px #16151457)}}@keyframes hifi-peek{0%{transform:translateY(60%)}to{transform:none}}@keyframes hifi-sleeve-in{0%{opacity:0;transform:translateY(22px)rotate(-1.2deg)}to{opacity:1;transform:none}}@keyframes hifi-power-on{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes hifi-seg-on{0%{opacity:0}}@keyframes hifi-trk-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes hifi-vu{0%{width:18%}45%{width:90%}to{width:64%}}@keyframes hifi-needle-kick{0%{transform:rotate(-68deg)}to{transform:none}}@media (prefers-reduced-motion:reduce){:root[data-look=hifi] *,:root[data-look=hifi] :before,:root[data-look=hifi] :after{animation:none!important}:root[data-look=hifi] .rcard:before,:root[data-look=hifi] .box,:root[data-look=hifi] .chip,:root[data-look=hifi] .tabbar a:before,:root[data-look=hifi] .tabbar a :is(svg,span),:root[data-look=hifi] .progress>div,:root[data-look=hifi] input.switch:after{transition:none!important}:root[data-look=hifi]::view-transition-old(root){animation:.12s both vt-fade-in!important}:root[data-look=hifi]::view-transition-new(root){animation:.12s both vt-fade-in!important}:root[data-look=hifi]::view-transition-old(root){animation-name:vt-fade-out!important}}:root[data-look=snip]{--page:#2447d6;--surface:#fff6e5;--surface-2:#1b37a8;--surface-3:#14235e;--ink:#fff;--ink-2:#eef2ff;--ink-3:#d5deff;--line:#ffffff38;--line-2:#fff6;--accent:#ffc93c;--accent-ink:#14235e;--accent-soft:#1b37a8;--herb:#ffc93c;--herb-soft:#1b37a8;--warn:#ffc93c;--shadow:4px 5px 0 #1b37a8;--tile-1:#ffc93c;--tile-2:#ff7a59;--tile-3:#fff6e5;--tile-4:#9db7ff;--tile-5:#ffb59e;--tile-6:#f3d9a0;--tile-ink:#14235e;--radius:2px;--radius-sm:2px;--font-display:"Caprasimo", "Cooper Black", Georgia, serif;--font-body:"Nunito Sans", -apple-system, system-ui, "Segoe UI", sans-serif;--tabbar-h:70px;--look-press:scale(.95);--look-release:cubic-bezier(.34,1.56,.64,1);--snip-cobalt:#2447d6;--snip-deep:#1b37a8;--snip-navy:#14235e;--snip-yellow:#ffc93c;--snip-tomato:#ff5a36;--snip-cream:#fff6e5;--snip-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .08 0 0 0 0 .14 0 0 0 0 .37 0 0 0 .63 -.26'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");--cut-1:polygon(0 3px, 100% 0, calc(100% - 2px) 100%, 2px calc(100% - 3px));--cut-2:polygon(2px 0, 100% 3px, 100% calc(100% - 2px), 0 100%);--cut-3:polygon(0 0, calc(100% - 2px) 2px, 100% 100%, 3px calc(100% - 2px));--cut-big:polygon(0 5px, 100% 0, calc(100% - 3px) 100%, 3px calc(100% - 4px));--cut-tag:polygon(3px 0, 100% 2px, calc(100% - 3px) 100%, 0 calc(100% - 2px));--cut-ticket:polygon(0 0, 100% 0, calc(100% - 5px) 12.5%, 100% 25%, calc(100% - 5px) 37.5%, 100% 50%, calc(100% - 5px) 62.5%, 100% 75%, calc(100% - 5px) 87.5%, 100% 100%, 0 100%, 5px 87.5%, 0 75%, 5px 62.5%, 0 50%, 5px 37.5%, 0 25%, 5px 12.5%);--bounce:cubic-bezier(.34,1.56,.64,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--page)}:root[data-look=snip] body{background:var(--snip-grain) 0 0 / 180px 180px, var(--page);color:var(--ink);font-weight:600}:root[data-look=snip] :focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:2px}:root[data-look=snip] :where(.card,.rcard,.aisle,.sheet,.tabbar,.stepper,.meta,.toast,.timer,.ing,.day,.ag-day,.sg-cell,.banner.warn,.banner.err,.btn:not(.ghost),.recipe-top .btn.icon,.chip.on,.seg button.on,.look-opt.on){--ink:#14235e;--ink-2:#2b3a78;--ink-3:#4a5590;--line:#14235e29;--line-2:#14235e57;--accent:#c2321a;--accent-ink:#fff;--accent-soft:#ffe1d6;--surface:#fff;--surface-2:#f5e6c8;--surface-3:#ebd6ac;--herb:#ffc93c;--herb-soft:#ffe9a8;--warn:#9a5b00;color:var(--ink)}:root[data-look=snip] .display{letter-spacing:-.005em;font-weight:400}:root[data-look=snip] h1.display{text-wrap:balance;text-shadow:3px 4px 0 var(--snip-deep);font-size:37px;line-height:1.04}:root[data-look=snip] h2.display{font-size:25px;line-height:1.05}:root[data-look=snip] h3{letter-spacing:.1em;color:var(--ink-3);font-size:12px;font-weight:800}:root[data-look=snip] .muted{color:var(--ink-2)}:root[data-look=snip] .tile{letter-spacing:0;font-size:22px;font-weight:400;line-height:1.05}:root[data-look=snip] .app h3:not(:is(.card,.aisle,.sheet,.ings,.recipe-cols,.empty) h3){color:var(--ink);font:400 22px/1.05 var(--font-display);letter-spacing:0;text-transform:none;margin:30px 0 14px;padding-bottom:14px;position:relative}:root[data-look=snip] .app h3:not(:is(.card,.aisle,.sheet,.ings,.recipe-cols,.empty) h3):after{content:"";background:var(--snip-deep);height:8px;position:absolute;bottom:0;left:-16px;right:-16px}:root[data-look=snip] .page-head h1.display{animation:.6s linear 80ms both snip-cut-drop}:root[data-look=snip] .app:is([data-screen=library],[data-screen=list],[data-screen=settings]) .page-head:before,:root[data-look=snip] .app:is([data-screen=library],[data-screen=list],[data-screen=settings]) .page-head:after{content:"";pointer-events:none;transform-origin:40% 88%;width:105px;height:70px;animation:snip-peek .44s var(--bounce) .56s both, snip-rock 5.4s ease-in-out -2s infinite alternate;position:absolute;bottom:-4px;right:2px}:root[data-look=snip] .app:is([data-screen=library],[data-screen=list],[data-screen=settings]) .page-head:before{filter:drop-shadow(3px 4px #1b37a8);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 100'%3E%3Cpath d='M124 12L146 6L139 30Z' fill='%23FF5A36'/%3E%3Ccircle cx='137' cy='52' r='4' fill='%23FFF6E5'/%3E%3Cpath d='M118 76L138 70L141 80L122 86Z' fill='%23FFF6E5'/%3E%3Cpath d='M70 20C72 8 84 2 96 5C94 16 84 24 70 20Z' fill='%23FFF6E5'/%3E%3Cpath d='M10 52C9 46 14 44 19 42C27 24 45 17 62 18C80 19 94 28 101 43C106 45 111 47 111 53C111 59 105 60 101 62C93 78 77 85 60 85C42 86 27 78 19 63C14 61 10 58 10 52Z' fill='%23FFC93C'/%3E%3Cpath d='M30 41C36 31 46 26 57 25C48 30 41 35 37 43Z' fill='%23FFF6E5'/%3E%3Cpath d='M57 54Q62 59 67 54' fill='none' stroke='%2314235E' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}:root[data-look=snip] .app:is([data-screen=library],[data-screen=list],[data-screen=settings]) .page-head:after{animation:snip-peek .44s var(--bounce) .56s both, snip-rock 5.4s ease-in-out -2s infinite alternate, snip-blink 4.6s linear 1.5s infinite;background:radial-gradient(closest-side,#14235e 88%,#0000) 34px 30px/5px 5px no-repeat,radial-gradient(closest-side,#14235e 88%,#0000) 48px 30px/5px 5px no-repeat}:root[data-look=snip] .app[data-screen=list] .page-head:before,:root[data-look=snip] .app[data-screen=list] .page-head:after{right:54px}:root[data-look=snip] :is(.btn:not(.ghost),.recipe-top .btn.icon,.chip,.seg button.on,.card,.meta,.look-opt,.banner,.stepper,.timer){isolation:isolate;box-shadow:none;background:0 0;border:0;border-radius:0;position:relative}:root[data-look=snip] .btn{font-weight:800}:root[data-look=snip] .btn:not(.ghost){--snip-fill:var(--snip-cream);--snip-cut:var(--cut-1);color:var(--ink);min-height:48px;padding:0 18px}:root[data-look=snip] .btn.small:not(.ghost){min-height:44px;padding:0 14px}:root[data-look=snip] .btn.icon:not(.ghost){width:48px;padding:0}:root[data-look=snip] .btn.primary{--snip-fill:var(--snip-yellow);--snip-cut:var(--cut-2);--snip-shade:#14235e;color:#14235e;font-family:var(--font-display);font-size:17px;font-weight:400}:root[data-look=snip] .btn.primary.icon{font-family:inherit}:root[data-look=snip] .btn.ghost{color:var(--ink)}:root[data-look=snip] .btn:disabled{opacity:.55}:root[data-look=snip] .btn.danger{color:var(--accent)}:root[data-look=snip] .linkish{color:var(--accent);text-underline-offset:3px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}:root[data-look=snip] .chips{gap:8px;padding:6px 2px 10px}:root[data-look=snip] .chip{--snip-fill:var(--snip-deep);--snip-cut:var(--cut-ticket);--snip-shade:transparent;min-height:44px;padding:0 17px;font-size:14px;font-weight:800}:root[data-look=snip] .chip:not(.on){color:#fff}:root[data-look=snip] .chip.on{--snip-fill:var(--snip-yellow);--snip-shade:#14235e;animation:snip-glue .3s var(--bounce);rotate:-2.5deg}:root[data-look=snip] .chip .n{opacity:.78;font-weight:700}:root[data-look=snip] a.chip{text-decoration:none}:root[data-look=snip] .chip-divider{border-left:3px dotted #fff9;flex:none;align-self:center;width:0;height:26px;margin:0 4px}:root[data-look=snip] .seg{--ink:#fff;--ink-2:#eef2ff;background:var(--snip-deep);border-radius:2px;gap:4px;padding:4px;box-shadow:inset 2px 3px #14235e80}:root[data-look=snip] .seg button{min-height:40px;color:var(--ink-2);border-radius:0;padding:0 12px;font-weight:800}:root[data-look=snip] .seg button.on{--snip-fill:var(--snip-yellow);--snip-cut:var(--cut-2);--snip-shade:#14235e;--snip-sx:2px;--snip-sy:3px;color:#14235e;animation:snip-glue .3s var(--bounce);rotate:-1.5deg}:root[data-look=snip] .input,:root[data-look=snip] textarea.input,:root[data-look=snip] select.input{color:#14235e;caret-color:#14235e;--ink-3:#4a5590;min-height:48px;box-shadow:inset 2px 3px 0 #14235e24, 3px 4px 0 var(--snip-deep);border:0;border-radius:2px;font-weight:700}:root[data-look=snip] .input:focus{outline:3px solid var(--accent);outline-offset:2px;box-shadow:inset 2px 3px 0 #14235e24, 3px 4px 0 var(--snip-deep);border-color:#0000}:root[data-look=snip] .search .input{background:var(--snip-cream);border-radius:2px;padding-left:44px}:root[data-look=snip] .search svg{color:#4a5590;z-index:1}:root[data-look=snip] .filter-btn{--snip-cut:var(--cut-3);width:48px;min-height:48px}:root[data-look=snip] .field>span{color:var(--ink);font-weight:800}:root[data-look=snip] .card{--snip-fill:var(--snip-cream);--snip-cut:var(--cut-big);--snip-sx:5px;--snip-sy:6px;animation:snip-pop .42s var(--bounce) both}:root[data-look=snip] .card:nth-of-type(2){animation-delay:60ms}:root[data-look=snip] .card:nth-of-type(3){animation-delay:.12s}:root[data-look=snip] .card:nth-of-type(4){animation-delay:.18s}:root[data-look=snip] .card:nth-of-type(n+5){animation-delay:.24s}:root[data-look=snip] .sync-card{--snip-cut:polygon(0 0, 100% 4px, calc(100% - 2px) calc(100% - 3px), 2px 100%)}:root[data-look=snip] .banner{--ink:#fff;--surface-2:#2447d6;--snip-fill:var(--snip-deep);--snip-cut:var(--cut-1);--snip-shade:transparent;color:#fff;font-weight:700}:root[data-look=snip] .banner.ok{--snip-fill:var(--snip-deep)}:root[data-look=snip] .banner.warn{--snip-fill:var(--snip-yellow);--snip-shade:#14235e;--snip-sx:2px;--snip-sy:3px;color:#14235e}:root[data-look=snip] .banner.err{--snip-fill:var(--snip-tomato);--snip-shade:#14235e;--snip-sx:2px;--snip-sy:3px;color:#14235e}:root[data-look=snip] .kbd{border-radius:2px}:root[data-look=snip] .diff-tag{background:var(--snip-tomato);color:#14235e;letter-spacing:.06em;text-transform:uppercase;clip-path:var(--cut-tag);border-radius:0;padding:5px 9px 4px;font-size:11px;font-weight:800}:root[data-look=snip] .notes-box{clip-path:var(--cut-1);border-radius:0;font-weight:600}:root[data-look=snip] .empty .display{color:var(--ink);text-shadow:2px 3px 0 var(--snip-deep);font-size:28px}:root[data-look=snip] .card .empty .display,:root[data-look=snip] .empty.card .display{text-shadow:none}:root[data-look=snip] .owner-badge{border-color:var(--snip-cream);box-shadow:2px 2px #14235e}:root[data-look=snip] .owner-line{background:var(--snip-deep);color:#fff;min-height:44px;clip-path:var(--cut-1);border:0;border-radius:0;padding:0 14px 0 6px;font-weight:800}:root[data-look=snip] .fav-badge{background:var(--snip-tomato);color:#14235e;box-shadow:2px 2px #14235e}:root[data-look=snip] .timer{--snip-fill:var(--snip-yellow);--snip-cut:var(--cut-ticket);--snip-shade:#14235e;color:#14235e;padding:4px 8px 4px 18px}:root[data-look=snip] .timer.ring{--snip-fill:var(--snip-tomato)}:root[data-look=snip] .timer button{color:#14235e;background:#14235e1f;border-radius:50%;width:40px;height:40px}:root[data-look=snip] .stars button{color:#9db7ff}:root[data-look=snip] .stars button.on{color:var(--snip-yellow)}:root[data-look=snip] .card .stars button,:root[data-look=snip] .sheet .stars button{color:#4a5590}:root[data-look=snip] .card .stars button.on,:root[data-look=snip] .sheet .stars button.on{color:#c2321a}:root[data-look=snip] :is(input.switch,label.faint input[type=checkbox]){appearance:none;cursor:pointer;background:var(--snip-deep);border-radius:2px;flex:none;width:56px;height:34px;margin:0;transition:background-color .2s;position:relative;box-shadow:inset 2px 3px #14235e}:root[data-look=snip] :is(input.switch,label.faint input[type=checkbox]):after{content:"";background:var(--snip-cream);width:24px;height:28px;transition:translate .32s var(--bounce), rotate .32s var(--bounce);border-radius:1px;position:absolute;top:3px;left:3px;rotate:-3deg;box-shadow:2px 3px #14235e}:root[data-look=snip] :is(input.switch,label.faint input[type=checkbox]):checked{background:var(--snip-tomato)}:root[data-look=snip] :is(input.switch,label.faint input[type=checkbox]):checked:after{translate:24px;rotate:3deg}:root[data-look=snip] input.switch:disabled{opacity:.55}:root[data-look=snip] .look-opt{--snip-fill:var(--snip-deep);--snip-cut:var(--cut-1);--snip-shade:transparent;color:#fff;border:0;min-height:52px;font-weight:800}:root[data-look=snip] .look-opt.on{--snip-fill:var(--snip-yellow);--snip-shade:#14235e;color:#14235e;box-shadow:none;animation:snip-glue .3s var(--bounce);rotate:-1deg}:root[data-look=snip] .look-swatch i{border-color:var(--snip-cream)}:root[data-look=snip] .grid{gap:22px 14px;padding-bottom:6px}:root[data-look=snip] .rcard{box-shadow:none;filter:drop-shadow(4px 5px #1b37a8);--tilt:-1deg;background:0 0;border:0;border-radius:0;overflow:visible}:root[data-look=snip] .rcard:nth-child(3n+2){--tilt:1.2deg}:root[data-look=snip] .rcard:nth-child(3n){--tilt:-.6deg}:root[data-look=snip] .rcard .img{background:var(--surface-2);clip-path:var(--cut-1)}:root[data-look=snip] .rcard:nth-child(2n) .img{clip-path:var(--cut-2)}:root[data-look=snip] .rcard .body{background:var(--snip-cream);clip-path:var(--cut-3);rotate:var(--tilt);transform-origin:50% 0;margin:-12px 5px 0;padding:12px 12px 14px;position:relative}:root[data-look=snip] .rcard .t{font:400 17px/1.12 var(--font-display);letter-spacing:0}:root[data-look=snip] .rcard .m{color:var(--ink-3);margin-top:6px;font-size:13px;font-weight:700}:root[data-look=snip] .book-cover{background:var(--surface-2)}:root[data-look=snip] .tabbar{left:16px;right:92px;bottom:calc(env(safe-area-inset-bottom) + 10px);-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(4px 5px #14235e);background:0 0;border:0;padding:0}:root[data-look=snip] .tabbar nav{background:var(--snip-cream);clip-path:polygon(0 4px,100% 0,calc(100% - 4px) 100%,3px calc(100% - 3px));padding:4px}:root[data-look=snip] .tabbar a{color:#14235e;letter-spacing:.08em;text-transform:uppercase;gap:4px;height:58px;font-size:11px;font-weight:800}:root[data-look=snip] .tabbar a.on{color:#14235e}:root[data-look=snip] .tab-ind{background:var(--snip-yellow);clip-path:polygon(0 4px,100% 0,calc(100% - 3px) 100%,3px calc(100% - 2px));inset:6px 8px}:root[data-look=snip] .tabbar .badge{background:var(--snip-tomato);color:#14235e;clip-path:var(--cut-tag);border-radius:0;font-weight:800;top:5px}:root[data-look=snip] .fab{right:16px;bottom:calc(env(safe-area-inset-bottom) + 12px);background:var(--snip-yellow);color:#14235e;width:62px;height:62px;transition:transform .16s var(--bounce);border-radius:50%;box-shadow:4px 5px #14235e}:root[data-look=snip] .fab:active{transform:scale(.92)rotate(-6deg)}:root[data-look=snip]:has(.app[data-screen=recipe]) .fab{background:var(--snip-tomato)}:root[data-look=snip] .fab:before,:root[data-look=snip] .fab:after{content:"";pointer-events:none;filter:drop-shadow(2px 2px #14235e);width:44px;height:31px;position:absolute;top:-22px;left:-10px;rotate:35deg}:root[data-look=snip] .fab:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cg transform='rotate(9 50 35)'%3E%3Cpath d='M55 31L6 33.5C4 34 4 35.6 6 36L55 39Z' fill='%23FFF6E5'/%3E%3Cpath d='M50 32L72 37' stroke='%23FF5A36' stroke-width='7' stroke-linecap='round'/%3E%3Cellipse cx='82' cy='42' rx='11' ry='9' fill='none' stroke='%23FF5A36' stroke-width='7' transform='rotate(20 82 42)'/%3E%3C/g%3E%3C/svg%3E") 50%/contain no-repeat;animation:5.2s ease-in-out 2.4s infinite snip-snip-a}:root[data-look=snip] .fab:after{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 70'%3E%3Cg transform='rotate(-9 50 35) translate(0 70) scale(1 -1)'%3E%3Cpath d='M55 31L6 33.5C4 34 4 35.6 6 36L55 39Z' fill='%23FFFFFF'/%3E%3Cpath d='M50 32L72 37' stroke='%23FF5A36' stroke-width='7' stroke-linecap='round'/%3E%3Cellipse cx='82' cy='42' rx='11' ry='9' fill='none' stroke='%23FF5A36' stroke-width='7' transform='rotate(20 82 42)'/%3E%3C/g%3E%3Ccircle cx='50' cy='35' r='3.5' fill='%2314235E'/%3E%3C/svg%3E") 50%/contain no-repeat;animation:5.2s ease-in-out 2.4s infinite snip-snip-b}:root[data-look=snip] .fab:active:before{animation:.13s ease-in-out 2 alternate snip-chop-a}:root[data-look=snip] .fab:active:after{animation:.13s ease-in-out 2 alternate snip-chop-b}:root[data-look=snip] .scrim{background:#14235e94}:root[data-look=snip] .sheet{background:var(--snip-cream);border-radius:0;padding-top:14px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 8L8 0L16 8Z'/%3E%3C/svg%3E") 0 0/16px 8px round no-repeat,linear-gradient(#000 0 0) 0 8px/100% calc(100% - 8px) no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 8L8 0L16 8Z'/%3E%3C/svg%3E") 0 0/16px 8px round no-repeat,linear-gradient(#000 0 0) 0 8px/100% calc(100% - 8px) no-repeat}@media (width>=720px){:root[data-look=snip] .sheet{padding-bottom:26px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 8L8 0L16 8Z'/%3E%3C/svg%3E") 0 0/16px 8px round no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 0L8 8L16 0Z'/%3E%3C/svg%3E") 0 100%/16px 8px round no-repeat,linear-gradient(#000 0 0) 0 8px/100% calc(100% - 16px) no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 8L8 0L16 8Z'/%3E%3C/svg%3E") 0 0/16px 8px round no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 0L8 8L16 0Z'/%3E%3C/svg%3E") 0 100%/16px 8px round no-repeat,linear-gradient(#000 0 0) 0 8px/100% calc(100% - 16px) no-repeat}}:root[data-look=snip] .sheet .grab{background:var(--line-2);border-radius:0;height:4px}:root[data-look=snip] .sheet h2{color:#14235e}:root[data-look=snip] .sheet .btn:not(.primary):not(.ghost){--snip-fill:#fff}:root[data-look=snip] .menu-list{gap:10px;display:grid}:root[data-look=snip] .menu-list .btn{justify-content:flex-start;min-height:52px}:root[data-look=snip] .menu-list .btn.on,:root[data-look=snip] .menu-list .btn.danger{color:var(--accent)}:root[data-look=snip] .toast{color:#14235e;box-shadow:none;isolation:isolate;background:0 0;border-radius:0;padding:12px 24px;font-weight:800}:root[data-look=snip] .toast:before,:root[data-look=snip] .toast:after{content:"";clip-path:var(--cut-ticket);pointer-events:none;position:absolute;inset:0}:root[data-look=snip] .toast:before{z-index:-1;background:var(--snip-yellow)}:root[data-look=snip] .toast:after{z-index:-2;background:#14235e;translate:3px 4px}:root[data-look=snip] .toast button{color:#14235e;text-decoration:underline;-webkit-text-decoration-color:var(--snip-tomato);text-decoration-color:var(--snip-tomato);text-underline-offset:3px;min-height:44px;font-weight:800;text-decoration-thickness:3px}:root[data-look=snip] .aisle{background:var(--snip-cream);filter:drop-shadow(5px 6px #1b37a8);margin:26px 0 28px;padding:4px 14px 6px;animation:.52s cubic-bezier(.2,.8,.2,1) 60ms both snip-unroll;position:relative}:root[data-look=snip] .aisle:before,:root[data-look=snip] .aisle:after{content:"";pointer-events:none;background-repeat:round no-repeat;background-size:16px 8px;height:8px;position:absolute;left:0;right:0}:root[data-look=snip] .aisle:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 8L8 0L16 8Z' fill='%23FFF6E5'/%3E%3C/svg%3E");top:-8px}:root[data-look=snip] .aisle:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 0L8 8L16 0Z' fill='%23FFF6E5'/%3E%3C/svg%3E");bottom:-8px}:root[data-look=snip] .aisle:nth-of-type(2){animation-delay:.14s}:root[data-look=snip] .aisle:nth-of-type(3){animation-delay:.22s}:root[data-look=snip] .aisle:nth-of-type(n+4){animation-delay:.3s}:root[data-look=snip] .aisle h3{background:var(--snip-yellow);color:#14235e;font:400 17px/1 var(--font-display);letter-spacing:0;text-transform:none;margin:8px 0 6px -24px;padding:6px 12px 7px 18px;display:table;rotate:-1.5deg;box-shadow:2px 3px #14235e}:root[data-look=snip] .aisle .linkish{min-height:44px}:root[data-look=snip] .g-item{border-bottom:2px dashed var(--line);gap:10px;min-height:52px;padding:6px 0}:root[data-look=snip] .g-item:last-child{border-bottom:0}:root[data-look=snip] .g-item>[role=checkbox]>span:last-child{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px;width:100%;display:grid}:root[data-look=snip] .g-item .name{font-size:16px;font-weight:800;line-height:1.2}:root[data-look=snip] .g-item .qty{color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right;font-size:14px;font-weight:700}:root[data-look=snip] .g-item .qty-sep{display:none}:root[data-look=snip] .g-item .src{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;margin-top:1px;font-size:13px;font-weight:600;overflow:hidden}:root[data-look=snip] .g-item.done .name,:root[data-look=snip] .g-item.done .qty{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--snip-tomato);text-decoration-color:var(--snip-tomato);text-decoration-thickness:2px}:root[data-look=snip] .g-item .btn.icon{color:var(--ink-3)}:root[data-look=snip] .src-dots{vertical-align:-3px;margin-right:6px;display:inline-flex}:root[data-look=snip] .src-dot{width:16px;height:16px;box-shadow:0 0 0 1.5px var(--snip-cream);border-radius:50%;margin-left:-4px;overflow:hidden}:root[data-look=snip] .src-dot:first-child{margin-left:0}:root[data-look=snip] .src-dot img,:root[data-look=snip] .src-dot .tile{object-fit:cover;width:100%;height:100%;font-size:8px}:root[data-look=snip] .box{background:var(--snip-cobalt);width:26px;height:26px;box-shadow:inset 2px 3px 0 var(--snip-deep);border:0;border-radius:3px;rotate:-3deg}:root[data-look=snip] .g-item:nth-child(2n) .box{rotate:2deg}:root[data-look=snip] .done .box,:root[data-look=snip] .box.on{background:var(--snip-yellow);color:#14235e;border-radius:1px;rotate:-6deg;box-shadow:1.5px 2px #14235e}:root[data-look=snip] .progress{background:var(--snip-deep);clip-path:polygon(0 2px,100% 0,calc(100% - 1px) 100%,1px calc(100% - 1px));border-radius:0;height:12px}:root[data-look=snip] .progress>div{background:var(--snip-yellow)}:root[data-look=snip] :is(.day,.ag-day,.sg-cell){background:var(--snip-cream);border:0;border-radius:2px;box-shadow:4px 5px #1b37a8}:root[data-look=snip] :is(.ag-day,.sg-cell).today{box-shadow:4px 5px 0 #14235e, inset 0 0 0 3px var(--snip-yellow)}:root[data-look=snip] .entry{border-radius:2px}:root[data-look=snip] .add-slot{border-color:var(--line-2);color:var(--ink-2);border-radius:2px}:root[data-look=snip] .list-row{border-bottom:2px dashed var(--line)}:root[data-look=snip] .cook .steptext{font-weight:400}:root[data-look=snip] .cook .uses span{clip-path:var(--cut-tag);border-radius:0}:root[data-look=snip] .dots i{background:var(--line-2);border-radius:0}:root[data-look=snip] .dots i.on{background:var(--snip-yellow);border-radius:0}:root[data-look=snip] .app{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 30px)}:root[data-look=snip][data-look] :is(.btn:not(.ghost),.recipe-top .btn.icon,.chip,.seg button.on,.card,.meta,.look-opt,.banner,.stepper,.timer):before,:root[data-look=snip][data-look] :is(.btn:not(.ghost),.recipe-top .btn.icon,.chip,.seg button.on,.card,.meta,.look-opt,.banner,.stepper,.timer):after{content:"";pointer-events:none;clip-path:var(--snip-cut,var(--cut-1));position:absolute;inset:0}:root[data-look=snip][data-look] :is(.btn:not(.ghost),.recipe-top .btn.icon,.chip,.seg button.on,.card,.meta,.look-opt,.banner,.stepper,.timer):before{z-index:-1;background:var(--snip-fill,#fff6e5)}:root[data-look=snip][data-look] :is(.btn:not(.ghost),.recipe-top .btn.icon,.chip,.seg button.on,.card,.meta,.look-opt,.banner,.stepper,.timer):after{z-index:-2;background:var(--snip-shade,#1b37a8);translate:var(--snip-sx,3px) var(--snip-sy,4px)}:root[data-look=snip] .recipe-top{--bar:0;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}:root[data-look=snip] .recipe-top.scrolled{--bar:1}:root[data-look=snip] .recipe-top:not(.over-hero){background:var(--page);box-shadow:0 5px 0 var(--snip-deep);margin-bottom:10px}:root[data-look=snip] .recipe-top.over-hero{padding:calc(env(safe-area-inset-top) + 6px) 16px 8px;z-index:25;isolation:isolate;margin:0;position:fixed;top:0;left:0;right:0}:root[data-look=snip] .recipe-top.over-hero:before{content:"";z-index:-1;opacity:var(--bar);background:var(--page);box-shadow:0 5px 0 var(--snip-deep);pointer-events:none;position:absolute;inset:0}:root[data-look=snip] .recipe-top .top-title{text-align:center;min-width:0;font:400 18px/1.1 var(--font-display);color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:var(--bar);transform:translateY(calc((1 - var(--bar)) * 8px));overflow:hidden}:root[data-look=snip] .recipe-top .btn.icon{--snip-fill:var(--snip-cream);--snip-cut:polygon(3px 0, 100% 3px, calc(100% - 3px) 100%, 0 calc(100% - 4px));--snip-shade:#14235e;--snip-sx:2px;--snip-sy:3px;color:#14235e;width:44px;height:44px;min-height:44px;padding:0}:root[data-look=snip] .recipe-top .btn.icon:last-child{--snip-cut:polygon(0 3px, calc(100% - 3px) 0, 100% calc(100% - 4px), 3px 100%)}:root[data-look=snip] .hero{margin:calc(-1 * (env(safe-area-inset-top) + 8px)) -16px 0;aspect-ratio:auto;background:var(--snip-deep);border-radius:0;height:min(56vh,500px);max-height:none;-webkit-mask:linear-gradient(#000 0 0) 0 0/100% calc(100% - 9px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 0L8 8L16 0Z'/%3E%3C/svg%3E") 0 100%/18px 9px round no-repeat;mask:linear-gradient(#000 0 0) 0 0/100% calc(100% - 9px) no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='8' viewBox='0 0 16 8'%3E%3Cpath d='M0 0L8 8L16 0Z'/%3E%3C/svg%3E") 0 100%/18px 9px round no-repeat}:root[data-look=snip] .hero:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#14235e80,#0000);height:130px;position:absolute;inset:0 0 auto}:root[data-look=snip] .hero .hero-blur{display:none}:root[data-look=snip] .hero+h1.display{margin-top:20px}@media (width>=900px){:root[data-look=snip] .hero{height:min(52vh,520px);clip-path:var(--cut-big);margin:0;-webkit-mask:none;mask:none}}:root[data-look=snip] .app[data-screen=recipe] h1.display{animation:snip-drop .52s var(--bounce) 60ms both;font-size:34px;line-height:1.06}:root[data-look=snip] .byline{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 0;font-size:15px;font-weight:700;display:flex}:root[data-look=snip] .byline a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--snip-yellow);text-decoration-color:var(--snip-yellow);text-underline-offset:3px;text-decoration-thickness:2px}:root[data-look=snip] .byline>:first-child:not(:last-child):after{content:"·";opacity:.7;margin-left:12px}:root[data-look=snip] .byline .owner-line{margin:0}:root[data-look=snip] .meta{--snip-cut:var(--cut-big);--snip-sx:4px;--snip-sy:5px;animation:snip-pop .42s var(--bounce) .14s both;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:18px 0 16px;padding:13px 14px 12px;display:grid}:root[data-look=snip] .meta>div{border-left:2px dashed var(--line-2);flex-direction:column-reverse;justify-content:flex-end;gap:3px;min-width:0;padding:0 10px}:root[data-look=snip] .meta>div:first-child{border-left:0;padding-left:0}:root[data-look=snip] .meta b{font:400 20px/1.05 var(--font-display);color:#14235e;overflow-wrap:anywhere}:root[data-look=snip] .meta small{color:var(--ink-2);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}:root[data-look=snip] .recipe-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px!important;margin:4px 0 12px!important;display:grid!important}:root[data-look=snip] .app .recipe-actions .btn{white-space:normal;text-align:center;min-height:74px;line-height:1.1;font:400 15px/1.1 var(--font-display);rotate:var(--tilt,0deg);--snip-sx:4px;--snip-sy:5px;animation:snip-pop .42s var(--bounce) both;flex-direction:column;gap:6px;padding:10px 6px}:root[data-look=snip] .app .recipe-actions .btn:first-child{--snip-fill:var(--snip-yellow);--snip-shade:#14235e;--snip-cut:var(--cut-1);--tilt:-1.2deg;animation-delay:.2s}:root[data-look=snip] .app .recipe-actions .btn:nth-child(2){--snip-cut:var(--cut-2);--tilt:.8deg;animation-delay:.25s}:root[data-look=snip] .app .recipe-actions .btn:nth-child(3){--snip-cut:var(--cut-3);--tilt:-.5deg;animation-delay:.3s}:root[data-look=snip] .recipe-actions .btn:disabled{opacity:.55}:root[data-look=snip] .ings>div:has(>.ing){filter:drop-shadow(2px 3px #1b37a8);animation:snip-pop .42s var(--bounce) both;margin-bottom:6px;transition:filter .2s ease-out}:root[data-look=snip] .ings>div:has(>.ing.done){filter:drop-shadow(0 0 #1b37a8)}:root[data-look=snip] .ings>div:nth-child(3){animation-delay:.22s}:root[data-look=snip] .ings>div:nth-child(4){animation-delay:.26s}:root[data-look=snip] .ings>div:nth-child(5){animation-delay:.3s}:root[data-look=snip] .ings>div:nth-child(6){animation-delay:.34s}:root[data-look=snip] .ings>div:nth-child(7){animation-delay:.38s}:root[data-look=snip] .ings>div:nth-child(n+8){animation-delay:.42s}:root[data-look=snip] .ings>div:nth-child(odd)>.ing{clip-path:polygon(0 2px,100% 0,calc(100% - 2px) 100%,2px calc(100% - 2px))}:root[data-look=snip] .ing{background:var(--snip-cream);clip-path:polygon(0 0,100% 2px,calc(100% - 2px) calc(100% - 2px),2px 100%);border:0;align-items:stretch;gap:0;min-height:50px;padding:0;font-size:16px;font-weight:700;line-height:1.25}:root[data-look=snip] .ing .q{background:var(--snip-yellow);width:88px;min-width:0;font:400 16px/1.1 var(--font-display);text-align:center;color:#14235e;flex:none;order:-1;justify-content:center;align-items:center;padding:6px;display:flex}:root[data-look=snip] .ing .q:empty{width:12px;padding:0}:root[data-look=snip] .ing>span:last-child{flex:1;align-self:center;min-width:0;padding:9px 12px}:root[data-look=snip] .ing .box{order:2;align-self:center;margin:0 12px 0 0}:root[data-look=snip] .ing .note{color:var(--ink-3)}:root[data-look=snip] .ing.done{color:var(--ink-3);-webkit-text-decoration-color:var(--snip-tomato);text-decoration-color:var(--snip-tomato);text-decoration-thickness:2px}:root[data-look=snip] .ing.done .q{opacity:.8}:root[data-look=snip] .step{border-bottom:0;gap:10px;padding:10px 0;animation:.42s cubic-bezier(.2,.8,.2,1) .12s both snip-strip}:root[data-look=snip] .step .n{width:44px;height:44px;box-shadow:none;color:var(--snip-yellow);font:400 34px/1 var(--font-display);background:0 0;border-radius:0;margin:-4px 0 0 -6px}:root[data-look=snip] .step p{font-size:17px;font-weight:600;line-height:1.42}:root[data-look=snip] .step:has(.n[aria-label$=done]){background:var(--snip-deep);clip-path:var(--cut-1);margin-bottom:4px;padding:11px 14px 12px 10px;opacity:1!important}:root[data-look=snip] .step .n[aria-label$=done]{color:#14235e;background:linear-gradient(var(--snip-yellow) 0 0) center / 30px 30px no-repeat;rotate:-5deg}:root[data-look=snip] .timer-chip{background:var(--snip-deep);color:var(--snip-yellow);clip-path:var(--cut-tag);border-radius:0;padding:2px 9px;font-weight:800}:root[data-look=snip] .step:has(.n[aria-label$=done]) .timer-chip{background:var(--snip-cobalt)}:root[data-look=snip] .stepper{--snip-fill:var(--snip-yellow);--snip-cut:var(--cut-2);--snip-shade:#1b37a8;border:0;rotate:1.5deg}:root[data-look=snip] .stepper button{color:#14235e;width:44px;height:44px;font-weight:800}:root[data-look=snip] .stepper span{font:400 18px/1 var(--font-display);color:#14235e}:root[data-look=snip] .made-it{flex-wrap:wrap;align-items:center;gap:14px;margin-top:26px;display:flex}:root[data-look=snip] .made-it .stars button{padding:9px}@keyframes snip-cut-drop{0%{clip-path:inset(-30px 106% -40px -20px);translate:0 -36px;rotate:-6deg}26%{clip-path:inset(-30px -30px -40px -20px);animation-timing-function:cubic-bezier(.55,0,.85,.45);translate:0 -36px;rotate:-6deg}74%{clip-path:inset(-30px -30px -40px -20px);animation-timing-function:cubic-bezier(.3,1.5,.6,1);translate:0 4px;rotate:1deg}to{clip-path:inset(-30px -30px -40px -20px);translate:0;rotate:0deg}}@keyframes snip-drop{0%{opacity:0;translate:0 -40px;rotate:-5deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes snip-pop{0%{opacity:0;rotate:-6deg;scale:.6}to{opacity:1;scale:1;rotate:var(--tilt,0deg)}}@keyframes snip-glue{0%{translate:0 -10px;rotate:9deg;scale:1.12}}@keyframes snip-strip{0%{opacity:0;translate:-14px;rotate:-1.5deg}to{opacity:1;translate:0;rotate:0deg}}@keyframes snip-unroll{0%{clip-path:inset(-12px -30px 100%)}to{clip-path:inset(-12px -30px -16px)}}@keyframes snip-peek{0%{opacity:0;translate:0 30px;rotate:10deg}to{opacity:1;translate:0}}@keyframes snip-rock{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes snip-blink{0%,94%,to{background-position:34px 30px,48px 30px;background-size:5px 5px,5px 5px}97%{background-position:34px 32.2px,48px 32.2px;background-size:5px .7px,5px .7px}}@keyframes snip-snip-a{0%,80%,to{transform:rotate(0)}86%{transform:rotate(-9deg)}92%{transform:rotate(0)}96%{transform:rotate(-5deg)}}@keyframes snip-snip-b{0%,80%,to{transform:rotate(0)}86%{transform:rotate(9deg)}92%{transform:rotate(0)}96%{transform:rotate(5deg)}}@keyframes snip-chop-a{to{transform:rotate(-11deg)}}@keyframes snip-chop-b{to{transform:rotate(11deg)}}:root[data-look=snip] .particle,:root[data-look=snip] .burst-dot{clip-path:polygon(50% 0,100% 100%,0 82%);border-radius:0}:root[data-look=snip] .burst-dot:nth-child(2n){clip-path:polygon(0 10%,100% 0,88% 100%,8% 90%)}:root[data-look=snip] .fly-dot{border-color:var(--snip-cream);border-radius:3px;box-shadow:3px 4px #14235e}:root[data-look=snip] .confetti-snip{clip-path:polygon(50% 0,100% 100%,0 100%);border-radius:0;width:12px;height:12px}:root[data-look=snip] .confetti-snip:nth-child(3n+1){clip-path:polygon(0 12%,100% 0,92% 100%,6% 88%);width:14px;height:9px}:root[data-look=snip] .confetti-snip:nth-child(3n+2){clip-path:polygon(0 0,100% 30%,100% 100%,0 70%);width:16px;height:7px}:root[data-look=snip] .confetti-snip:nth-child(5n){clip-path:none;border-radius:50%;width:10px;height:10px}:root[data-look=snip]::view-transition-old(root){transform-origin:50% 0;animation:.22s cubic-bezier(.55,0,.85,.45) both snip-vt-fall}:root[data-look=snip]::view-transition-new(root){transform-origin:50% 0;animation:.46s cubic-bezier(.34,1.56,.64,1) both snip-vt-drop}:root[data-look=snip][data-nav=out]::view-transition-old(root){animation-name:snip-vt-fall-back}:root[data-look=snip][data-nav=out]::view-transition-new(root){animation-name:snip-vt-in-back}:root[data-look=snip]::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.34,1.3,.64,1)}:root[data-look=snip]::view-transition-group(tabbar){animation:none}:root[data-look=snip]::view-transition-group(look-pill){animation:none}@keyframes snip-vt-fall{to{opacity:0;transform:translateY(48px)rotate(1.5deg)}}@keyframes snip-vt-drop{0%{opacity:0;transform:translateY(-44px)rotate(-1.5deg)}to{opacity:1;transform:none}}@keyframes snip-vt-fall-back{to{opacity:0;transform:translate(40px)rotate(-1.5deg)}}@keyframes snip-vt-in-back{0%{opacity:0;transform:translate(-36px)rotate(1.2deg)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:root[data-look=snip] *,:root[data-look=snip] :before,:root[data-look=snip] :after{transition:none!important;animation:none!important}:root[data-look=snip]{--look-press:none}:root[data-look=snip] .recipe-top .top-title{transform:none}:root[data-look=snip]::view-transition-group(*){animation-duration:1ms!important}:root[data-look=snip]::view-transition-old(*){animation:.12s both vt-fade-out!important}:root[data-look=snip]::view-transition-new(*){animation:.12s both vt-fade-in!important}}