footer{visibility:hidden}body:has(.seeds-viewport.complete) footer{visibility:visible}body:has(.seeds-viewport){background:var(--background-baseline)}body:has(.seeds-viewport) .header{--background-cut:var(--background-baseline)}.seeds-viewport{flex:1;margin:0 0 1em}.seeds-viewport .infinity{height:2em;transition:opacity .4s,height .4s}.seeds-viewport .infinity.done{opacity:0;height:0;transition:opacity .4s,height .4s,visibility 0s linear .4s}@keyframes seed-fade-in{0%{opacity:0}to{opacity:1}}.seeds-intro,.seed,.seeds-empty{animation:.5s ease-out both seed-fade-in}.seeds-end{animation:.5s ease-out .3s both seed-fade-in}@media (prefers-reduced-motion:reduce){.seeds-intro,.seed,.seeds-empty,.seeds-end{animation-duration:.01ms;animation-delay:0s}}body:has(.seeds-viewport) footer{background:var(--background-baseline);box-shadow:none}.seeds-end{width:min(600px,100% - 2em);color:var(--text-muted);flex-direction:row;align-items:center;gap:.35em;margin:1.5em auto 2em;padding:0 .25em;display:flex}.seeds-end svg{height:1.5em;fill:var(--border)}.seeds-end .symbolic{font-size:1.3em}.seeds-intro{text-align:left;width:min(600px,100% - 2em);margin:2em auto 0;padding:0 .25em}.seeds-intro h1{margin:0;font-size:1.8em;line-height:1}.seeds-intro p{font-family:var(--font-family-sans-serif);color:var(--text-muted);margin:.25em 0 0;font-weight:400}.seeds-empty{text-align:left;flex-direction:column;align-items:flex-start;gap:.5em;width:min(600px,100% - 2em);margin:2.5em auto 2em;padding:0 .25em;display:flex}.seeds-empty svg{height:3em;fill:var(--border)}.seeds-empty .symbolic_bold{font-size:2em}.seeds-empty p{font-family:var(--font-family-sans-serif);color:var(--text-muted);margin:0;font-weight:400;line-height:1.5}.seeds-newest{width:fit-content;min-height:44px;font-family:var(--font-family-sans-serif);color:var(--text-muted);align-items:center;gap:.2em;margin:1rem 0 0 calc(max(1rem,50% - 300px) + .25rem);font-size:.95em;font-weight:400;display:flex}.seeds-newest svg{fill:currentColor;height:1.4em;transition:transform .2s}.seeds-newest:hover{color:var(--text-color);text-decoration-line:underline}.seeds-newest:hover svg{transform:translate(-2px)}.seeds-newest+.seeds-viewport .seeds-list{margin-top:.5em}.seeds-list{flex-direction:column;width:min(600px,100% - 2em);margin:2em auto;display:flex}.seed{--rule:var(--border);--rule-width:1px;border-bottom:var(--rule-width)solid var(--rule);padding:1em .25em .2em}.seed:first-child{border-top:var(--rule-width)solid var(--rule)}.seed .seed-text{font-family:var(--font-family-sans-serif);overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:1.05em;font-weight:400;line-height:1.5}.seed .seed-url{text-underline-offset:.15em;text-decoration-line:underline;text-decoration-thickness:1px}.seed .seed-url:hover{text-decoration-thickness:2px}.seed.focused .seed-text{font-size:1.6em;line-height:1.4}.seed.focused{padding-top:1.2em}.seed.focused .seed-foot{min-height:44px}.seed .seed-foot{justify-content:space-between;align-items:flex-end;gap:0 .5em;display:flex}.seed .seed-meta{flex-wrap:wrap;align-items:center;gap:.1em 1em;min-width:0;padding-bottom:.75rem;display:flex}.seed .seed-tag{font-family:var(--font-family-sans-serif);color:var(--text-muted);overflow-wrap:anywhere;align-items:flex-start;gap:.35em;font-size:.9em;font-weight:400;line-height:1.4;display:inline-flex}.seed .seed-tag svg{fill:currentColor;flex-shrink:0;height:1.4em}.seed .seed-actions{align-items:center;display:flex}.seed .seed-edit{min-height:44px;font-family:var(--font-family-sans-serif);color:var(--text-muted);align-items:center;padding-left:1em;font-size:.95em;font-weight:400;display:inline-flex}.seed .seed-edit:hover{color:var(--text-color);text-decoration-line:underline}.seed .seed-open{min-height:44px;font-family:var(--font-family-sans-serif);color:var(--text-muted);align-items:center;gap:.2em;padding-left:1em;font-size:.95em;font-weight:400;display:inline-flex}.seed .seed-open svg{fill:currentColor;height:1.4em;margin-left:2px;transition:transform .2s}.seed .seed-open:hover{color:var(--text-color);text-decoration-line:underline}.seed .seed-open:hover svg{transform:translate(2px)}@supports (color:color-mix(in srgb, red, blue)){.seed{--rule:color-mix(in srgb,var(--border)65%,transparent)}}@media (min-resolution:2x){.seed{--rule-width:.5px;--rule:var(--border)}}@media (max-width:768px){.seeds-list{margin:1em auto 4em}}