body #app:has([data-discovery-feed]){background:#fff}@media (min-width:768px){body #app:has([data-discovery-feed]){--community-header-height:76px}}body #app [data-discovery-feed]{--feed-ink:#282828;--feed-muted:#777;--note-card-gap:28px;--note-card-fit:contain;overflow-anchor:none;background:#fff;max-width:1800px;padding:0 28px 56px}body #app [data-discovery-feed] .planet-welcome-banner.brand-scene{display:none}body #app [data-discovery-feed] .discovery-filter-note{color:var(--feed-muted);gap:8px;margin:0 0 16px;font-size:13px;line-height:1.6}body #app [data-discovery-feed] .note-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:dense;align-items:start;gap:0 24px}body #app [data-discovery-feed] .note-card{min-width:0;transition:none;translate:none}body #app [data-discovery-feed] .note-inner{width:100%;padding:0}body #app [data-discovery-feed] .note-cover{box-shadow:none;background:#f6f6f6;border-radius:12px;min-height:44px}body #app [data-discovery-feed] .note-card-image{background:#f6f6f6}body #app [data-discovery-feed] .note-title{letter-spacing:0;min-height:0;color:var(--feed-ink);overflow-wrap:anywhere;-webkit-line-clamp:2;margin:9px 0 3px;padding:0 5px;font-size:14px;line-height:1.5}body #app [data-discovery-feed] .note-content-cue{display:none}body #app [data-discovery-feed] .note-meta{min-height:28px;color:var(--feed-muted);justify-content:flex-start;gap:2px;padding:0 5px;font-size:12px}body #app [data-discovery-feed] .note-meta>a{flex:0 auto;gap:6px;min-width:0;min-height:28px}body #app [data-discovery-feed] .note-meta .avatar{flex:0 0 20px;width:20px;height:20px;font-size:10px}body #app [data-discovery-feed] .note-like{min-width:32px;min-height:28px;color:var(--feed-muted);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:flex-end;gap:4px;margin-left:auto;padding:0;font-size:12px}body #app [data-discovery-feed] .note-like svg{width:16px;height:16px}body #app [data-discovery-feed] .note-meta>.official-badge{width:24px;min-width:24px;min-height:28px;box-shadow:none;color:#8879c2;background:0 0;border:0;flex:none;margin:0;padding:0;position:relative}body #app [data-discovery-feed] .note-meta>.official-badge>span{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}body #app [data-discovery-feed] .note-meta>.official-badge>svg{width:13px;height:13px}body #app [data-discovery-feed] .note-card.is-text-card .note-inner{background:#fafafa;border:1px solid #ececec;border-radius:12px;padding:20px 16px 9px}body #app [data-discovery-feed] .note-card.is-text-card .note-title{-webkit-line-clamp:3;margin:0 0 12px;padding:0;font-size:17px;font-weight:600}body #app [data-discovery-feed] .note-card.is-text-card .note-excerpt{-webkit-line-clamp:7;color:#666;margin:0 0 18px;font-size:14px;line-height:1.8}body #app [data-discovery-feed] .note-card.is-text-card .note-meta{padding:0}body #app [data-discovery-feed] :is(.note-cover,.note-title,.note-meta>a,.note-like,.official-badge){scroll-margin-top:calc(var(--community-header-height,76px) + 112px);scroll-margin-bottom:calc(var(--bottom-safe,0px) + 18px)}body #app [data-discovery-feed] .discovery-end{color:var(--feed-muted);margin-top:24px;font-size:13px}@media (min-width:681px) and (max-width:1100px){body #app [data-discovery-feed]{padding-inline:22px}body #app [data-discovery-feed] .note-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:20px}}@media (max-width:680px){body #app [data-discovery-feed]{--note-card-gap:18px;padding:0 10px calc(var(--bottom-safe,76px) + 28px)}body #app [data-discovery-feed] .note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px}body #app [data-discovery-feed] .note-cover{border-radius:10px}body #app [data-discovery-feed] .note-title{min-height:0;margin:7px 0 0;padding:0 4px;font-size:14px}body #app [data-discovery-feed] .note-meta{gap:0;min-height:40px;padding:0 3px;font-size:11px}body #app [data-discovery-feed] .note-meta>a{gap:4px;min-height:44px}body #app [data-discovery-feed] .note-meta .avatar{flex-basis:18px;width:18px;height:18px;font-size:9px}body #app [data-discovery-feed] .note-like{gap:3px;min-width:40px;min-height:44px;font-size:11px}body #app [data-discovery-feed] .note-like svg{width:16px;height:16px}body #app [data-discovery-feed] .note-meta>.official-badge{width:26px;min-width:26px;min-height:44px}body #app [data-discovery-feed] .note-card.is-text-card .note-inner{border-radius:10px;padding:16px 10px 3px}body #app [data-discovery-feed] .note-card.is-text-card .note-title{font-size:15px}body #app [data-discovery-feed] .note-card.is-text-card .note-excerpt{-webkit-line-clamp:6;font-size:13px;line-height:1.75}}@media (hover:hover) and (pointer:fine){body #app [data-discovery-feed] .note-card:hover{translate:none}body #app [data-discovery-feed] .note-card:has(button:hover,a:hover){translate:none}body #app [data-discovery-feed] .note-cover{transition:filter .12s}body #app [data-discovery-feed] .note-cover:hover{filter:brightness(.98)}body #app [data-discovery-feed] .note-title:hover{color:#555}body #app [data-discovery-feed] .note-meta>a:hover{color:#222}body #app [data-discovery-feed] .note-meta>.official-badge:hover{background:#f5f3f9}}@media (prefers-contrast:more){body #app [data-discovery-feed]{--feed-muted:#454545}body #app [data-discovery-feed] .note-card.is-text-card .note-inner{border-color:#777}}body #app [data-discovery-feed] .note-card-image img{object-fit:contain!important}body #app [data-discovery-feed] .note-title{-webkit-line-clamp:3;font-weight:600}body #app [data-discovery-feed] .note-image-hint{pointer-events:none;background:#fffffff2;border:1px solid #e6e4ef;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex;position:absolute;bottom:8px;left:8px}@media (max-width:680px){body #app [data-discovery-feed] .note-title{line-height:1.55}body #app [data-discovery-feed] .note-image-hint{padding:3px 7px;font-size:10px;line-height:16px;bottom:6px;left:6px}}body #app [data-discovery-feed]{--feed-ink:#332e40;--feed-muted:#777080}body #app [data-discovery-feed] .note-cover{border:1px solid var(--discover-card-border,#eeeaf3);border-radius:14px}body #app [data-discovery-feed] .note-image-hint{color:#55446f;background:#fffffff0;border-color:#e1d9f0}@media (max-width:680px){body #app [data-discovery-feed] .note-cover{border-radius:11px}}body #app [data-discovery-feed] .note-card:not(.is-text-card) .note-excerpt{-webkit-line-clamp:2;color:var(--muted-readable,#5e657e);-webkit-box-orient:vertical;margin:0 8px 8px;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}html[data-theme=dark] body #app:has([data-discovery-feed]){background:var(--theme-surface)}html[data-theme=dark] body #app [data-discovery-feed]{--feed-ink:var(--theme-ink);--feed-muted:var(--theme-text);background:var(--theme-surface)}html[data-theme=dark] body #app [data-discovery-feed] .note-card-image{background:var(--theme-subtle)}html[data-theme=dark] body #app [data-discovery-feed] .note-meta>.official-badge{color:var(--theme-muted)}html[data-theme=dark] body #app [data-discovery-feed] .note-card.is-text-card .note-inner{border:1px solid var(--theme-border);background:var(--theme-surface)}html[data-theme=dark] body #app [data-discovery-feed] .note-card.is-text-card .note-excerpt{color:var(--theme-text)}@media (hover:hover) and (pointer:fine){html[data-theme=dark] body #app [data-discovery-feed] .note-title:hover{color:var(--theme-text)}html[data-theme=dark] body #app [data-discovery-feed] .note-meta>a:hover{color:var(--theme-ink)}html[data-theme=dark] body #app [data-discovery-feed] .note-meta>.official-badge:hover{background:var(--theme-subtle)}}@media (prefers-contrast:more){html[data-theme=dark] body #app [data-discovery-feed]{--feed-muted:var(--theme-ink)}}html[data-theme=dark] body #app [data-discovery-feed] .note-image-hint{border:1px solid var(--theme-border);background:color-mix(in srgb,var(--theme-surface) 95%,transparent);color:var(--theme-text)}html[data-theme=dark] body #app [data-discovery-feed]{--feed-ink:var(--theme-ink);--feed-muted:var(--theme-muted)}html[data-theme=dark] body #app [data-discovery-feed] .note-image-hint{background:color-mix(in srgb,var(--theme-surface) 94%,transparent);border-color:var(--theme-border);color:var(--theme-text)}