:root{--surface:#fff;--hover:#f5f5f5;--ink:#262626;--selected:#ededeb;--accent:#525252}.explorer-header{border-bottom:0;grid-template-columns:1fr minmax(280px,520px) 1fr;gap:28px;height:94px;display:grid}.explorer-header .brand{color:var(--ink);justify-self:start;font-size:29px}.explorer-header #search-form{width:100%;min-width:0}.explorer-header .search-box{border:1px solid var(--line);background:var(--surface);border-radius:13px;height:46px;padding:4px 5px 4px 17px;box-shadow:0 2px 8px #86639506}.explorer-header .search-box:focus-within{border-color:#a3a3a3;box-shadow:0 0 0 3px #73737318}.explorer-header .search-box input{color:var(--ink);font-size:13px}.explorer-header .search-box input::placeholder{color:var(--muted)}.explorer-header .ask-button{color:#6b467e;background:linear-gradient(120deg,#fce7f3,#ede9fe);border-radius:9px;place-items:center;width:38px;height:36px;padding:0;display:grid}.explorer-header .ask-button:hover{filter:brightness(.96)}.explorer-header .ask-button svg{stroke:currentColor;stroke-width:1.8px}.theme-toggle{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;color:var(--muted);border-radius:50%;justify-self:end;place-items:center;padding:0;display:grid}.theme-toggle:hover{background:var(--hover)}.sun-icon{display:none}#explorer main{padding-top:0}.toolbar{flex-wrap:nowrap;justify-content:flex-start;gap:22px;padding:0 0 14px}.filter-menu{flex:none;position:relative}.filter-trigger{cursor:pointer;border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:0 12px;font-size:12px;list-style:none;display:flex}.filter-trigger::-webkit-details-marker{display:none}.filter-trigger>svg{color:var(--muted);flex:none}.filter-trigger>svg:last-child{margin-left:4px;transition:transform .15s}.filter-menu[open] .filter-trigger{background:var(--hover);border-color:#a3a3a3}.filter-menu[open] .filter-trigger>svg:last-child{transform:rotate(180deg)}.filter-panel{z-index:10;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:230px;max-height:min(410px,65dvh);padding:5px;position:absolute;top:calc(100% + 7px);left:0;overflow:auto;box-shadow:0 10px 35px #29203318}.filter-option{text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:44px;padding:9px 10px;font-size:12px;display:flex}.filter-option>.avatar{width:27px;height:27px}.filter-option>svg:last-child:not(:first-child){margin-left:auto}.filter-option:hover,.filter-option:focus-visible{background:var(--hover)}.filter-option.selected,.filter-option[aria-pressed=true]{background:var(--selected);color:var(--ink)}.filter-option .sort-check{visibility:hidden}.filter-option[aria-pressed=true] .sort-check{visibility:visible}.sort-picker{margin-left:auto}.sort-picker .filter-panel{width:205px;left:auto;right:0}.categories{gap:2px;min-width:0}.categories button{color:var(--muted);border-radius:7px;padding:9px 12px}.categories button:hover{background:var(--hover)}.categories button[aria-pressed=true]{background:var(--selected);color:var(--ink);font-weight:600}.feed-heading{align-items:center;gap:12px;min-height:72px;display:flex}.feed-heading h1{letter-spacing:-.5px;color:var(--ink);margin:0;font-size:19px;font-weight:600;line-height:1.3}#feed-date{color:var(--muted);font-size:11px}.feed-heading button{color:var(--accent);text-underline-offset:3px;background:0 0;border:0;padding:10px 0;font-size:11px;text-decoration:underline}#reset-filters{margin-left:auto}.post-card{background:var(--surface);border-radius:9px}.search-active .sort-picker{display:none}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e5e5;--ink:#f5f5f5;--muted:#a3a3a3;--line:#404040;--surface:#262626;--hover:#303030;--selected:#404040;--accent:#d4d4d4;background:#171717}[data-theme=dark] .moon-icon{display:none}[data-theme=dark] .sun-icon{display:block}[data-theme=dark] .post-card:hover{background:#2b2b2b;border-color:#737373}[data-theme=dark] .card-text,[data-theme=dark] .card-title{color:var(--ink)}[data-theme=dark] .card-bottom{border-color:var(--line)}[data-theme=dark] dialog,[data-theme=dark] .dialog-bar,[data-theme=dark] .dialog-footer,[data-theme=dark] .empty-state button,[data-theme=dark] .skeleton,[data-theme=dark] .skip-link{background:var(--surface)}[data-theme=dark] .icon-button:hover:enabled,[data-theme=dark] #original-post,[data-theme=dark] .load-more:hover{background:var(--hover)}[data-theme=dark] .full-text a{color:var(--accent)}.load-more{border-color:var(--line)}@media (width<=960px){.explorer-header{grid-template-columns:1fr minmax(260px,460px) 1fr;gap:22px}.toolbar{gap:12px}.categories button{padding-inline:8px}.filter-trigger{gap:6px;padding-inline:9px}}@media (width<=760px){.explorer-header{grid-template-columns:1fr auto;gap:16px;height:auto;padding:18px 0}.explorer-header .brand{font-size:27px}.explorer-header #search-form{grid-area:2/1/auto/-1}.theme-toggle{grid-area:1/2}.toolbar{gap:8px}.categories{scrollbar-width:thin;flex:1;justify-content:flex-start;width:auto;overflow:auto}.categories button{flex:none;padding-inline:10px}.filter-trigger{gap:5px;padding-inline:9px;font-size:11px}.filter-trigger>svg:first-child{display:none}.filter-trigger>svg:last-child{width:12px;margin-left:0}.creator-picker .filter-trigger>span{text-overflow:ellipsis;max-width:85px;overflow:hidden}.sort-picker .filter-trigger>span{text-overflow:ellipsis;max-width:90px;overflow:hidden}.feed-heading{flex-wrap:wrap;gap:8px;min-height:65px}.feed-heading h1{font-size:18px}}@media (width<=480px){.toolbar{grid-template-columns:1fr 1fr;gap:8px;padding-bottom:10px;display:grid}.creator-picker{grid-area:1/1}.sort-picker{grid-area:1/2;margin-left:0}.filter-trigger{justify-content:space-between;padding-inline:12px;font-size:12px}.creator-picker .filter-trigger>span,.sort-picker .filter-trigger>span{max-width:120px}.categories{grid-area:2/1/auto/-1;justify-content:space-between;width:100%}.categories button{padding-inline:10px;font-size:12px}}.toolbar{align-items:center;gap:16px;display:flex}.creator-carousel{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.creator-track{scroll-snap-type:x proximity;scrollbar-width:none;flex:1;gap:8px;min-width:0;padding:4px;display:flex;position:relative;overflow-x:auto}.creator-track::-webkit-scrollbar{display:none}.creator-card{border:1px solid var(--line);background:var(--surface);white-space:nowrap;scroll-snap-align:start;border-radius:9px;flex:none;align-items:center;gap:9px;min-height:44px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.creator-card .avatar{background:var(--selected);width:30px;height:30px;color:var(--ink)}.creator-card.selected{background:var(--selected);border-color:var(--muted)}.creator-card:hover{background:var(--hover)}.carousel-arrow{border:1px solid var(--line);background:var(--surface);border-radius:7px;flex:none;place-items:center;width:30px;min-height:44px;padding:0;display:grid}.carousel-arrow:hover:enabled{background:var(--hover)}.category-picker{flex:none;margin-left:auto}.category-picker .filter-panel{width:180px;left:auto;right:0}.category-picker .filter-trigger{justify-content:space-between;min-width:120px}.post-grid{columns:3;column-gap:12px;display:block}.post-card,.post-card[data-size]{break-inside:avoid;vertical-align:top;width:100%;height:auto;margin:0 0 12px;display:inline-flex}.post-card .card-text{-webkit-line-clamp:8!important}.post-card[data-size=medium] .card-text{-webkit-line-clamp:11!important}.post-card[data-size=tall] .card-text{-webkit-line-clamp:15!important}.post-card[data-size=feature] .card-text{-webkit-line-clamp:19!important}.search-active .post-grid{columns:1}@media (width<=960px){.post-grid{columns:2}}@media (width<=720px){.toolbar{gap:8px}.creator-card{gap:7px;padding:6px 9px}.category-picker .filter-trigger{min-width:100px}.carousel-arrow{width:26px}.creator-carousel{gap:2px}.post-grid{display:block}}@media (width<=480px){.post-grid{columns:1}.creator-card{flex-direction:column;gap:5px;min-width:92px;font-size:11px}.category-picker .filter-trigger{min-width:90px;padding-inline:8px}.toolbar{align-items:center}.carousel-arrow{width:24px}}
