:root{--paper:oklch(98.5% .007 90);--sunken:oklch(95.5% .01 90);--ink:oklch(20% .015 90);--muted:oklch(50% .018 90);--rule:oklch(89% .012 90);--accent:oklch(52% .14 150);--on-accent:oklch(100% 0 0);--danger:oklch(52% .2 27);--on-danger:oklch(100% 0 0);--scrim:oklch(20% .015 90/.4);--font-display:ui-serif, "New York", Georgia, "Times New Roman", serif;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs:.8125rem;--text-sm:.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.625rem;--text-2xl:2.125rem;--text-3xl:clamp(2.5rem, 2rem + 2.5vw, 3.5rem);--text-display:clamp(3.5rem, 2.5rem + 5vw, 5.5rem);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:650;--leading-tight:.95;--leading-snug:1.1;--leading-body:1.45;--tracking-display:-.03em;--tracking-tight:-.02em;--tracking-eyebrow:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--radius:10px;--hairline:1px;--rule-strong:1px solid var(--ink);--rule-quiet:1px solid var(--rule);--tap:44px;--tap-big:60px;--measure:46rem;--measure-wide:64rem;--available-height:100dvh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (color-gamut:p3){:root{--accent:oklch(52% .19 150)}}@media (prefers-color-scheme:dark){:root{--paper:oklch(17% .01 90);--sunken:oklch(21% .01 90);--ink:oklch(94% .01 90);--muted:oklch(70% .014 90);--rule:oklch(30% .012 90);--accent:oklch(72% .194 150);--on-accent:oklch(17% .01 90);--danger:oklch(72% .15 27);--on-danger:oklch(17% .01 90);--scrim:oklch(0% 0 0/.55);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@media (prefers-color-scheme:dark) and (color-gamut:p3){:root{--accent:oklch(72% .249 150)}}:root{font-family:var(--font-ui);font-size:100%;line-height:var(--leading-body);color:var(--ink);background:var(--paper);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{font-size:var(--text-md);margin:0}h1,h2,h3,p,ol,ul,figure{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit}a,.row>:first-child,.live-name{text-decoration-line:underline;text-decoration-thickness:var(--hairline);text-underline-offset:.2em}a.row,a.live-item,a.wordmark,a.button{text-decoration-line:none}a.button[data-variant=quiet]{text-decoration-line:underline}a:hover,a.row:hover>:first-child,a.live-item:hover .live-name{text-decoration-color:#0000}a:not(.button):active,a.button[data-variant=quiet]:active{color:var(--muted)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.display{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-box:trim-both cap alphabetic;overflow-wrap:break-word}.title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-display);line-height:var(--leading-tight);text-box:trim-both cap alphabetic}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.num{font-variant-numeric:tabular-nums;white-space:nowrap}.photo-picker:focus-within{outline:2px solid var(--ink);outline-offset:2px}.photo-picker[data-disabled]{opacity:.5;pointer-events:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.error{color:var(--danger)}.bar{z-index:1;align-items:baseline;gap:var(--space-2) var(--space-4);padding:var(--space-3) max(var(--space-5), env(safe-area-inset-left), calc((100% - var(--measure)) / 2 + var(--space-5)));padding-top:max(var(--space-3), env(safe-area-inset-top));background:var(--paper);flex-wrap:wrap;display:flex;position:sticky;top:0}.wordmark{font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-display);text-decoration:none}.bar-end{align-items:baseline;gap:var(--space-3);font-size:var(--text-sm);white-space:nowrap;margin-left:auto;display:flex}.notice{font-size:var(--text-sm);color:var(--muted);flex-basis:100%;order:1}main{max-width:var(--measure);padding:var(--space-6) max(var(--space-5), env(safe-area-inset-left)) var(--space-7);margin:0 auto}main,article,.bake-columns{gap:var(--space-7);grid-template-columns:minmax(0,1fr);display:grid}article.page-head,.page-head{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.section-head{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--rule-strong);display:flex}.section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.rows>li{border-bottom:var(--rule-quiet)}.row{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding:var(--space-4) 0;text-decoration:none;display:flex}.row-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.row-tried{width:100%;font-size:var(--text-sm);color:var(--muted);display:inline-block}.row-meta{font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;flex-shrink:0}.list-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.search{flex:1 0 10rem;max-width:14rem;position:relative}.search>.icon{top:50%;left:var(--space-3);color:var(--muted);pointer-events:none;position:absolute;translate:0 -50%}.search>.input{padding-left:calc(var(--space-3) + 1.125rem + var(--space-2))}.welcome{gap:var(--space-6);grid-template-columns:minmax(0,1fr);max-width:30rem;display:grid}.welcome-actions{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.welcome-actions>.button{gap:calc(var(--space-1) / 2);padding-block:var(--space-4);font-size:var(--text-md);flex-direction:column}.photo-status{gap:var(--space-4);max-width:30rem;display:grid}.welcome-actions>p{grid-column:1/-1}.icon{flex:none;width:1.125rem;height:1.125rem}.welcome-actions .icon{width:1.75rem;height:1.75rem}.welcome-quote{gap:var(--space-2);margin:0;display:grid}.welcome-art{width:7.5rem;height:auto;margin-bottom:var(--space-3);fill:none;stroke:var(--ink);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.welcome-quote blockquote{font-family:var(--font-display);font-size:var(--text-xl);font-style:italic;line-height:var(--leading-snug);margin:0}.welcome-quote figcaption{font-size:var(--text-xs)}.welcome-steps{counter-reset:step;border-top:var(--rule-strong);margin:0;padding:0;list-style:none}.welcome-steps>li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--rule-quiet);counter-increment:step;grid-template-columns:1.5rem minmax(0,1fr);align-items:baseline;display:grid}.welcome-steps>li:before{content:counter(step);color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;line-height:var(--leading-body)}.live{padding-bottom:var(--space-5);border-bottom:var(--rule-strong)}.live-item{gap:var(--space-1);padding-top:var(--space-3);text-decoration:none;display:grid}.live-name{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.live-meta{font-size:var(--text-sm);color:var(--muted)}.live-now{color:var(--ink)}.live-now:before{content:"";width:.5em;height:.5em;margin-right:var(--space-2);background:var(--accent);vertical-align:.1em;border-radius:50%;display:inline-block}.facts{gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.facts div{display:grid}.facts b{font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;white-space:nowrap}.facts span{font-size:var(--text-xs);color:var(--muted)}.steps{counter-reset:step}.steps>li{counter-increment:step;padding:var(--space-4) 0;border-bottom:var(--rule-quiet);grid-template-columns:2.25rem 1fr;display:grid}.steps>li:before{content:counter(step);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--muted);font-variant-numeric:tabular-nums}.step-meta{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--muted)}.ingredients{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.ingredients th,.ingredients td{padding:var(--space-3) 0;border-bottom:var(--rule-quiet);text-align:left;font-weight:var(--weight-regular);vertical-align:baseline}.ingredients thead th{padding-top:0;padding-bottom:var(--space-2);border-bottom:var(--rule-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted)}.ingredients thead th:first-child{color:var(--ink)}.ingredients .num{text-align:right;padding-left:var(--space-4)}.ingredients td.grams{width:6rem;font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight)}.ingredients td.percent{width:4.5rem;font-size:var(--text-sm);color:var(--muted)}.table-note{caption-side:bottom;padding-top:var(--space-2);text-align:left;font-size:var(--text-sm);color:var(--muted)}.counted{margin-top:var(--space-3)}.button{min-height:var(--tap);padding:0 var(--space-5);border:var(--hairline) solid transparent;border-radius:var(--radius);font:inherit;font-weight:var(--weight-semibold);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:var(--space-2);text-decoration:none;display:inline-flex}.button[data-variant=primary]{background:var(--ink);color:var(--paper)}.button[data-variant=live]{background:var(--accent);color:var(--on-accent)}.button[data-variant=secondary]{border-color:var(--rule);color:var(--ink);background:0 0}.button[data-variant=quiet]{min-height:var(--tap);color:var(--muted);font-weight:var(--weight-medium);background:0 0;justify-self:start;padding:0}.button[data-variant=subtle]{padding:0 var(--space-3);background:var(--sunken);color:var(--ink);font-weight:var(--weight-medium);justify-self:start}.button[data-variant=subtle]:hover{border-color:var(--rule)}.button[data-variant=quiet][data-tone=danger]{color:var(--danger)}.button[data-variant=danger]{background:var(--danger);color:var(--on-danger)}.button[data-size=big]{width:100%;min-height:var(--tap-big);font-size:var(--text-lg)}.button[data-size=small]{min-height:2rem;font-size:var(--text-sm)}.button:hover:not([data-disabled]){filter:brightness(1.08)}.button[data-disabled]{opacity:.4;cursor:not-allowed}.input{width:100%;min-height:var(--tap);padding:var(--space-2) var(--space-3);border:var(--hairline) solid var(--rule);border-radius:var(--radius);background:var(--paper);color:inherit;font:inherit}textarea.input{field-sizing:content;min-height:calc(var(--leading-body) * 1em + 2 * var(--space-2) + 2 * var(--hairline));resize:none}.input::placeholder{color:var(--muted)}.input:focus-visible{border-color:var(--ink);outline:none}.field{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}.field-label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.field-hint{font-size:var(--text-sm);color:var(--muted)}.form{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.number{border:var(--hairline) solid var(--rule);border-radius:var(--radius);align-items:stretch;max-width:16rem;display:flex;overflow:hidden}.number:focus-within{border-color:var(--ink)}.number-input{min-width:0;min-height:var(--tap);color:inherit;text-align:center;font:inherit;font-size:var(--text-lg);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;background:0 0;border:none;flex:1}.number-input:focus-visible{outline:none}.number-unit{padding-right:var(--space-2);color:var(--muted);align-self:center}.number-step{width:var(--tap);background:var(--sunken);color:var(--ink);font:inherit;font-size:var(--text-lg);cursor:pointer;border:none;flex:none}.tabs{gap:var(--space-5);border-bottom:var(--rule-quiet);display:flex}.tab{min-height:var(--tap);margin-bottom:calc(var(--hairline) * -1);color:var(--muted);font:inherit;font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0}.tab[data-active]{border-bottom-color:var(--ink);color:var(--ink);font-weight:var(--weight-semibold)}.panel{gap:var(--space-5);padding-top:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.choices{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice{min-height:var(--tap);border:var(--hairline) solid var(--rule);border-radius:var(--radius);min-width:4rem;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;background:0 0}.choice[data-pressed]{border-color:var(--ink);background:var(--ink);color:var(--paper);font-weight:var(--weight-semibold)}.check{padding:var(--space-3) var(--space-4);border-left:3px solid var(--ink);background:var(--sunken);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:block}.ledger{border-top:var(--rule-strong);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;margin:0;display:grid}.ledger dt,.ledger dd{padding:var(--space-2) 0;border-bottom:var(--rule-quiet)}.ledger dt{padding-right:var(--space-4);font-size:var(--text-sm);color:var(--muted)}.ledger dd{text-align:right;white-space:nowrap;margin:0}.note{padding:var(--space-3) 0;border-bottom:var(--rule-quiet)}.inline-form{gap:var(--space-2);margin-top:var(--space-4);display:flex}.checkbox{border:1.5px solid var(--muted);cursor:pointer;background:0 0;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;padding:0;display:grid}.checkbox[data-checked]{border-color:var(--ink);background:var(--ink)}.checkbox-mark{color:var(--paper);font-size:var(--text-sm);font-weight:var(--weight-bold)}.checkbox[data-disabled]{cursor:default}.disclosure{width:100%;min-height:var(--tap);border:none;border-bottom:var(--rule-strong);color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:0;display:flex}.disclosure:after{content:"+";font-size:var(--text-lg);font-weight:var(--weight-regular)}.disclosure[data-panel-open]:after{content:"−"}.menu-trigger{gap:var(--space-1);color:var(--ink)}.menu-trigger>.icon:last-child{width:.75rem;height:.75rem;color:var(--muted)}.menu-positioner{z-index:3}.menu{min-width:12rem;max-width:calc(100vw - 2rem);padding:var(--space-2);border:var(--hairline) solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);display:grid}.menu-heading{padding:var(--space-2) var(--space-3);border-bottom:var(--hairline) solid var(--rule);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--muted);overflow-wrap:anywhere}.menu-item{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-3);border-radius:calc(var(--radius) - 4px);font-weight:var(--weight-medium);cursor:pointer;display:flex}.menu-item[data-highlighted]{background:var(--rule)}.backdrop{z-index:2;background:var(--scrim);transition:opacity .2s ease-out;position:fixed;inset:0}.backdrop[data-starting-style],.backdrop[data-ending-style]{opacity:0}.dialog{z-index:3;gap:var(--space-3);width:min(24rem, calc(100vw - 2 * var(--space-5)));padding:var(--space-5);border-radius:var(--radius);background:var(--paper);color:var(--ink);display:grid;position:fixed;top:50%;left:50%;translate:-50% -50%}.dialog-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.bake-head{gap:var(--space-4);display:grid}.bake-head .ledger{max-width:24rem}.now{gap:var(--space-5);grid-template-columns:minmax(0,1fr);display:grid}.bench-head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-4);padding-bottom:var(--space-3);border-bottom:var(--rule-quiet);flex-wrap:wrap;display:flex}.bench-head h1{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-medium)}.bench-head p{font-size:var(--text-sm)}.now-meta{gap:var(--space-2);display:grid}.count{font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums}.progress{gap:2px;margin:0;padding:0;list-style:none;display:flex}.progress li{background:var(--rule);border-radius:2px;flex:1;height:3px}.progress li[data-done]{background:var(--ink)}.progress li[data-current]{background:var(--accent)}.step-weights{gap:var(--space-2);display:grid}.step-weights dt{font-size:var(--text-md);color:var(--ink)}.step-weights dd{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.now-end{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;border-top:var(--rule-quiet);border-bottom:var(--rule-quiet);flex-wrap:wrap;display:flex}.now-end .until{flex:10rem;min-width:0}.now-end .clock{flex:none}.now-end .clock:only-child{text-align:left}.bench-head+.now{margin-top:calc(var(--space-5) - var(--space-7))}.clock{text-align:right;font-variant-numeric:tabular-nums;display:grid}.clock b,.clock .timer{color:var(--ink);font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.clock span{font-size:var(--text-xs);color:var(--muted)}.clock .timer[data-done]{color:var(--accent)}.step-text{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.until{font-size:var(--text-lg)}.repeat{margin-right:var(--space-3);font-variant-numeric:tabular-nums;display:inline-block}.repeat[data-when=past]{color:var(--muted);text-decoration:line-through}.repeat[data-when=next]{font-weight:var(--weight-bold)}.lead{padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent);background:var(--sunken)}.next{font-size:var(--text-sm);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.next b{color:var(--ink);font-weight:var(--weight-semibold)}.result{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);line-height:var(--leading-snug)}.checklist>li{padding:var(--space-3) 0;border-bottom:var(--rule-quiet)}.checklist>li[data-current=true]{font-weight:var(--weight-semibold)}.check-row{gap:var(--space-3);cursor:pointer;align-items:flex-start;display:flex}.sign-in{gap:var(--space-6);grid-template-columns:minmax(0,1fr);max-width:24rem;display:grid}@media (width>=900px){main{max-width:var(--measure-wide)}.bar{padding-inline:calc((100% - var(--measure-wide)) / 2 + var(--space-5))}.bake-columns{gap:var(--space-7);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);display:grid}}.ingredients .group-row th{padding-top:var(--space-4);padding-bottom:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--muted)}.editable{color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:var(--hairline);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:.2em;cursor:pointer;background:0 0;border:none;padding:0;display:inline}.editable:hover,.editable[data-popup-open]{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.editable:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}.inline-text{cursor:text;outline:none}.inline-text:focus,.inline-text:focus-visible{text-decoration-style:solid;-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink);outline:none}.inline-text:empty:before{content:attr(data-placeholder);color:var(--muted)}.recipe-delete{margin-top:var(--space-7)}.steps .editable{gap:var(--space-1);width:100%;text-decoration:none;display:grid}.steps .editable .step-line,.steps .editable .step-was{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:var(--hairline);-webkit-text-decoration-color:var(--muted);text-decoration-color:var(--muted);text-underline-offset:.2em}.steps .editable:hover .step-line{-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.editable s,.step-was,.was s{color:var(--muted);text-decoration-line:line-through}.step-was{font-size:var(--text-sm)}.step-note,.note-row td{font-size:var(--text-sm);color:var(--muted);font-style:italic}.ingredients tr[data-noted]>*{padding-bottom:var(--space-1);border-bottom:none}.ingredients .note-row td{padding-top:0}.edit-positioner{z-index:3}.edit-popup,.sheet{gap:var(--space-3);padding:var(--space-4);border:var(--hairline) solid var(--rule);border-radius:var(--radius);background:var(--paper);color:var(--ink);display:grid}.edit-popup{width:min(22rem,100vw - 2rem);max-height:var(--available-height);overflow-y:auto}.edit-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.edit-form{gap:var(--space-3);display:grid}.was{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--muted);display:flex}.edit-popup .edit-actions{bottom:calc(-1 * var(--space-4));margin-bottom:calc(-1 * var(--space-4));padding-block:var(--space-3) var(--space-4);background:var(--paper);position:sticky}.edit-actions{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.edit-actions>:first-child:not(:nth-last-child(-n+2)){margin-right:auto}.sheet-viewport{z-index:3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:min(100%, var(--measure));max-height:92dvh;padding-bottom:max(var(--space-4), env(safe-area-inset-bottom));border-radius:var(--radius) var(--radius) 0 0;overscroll-behavior:contain;border-bottom:none;transition:transform .3s ease-out;overflow-y:auto}.sheet[data-starting-style],.sheet[data-ending-style]{transform:translateY(100%)}@media (width>=700px){.sheet-viewport{padding:var(--space-5);align-items:center}.sheet{border-bottom:var(--hairline) solid var(--rule);border-radius:var(--radius);width:min(100%,36rem);max-height:85dvh;transition:opacity .2s ease-out,transform .2s ease-out}.sheet[data-starting-style],.sheet[data-ending-style]{opacity:0;transform:translateY(var(--space-4))}}.sheet-content{gap:var(--space-3);display:grid}body:has(.edit-popup,.sheet) .action-bar>:not(.undo-bar){visibility:hidden}.undo-bar{justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm);flex-basis:100%;display:flex}.tried{gap:var(--space-2);display:grid}.tried ul{display:grid}.tried li{justify-content:space-between;align-items:baseline;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:var(--rule-quiet);display:flex}.tried s{color:var(--muted)}.pans{gap:var(--space-2);display:grid}.pan{align-items:center;gap:var(--space-2);grid-template-columns:minmax(0,1fr) 5.5rem auto;display:grid}.pages{gap:var(--space-3);margin:var(--space-4) 0;display:grid}.pages>li{align-items:center;gap:var(--space-3);grid-template-columns:4rem 1fr auto;display:grid}.page-thumb{object-fit:cover;border:var(--hairline) solid var(--rule);border-radius:calc(var(--radius) - 4px);width:4rem;height:5rem}.build-table{margin-bottom:var(--space-5)}.line-unit-fixed{padding-inline:var(--space-2);color:var(--muted)}.number[data-compact]{max-width:none}.number[data-compact] .number-input{width:100%;padding-left:var(--space-2);text-align:right;font-size:var(--text-md)}.action-bar{z-index:1;gap:var(--space-2) var(--space-3);margin-inline:calc(-1 * var(--space-5));padding:var(--space-3) var(--space-5) max(var(--space-3), env(safe-area-inset-bottom));background:var(--paper);flex-wrap:wrap;display:flex;position:sticky;bottom:0}.action-bar[data-stuck]{background:linear-gradient(var(--rule), var(--rule)) top center / calc(100% - 2 * var(--space-5)) var(--hairline) no-repeat, var(--paper)}.action-bar-end{height:0;display:block}.action-bar>.problems{color:var(--danger);font-size:var(--text-sm);background:0 0;border:none;flex-basis:100%;padding:0}.action-bar>.button{min-height:var(--tap-big);padding-inline:var(--space-2);flex:1 1 0}.action-bar>p{flex-basis:100%}@media (width>=700px){.action-bar>.button{flex:0 16rem}}main:has(.action-bar){padding-bottom:0}.add-row{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.steps:empty+.add-row,.counted+.add-row,.table-note+.add-row{margin-top:var(--space-4)}.rows~.add-row{margin-top:var(--space-5)}.pair{align-items:start;gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.problems{padding:var(--space-3) var(--space-4);border-left:3px solid var(--danger);background:var(--sunken);display:block}.problems ul{gap:var(--space-1);display:grid}.jump{z-index:2;gap:var(--space-5);height:calc(var(--tap) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);border-bottom:var(--rule-quiet);background:var(--paper);scroll-target-group:auto;display:flex;position:sticky;top:0;container-type:scroll-state}.jump-name{max-width:40%;font-family:var(--font-display);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis;display:none;overflow:hidden}@container scroll-state(stuck:top){.jump-name{align-self:center;display:block}}.jump a{color:var(--muted);align-self:center}.jump a:target-current{color:var(--ink)}.jump-target{scroll-margin-top:calc(var(--tap) + env(safe-area-inset-top) + var(--space-4))}fieldset.uses{gap:var(--space-2) var(--space-5);border:none;flex-wrap:wrap;min-width:0;margin:0;padding:0;display:flex}fieldset.uses legend{margin-bottom:var(--space-1);flex-basis:100%;padding:0}fieldset.field{border:none;min-width:0;margin:0;padding:0}fieldset.field legend{margin-bottom:var(--space-2);padding:0}.duration-part{flex:1;min-width:0;display:flex}.duration>.duration-part+.duration-part{border-left:var(--rule-quiet)}.duration .number-input{text-align:right}.select{display:block;position:relative}.select select{appearance:none;padding-right:var(--space-6)}.select-icon{right:var(--space-3);color:var(--muted);pointer-events:none;position:absolute;top:50%;translate:0 -50%}.avatar{object-fit:cover;border-radius:50%;width:1.5rem;height:1.5rem}.avatar-large{width:6rem;height:6rem;color:var(--muted)}.shared-by{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.shared-by>.avatar{flex:none}.profile-name{justify-items:start;gap:var(--space-3);display:grid}.profile-section{justify-items:start;gap:var(--space-4);display:grid}.cropper{aspect-ratio:1;border-radius:var(--radius);background:var(--sunken);touch-action:none;cursor:grab;justify-content:center;align-items:center;width:100%;max-width:24rem;display:flex;position:relative;overflow:hidden}.cropper:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cropper-image{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;display:block}.crop-area{pointer-events:none;border:2px solid var(--paper);box-shadow:0 0 0 9999px var(--scrim);border-radius:50%;position:relative}