@layer components{.public-list-page{--list-title-size:1.375rem;--list-title-line:1.75rem;--list-meta-size:0.8125rem;--list-meta-line:1.125rem;--list-description-size:0.875rem;--list-description-line:1.25rem;--list-item-name-size:1rem;--list-item-name-line:1.5rem;--list-item-description-size:0.875rem;--list-item-description-line:1.25rem;--list-item-text-gap:0.125rem;--list-number-column:1.5rem;--list-content-gap:0.5rem;--list-row-padding:0.375rem;--list-control-size:2.75rem;padding-block:1.5rem 4rem}.public-site-header:has(~.public-list-page){border-bottom:0}.public-site-header:has(~.public-list-page) .public-site-header__inner>a{margin-left:-.5rem}.public-list-heading{padding-bottom:0;border-bottom:0}.public-list-title-row{display:flex;align-items:flex-start;gap:.5rem}.public-list-title{flex:1;min-width:0;min-height:var(--list-title-line);max-width:44rem;display:block;color:var(--foreground);font-size:var(--list-title-size);line-height:var(--list-title-line);font-weight:600;letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:balance}textarea.public-list-title-input{width:0;padding:0;border:0;field-sizing:content;resize:none;overflow:hidden;background:transparent;outline:none;box-shadow:none;white-space:pre-wrap}.public-list-description-edit-target,.public-list-edit-target,.public-list-item-edit-target{cursor:text}.public-list-description-edit-target:focus-visible,.public-list-edit-target:focus-visible,.public-list-item-edit-target:focus-visible{border-radius:.25rem;outline:2px solid var(--ring);outline-offset:2px}.public-list-meta{margin-top:.5rem;display:flex;align-items:center;gap:.5rem;color:var(--muted-foreground);font-size:var(--list-meta-size);line-height:var(--list-meta-line)}.public-list-meta__details{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;white-space:normal}.public-list-page .public-creator-link{min-height:1.5rem;margin-top:0;display:inline-flex;align-items:center;color:var(--primary);font-size:var(--list-meta-size);line-height:var(--list-meta-line);font-weight:400;letter-spacing:0;text-transform:none;text-decoration:none;overflow-wrap:anywhere}.public-list-page .public-creator-link:hover{text-decoration:underline;text-underline-offset:.22em}.public-list-owner-actions{margin-top:.75rem;display:grid;grid-template-columns:var(--list-control-size) repeat(3,minmax(0,1fr));gap:.5rem}.public-list-owner-actions .owner-control{width:100%;min-width:0;min-height:var(--list-control-size);padding-inline:.75rem;border:0;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--secondary);color:var(--foreground);font-size:.9375rem;line-height:1.25rem;font-weight:500;text-decoration:none}.public-list-owner-actions .owner-control:hover{background:var(--secondary)}.public-list-owner-actions .owner-control:disabled{opacity:.5}.public-list-owner-actions .owner-control[data-active-action=done]{color:var(--primary)}.public-list-owner-actions svg{width:1.125rem;height:1.125rem}.public-list-title-row .public-list-actions{flex:none;margin-top:-.5rem;display:flex;align-items:center;flex-wrap:nowrap;gap:.375rem}.public-list-page .public-share-button{min-width:var(--list-control-size);min-height:var(--list-control-size);padding-inline:.5rem;border:1px solid transparent;border-radius:.625rem;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--secondary);color:var(--foreground);font-size:.875rem;line-height:1.25rem;font-weight:500;transition:background-color .15s ease,border-color .15s ease}.public-list-page .public-share-button:hover{background:var(--secondary)}.public-list-title-row .public-share-button svg{width:1.125rem;height:1.125rem}.public-list-title-row .public-share-button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.public-list-description{max-width:42rem;margin-top:.75rem;margin-bottom:.5rem;color:#666666;font-size:var(--list-description-size);line-height:var(--list-description-line);font-weight:400;overflow-wrap:anywhere}.public-list-description-input{width:100%;min-height:var(--list-description-line);padding:0;border:0;border-radius:0;background:transparent;outline:none;box-shadow:none}.public-list-description--placeholder,.public-list-description-input::placeholder{color:var(--muted-foreground)}.public-list-page :where(a,button):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.public-item-list,.public-list-items{margin:0;padding:0}.public-item-list{list-style:none}.public-list-item{min-height:0;padding-block:var(--list-row-padding);border:0;position:relative;display:grid;align-items:baseline;grid-template-columns:var(--list-number-column) minmax(0,1fr);gap:var(--list-content-gap);background:transparent;content-visibility:auto;contain-intrinsic-size:auto 3.875rem}.public-list-item[data-dragging=true]{border-radius:var(--radius);opacity:.92;box-shadow:0 14px 35px color-mix(in oklab,var(--foreground) 14%,transparent)}.public-list-item__number{padding:0;color:var(--muted-foreground);font-size:var(--list-item-name-size);line-height:var(--list-item-name-line);font-weight:500;font-variant-numeric:tabular-nums}.public-list-item__number:after{content:"."}.public-list-item__name{font-size:var(--list-item-name-size);line-height:var(--list-item-name-line);font-weight:600;letter-spacing:0;overflow-wrap:anywhere}.public-list-item__name--placeholder{color:var(--muted-foreground);font-weight:500}.public-list-item__description{margin-top:var(--list-item-text-gap);color:var(--muted-foreground);font-size:var(--list-item-description-size);line-height:var(--list-item-description-line);font-weight:400;overflow-wrap:anywhere}.public-list-item[data-item-mode=arrange]{grid-template-columns:2.5rem var(--list-number-column) minmax(0,1fr) 2.5rem;column-gap:.25rem;row-gap:var(--list-content-gap);align-items:start;content-visibility:visible}.public-list-item[data-item-mode=arrange] .public-list-item__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-list-page .expandable-description__content{max-height:calc(var(--description-lines) * 1lh)}.public-list-page .expandable-description--expanded .expandable-description__content{max-height:none}.public-list-page .public-list-description:after,.public-list-page .public-list-item__description:after{display:none}.public-list-empty-items{min-height:9rem;padding:2rem;border:1px dashed var(--border);border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--muted-foreground);font-size:.9rem;text-align:center}.public-list-page .public-load-more{width:fit-content;min-height:2.65rem;margin:1.5rem auto 0;padding-inline:1.1rem;border:1px solid var(--border);border-radius:999px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--foreground);font-size:.85rem;font-weight:620;text-decoration:none}.public-list-page .public-load-more:hover{background:var(--secondary)}.public-list-page .public-load-more:disabled{cursor:not-allowed;opacity:.5}.public-list-page[data-list-mode=edit] .public-load-more{min-height:2.75rem;padding-inline:.9rem;background:var(--background);font-size:.82rem;font-weight:640}.public-pagination-message,.public-stale-page{margin-top:2rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted-foreground);font-size:.88rem}.public-pagination-message button,.public-stale-page a{color:var(--primary);font-weight:650}.item-text-block,.item-text-block-wrap{min-width:0}.item-text-block{position:relative;isolation:isolate}.item-text-block:before{content:"";position:absolute;inset:-.25rem -.5rem;z-index:-1;border-radius:.5rem;background:#f7f7f7;opacity:0;pointer-events:none}.item-text-block[data-editing=true]:before{opacity:1}.item-text-block-wrap{padding-right:0}.item-text-block textarea{width:100%;padding:0;border:0;border-radius:0;display:block;resize:none;overflow:hidden;background:transparent;outline:none;box-shadow:none;overflow-wrap:anywhere}.item-text-block__name{min-height:var(--list-item-name-line);color:var(--foreground);font-size:var(--list-item-name-size);line-height:var(--list-item-name-line);font-weight:600}.item-text-block__description{min-height:var(--list-item-description-line);margin-top:var(--list-item-text-gap);color:var(--muted-foreground);font-size:var(--list-item-description-size);line-height:var(--list-item-description-line);font-weight:400}.item-text-block:not([data-editing=true]) .item-text-block__description{max-height:var(--list-item-description-line);overflow:hidden}.item-text-block[data-empty-description=true][data-editing=false] .item-text-block__description{display:none}.item-text-block textarea::placeholder{color:var(--muted-foreground);font-weight:inherit;opacity:1}.description-editor{position:relative;min-width:0}.description-editor__input{width:100%;padding:0;border:0;border-radius:0;display:block;background:transparent;outline:none;box-shadow:none;white-space:pre-wrap;overflow-wrap:anywhere}.description-editor__input>p{margin:0}.description-editor__placeholder{position:absolute;top:.25rem;left:0;color:var(--muted-foreground);font-size:var(--list-item-description-size);line-height:var(--list-item-description-line);pointer-events:none}.list-description-editor .description-editor__placeholder{top:.75rem;font-size:var(--list-description-size);line-height:var(--list-description-line)}.description-editor__chip-host{display:inline}.description-editor__chip[data-selected=true]{border-color:var(--primary);outline:2px solid color-mix(in oklab,var(--primary) 30%,transparent);outline-offset:1px}.inline-item-control-slot{position:relative;align-self:start;min-width:0;height:var(--list-item-name-line);display:block}.inline-item-handle,.inline-item-remove{position:absolute;top:50%;left:50%;width:var(--list-control-size);height:var(--list-control-size);display:grid;place-items:center;transform:translate(-50%,-50%)}.inline-item-handle{color:var(--muted-foreground);touch-action:none;cursor:grab}.inline-item-handle:active{cursor:grabbing}.inline-item-handle:disabled{cursor:default;opacity:.4}.inline-item-remove{border-radius:999px;color:var(--destructive)}.inline-item-remove:hover{background:color-mix(in oklab,var(--destructive) 10%,transparent)}.inline-item-remove svg{width:1.125rem;height:1.125rem}.public-list-undo-toast,.share-feedback-toast{position:fixed;bottom:calc(1.5rem + env(safe-area-inset-bottom));left:50%;z-index:100;max-width:calc(100vw - 2rem);border-radius:.75rem;background:var(--foreground);color:var(--background);box-shadow:0 4px 16px rgb(0 0 0/14%);font-size:.875rem;line-height:1.25rem;font-weight:500;transform:translateX(-50%)}.share-feedback-toast{padding:.75rem 1rem;pointer-events:none}.public-list-undo-toast{width:max-content;padding:.75rem .875rem .75rem 1rem;display:flex;align-items:center;gap:1rem}.public-list-undo-toast span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-list-undo-toast button{flex:none;min-height:2rem;padding-inline:.5rem;border-radius:.5rem;color:color-mix(in oklab,var(--primary) 72%,white);font-weight:650}.public-list-page[data-add-space=true]{padding-bottom:max(16rem,50svh)}}@media (prefers-reduced-motion:reduce){.public-list-page .public-share-button{transition:none}}