:root{--lists-paper:#fbfaf6;--lists-panel:#fffefa;--lists-ink:#123b31;--lists-muted:#61736d;--lists-line:#d7ded8;--lists-sage:#e7ece5;--lists-green:#174d39;--lists-green-dark:#103d2d;--lists-warm:#ad5d43;--lists-error:#9d2e2e;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){--lists-paper:#171818;--lists-panel:#1b1d1c;--lists-ink:#ecf9f4;--lists-muted:#d6dcda;--lists-line:#313332;--lists-sage:#0e100f}}.lists-app-page{min-height:100vh;color:var(--lists-ink);background:var(--lists-paper);font-family:var(--font-dm-sans), system-ui, sans-serif}.lists-app-page ::selection{color:#fff;background:var(--lists-green)}:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) .lists-app-page :where(:not(.force-light,.force-light *))::selection{background:#1c7455}.lists-app-page :is(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #a56424}.lists-header{border-bottom:1px solid var(--lists-line);justify-content:space-between;align-items:center;gap:24px;width:min(1180px,100% - 48px);min-height:76px;margin:0 auto;display:flex}.lists-wordmark{width:144px;display:block}.lists-wordmark .brand-mark{display:none}.lists-header nav{font-size:var(--fs-sm);align-items:center;gap:28px;font-weight:650;display:flex}.lists-header nav a{text-underline-offset:5px;text-decoration:underline #0000}.lists-header nav a:hover{text-decoration-color:currentColor}.lists-shell{width:min(1120px,100% - 48px);margin:0 auto;padding:64px 0 88px}.lists-shell h1,.lists-shell h2{color:var(--lists-ink);letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-weight:500}.lists-shell h1{max-width:820px;margin:0 0 12px;font-size:clamp(44px,6vw,72px);line-height:.98}.lists-shell h2{margin:0 0 8px;font-size:28px;line-height:1.08}.lists-lede{max-width:680px;color:var(--lists-muted);font-size:20px;line-height:1.45}.lists-status{max-width:680px;color:var(--lists-muted);margin:32px 0 0}.lists-status[data-error=true]{color:var(--lists-error);&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#fa9891}}.lists-button{border:1px solid var(--lists-green);min-height:46px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:10px 17px;font-weight:700;transition:background-color .16s ease-out,color .16s ease-out;display:inline-flex}.lists-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.lists-button--primary{color:#fff;background:var(--lists-green);&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){background:#1c7455}}.lists-button--primary:hover{background:var(--lists-green-dark);&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){background:#0f6e50}}.lists-button--secondary{color:var(--lists-green);background:0 0;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#8fc5ad}}.lists-button--secondary:hover{background:var(--lists-sage)}.lists-button:disabled{cursor:wait;opacity:.6}.lists-back{color:var(--lists-green);text-underline-offset:4px;margin-bottom:36px;font-weight:700;display:inline-block;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#8fc5ad}}.lists-back:hover{text-decoration:underline}.lists-title-row{border-bottom:1px solid var(--lists-line);justify-content:space-between;align-items:end;gap:32px;padding-bottom:30px;display:flex}.lists-title-row p{max-width:620px;color:var(--lists-muted);margin:0;font-size:18px}.lists-library-grid{border-top:1px solid var(--lists-line);margin-top:28px}.library-row{border-bottom:1px solid var(--lists-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:22px 0;display:grid}.library-row h2{margin-bottom:5px}.library-row__meta{color:var(--lists-muted);font-size:var(--fs-sm);flex-wrap:wrap;gap:9px 18px;display:flex}.library-row__actions{flex-wrap:wrap;justify-content:end;gap:8px;display:flex}.library-row__actions button,.library-row__actions a{min-height:40px;padding:8px 12px}.library-row__actions [data-archive]{border-color:var(--lists-line);color:var(--lists-muted)}.lists-empty{border-top:1px solid var(--lists-line);max-width:560px;margin-top:46px;padding-top:26px}.lists-empty p{color:var(--lists-muted)}.publish-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:64px;display:grid}.publish-main{min-width:0}.publish-heading{border-bottom:1px solid var(--lists-line);justify-content:space-between;align-items:start;gap:20px;margin:34px 0 18px;padding-bottom:18px;display:flex}.publish-heading h2{margin-bottom:5px;font-size:34px}.publish-heading p{color:var(--lists-muted);margin:0}.visibility-chip{color:var(--lists-green);background:var(--lists-sage);font-size:var(--fs-fine);border-radius:999px;padding:6px 10px;font-weight:750;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#8fc5ad}}.publish-items{border-top:1px solid var(--lists-line);margin:0 0 26px;padding:0;list-style:none}.publish-items li{border-bottom:1px solid var(--lists-line);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:60px;display:grid}.publish-item-mark{width:32px;height:36px;color:var(--lists-green);background:var(--lists-sage);border-radius:6px;place-items:center;font:600 15px Georgia,serif;display:grid;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#8fc5ad}}.publish-items strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.publish-items small{color:var(--lists-muted);font-variant-numeric:tabular-nums}.publish-privacy{color:var(--lists-ink);background:var(--lists-sage);gap:14px;margin-top:8px;padding:22px;display:flex}.publish-privacy svg{fill:none;stroke:currentColor;stroke-width:1.7px;flex:none;width:23px;height:23px}.publish-privacy p{color:var(--lists-muted);font-size:var(--fs-ui);margin:5px 0 0;line-height:1.45}.public-list{padding-top:54px}.public-list-heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:42px;display:grid}.visibility-note{max-width:330px;color:var(--lists-green);background:var(--lists-sage);font-size:var(--fs-ui);padding:16px 18px;line-height:1.4;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#8fc5ad}}.public-actions{flex-wrap:wrap;gap:10px;margin:28px 0 30px;display:flex}.manual-copy{max-width:640px;margin:-16px 0 28px}.manual-copy label{font-size:var(--fs-sm);margin-bottom:6px;font-weight:700;display:block}.manual-copy input{border:1px solid var(--lists-line);width:100%;min-height:44px;color:var(--lists-ink);background:#fff;border-radius:7px;padding:9px 11px;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){background:#1d1e1e}}.public-list-meta{border-top:1px solid var(--lists-line);border-bottom:1px solid var(--lists-line);color:var(--lists-muted);font-size:var(--fs-sm);justify-content:space-between;gap:20px;padding:17px 0;display:flex}.public-item-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 20px;padding-top:28px;display:grid}.public-item{min-width:0}.public-item__visual{aspect-ratio:4/3;color:var(--lists-green);background:var(--lists-sage);place-items:center;margin-bottom:12px;font:500 clamp(34px,5vw,58px) Georgia,serif;display:grid;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#8fc5ad}}.public-item__heading{justify-content:space-between;align-items:start;gap:14px;display:flex}.public-item__heading h2{min-width:0;font-family:var(--font-dm-sans), system-ui, sans-serif;font-size:var(--fs-body);letter-spacing:0;margin:0;font-weight:700}.public-item__heading span{font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex:none}.public-item__source{max-width:100%;color:var(--lists-muted);font-size:var(--fs-sm);text-overflow:ellipsis;text-underline-offset:3px;white-space:nowrap;margin-top:3px;text-decoration:underline #0000;display:inline-block;overflow:hidden}.public-item__source:hover{text-decoration-color:currentColor}.public-item__footer{justify-content:space-between;align-items:center;gap:10px;margin-top:13px;display:flex}.vote-button{border:1px solid var(--lists-line);min-width:88px;min-height:40px;color:var(--lists-green);font:inherit;cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:7px 12px;font-weight:750;display:inline-flex;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#8fc5ad}}.vote-button:hover,.vote-button[aria-pressed=true]{background:var(--lists-sage)}.vote-button svg{fill:currentColor;width:16px;height:16px}.tag-row{gap:5px;min-width:0;display:flex;overflow:hidden}.tag-row span{color:#87442f;max-width:90px;font-size:var(--fs-fine);text-overflow:ellipsis;white-space:nowrap;background:#f3dfd6;border-radius:999px;padding:3px 7px;font-weight:700;overflow:hidden;&:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))):where(:not(.force-light,.force-light *)),:where(:root):where([data-scheme=dark]:not(:has(.storefront-body))) &:where(:not(.force-light,.force-light *)){color:#f5a890;background:#1c1613}}@media (width<=760px){.lists-header{width:calc(100% - 32px);min-height:66px}.lists-wordmark{width:124px}.lists-header nav{font-size:var(--fs-sm);gap:16px}.lists-header nav a:first-child{display:none}.lists-shell{width:calc(100% - 32px);padding:42px 0 64px}.lists-shell h1{font-size:43px}.lists-lede{font-size:17px}.lists-title-row,.public-list-heading{display:block}.lists-title-row .lists-button{margin-top:20px}.publish-layout{grid-template-columns:1fr;gap:30px}.publish-privacy{grid-row:1}.library-row{grid-template-columns:1fr;gap:15px}.library-row__actions{justify-content:start}.visibility-note{margin-top:22px;display:inline-block}.public-actions{grid-template-columns:1fr;display:grid}.public-item-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.public-item-grid{grid-template-columns:1fr}.public-item__visual{aspect-ratio:16/10}.public-list-meta{gap:4px;display:grid}.publish-heading{align-items:center}}