:root{color-scheme:light dark;--color-white: #ffffff;--color-ink: #111111;--color-ink-rgb: 17 17 17;--color-slate-rgb: 17 24 39;--color-panel-rgb: 255 255 255;--color-shadow-rgb: 17 17 17;--color-overlay-rgb: 17 17 17;--color-logo-filter: none;--color-background: var(--color-white);--color-surface: #f7f7f4;--color-surface-raised: #ededEA;--color-surface-subtle: #fbfbf9;--color-control: #f2f2f2;--color-control-hover: #e8e8e8;--color-text: var(--color-ink);--color-text-muted: rgb(var(--color-ink-rgb) / .64);--color-text-secondary: rgb(var(--color-ink-rgb) / .78);--color-border: rgb(var(--color-slate-rgb) / .1);--color-border-strong: rgb(var(--color-ink-rgb) / .12);--color-accent: var(--color-ink);--bg: var(--color-background);--surface: var(--color-surface);--line: var(--color-border);--text: var(--color-text);--muted: var(--color-text-muted);--accent: var(--color-accent);--radius: 28px}*{scrollbar-width:thin;scrollbar-color:gray transparent}@media(prefers-color-scheme:dark){:root{--color-ink: #f6f4ee;--color-ink-rgb: 246 244 238;--color-slate-rgb: 246 244 238;--color-panel-rgb: 20 20 18;--color-shadow-rgb: 0 0 0;--color-overlay-rgb: 0 0 0;--color-logo-filter: invert(1);--color-background: #0c0c0b;--color-surface: #171714;--color-surface-raised: #20201c;--color-surface-subtle: #121210;--color-control: #242420;--color-control-hover: #2e2e29;--color-text: var(--color-ink);--color-text-muted: rgb(var(--color-ink-rgb) / .62);--color-text-secondary: rgb(var(--color-ink-rgb) / .78);--color-border: rgb(var(--color-ink-rgb) / .1);--color-border-strong: rgb(var(--color-ink-rgb) / .16);--color-accent: #34342f}}*{box-sizing:border-box}html,body{min-height:100%;background:var(--color-surface-subtle)}body{margin:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{appearance:none;border:0;background:none;font:inherit;text-align:left}h1,p{margin:0}.explore-app{min-height:100vh;border-top:1px solid var(--line);background:var(--color-surface-subtle)}.explore-shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh;background:var(--color-surface-subtle)}.source-sidebar{display:flex;flex-direction:column;gap:.85rem;height:100vh;padding:.85rem .85rem .85rem 1rem;border-right:1px solid var(--line);background:rgb(var(--color-panel-rgb) / 1)}.source-menu-close,.source-menu-backdrop,.mobile-feed-bar{display:none}.source-filter-row{display:flex;align-items:center;gap:.5rem}.source-home-link{display:inline-grid;align-items:center;justify-items:center;width:40px;height:40px;flex:0 0 auto;border:1px solid var(--line);border-radius:14px;background:var(--color-surface-subtle);transition:border-color .18s ease,background .18s ease}.source-home-link:hover,.source-home-link:focus-visible{border-color:var(--color-border-strong);background:rgb(var(--color-panel-rgb) / 1)}.source-home-link:focus-visible{outline:2px solid rgb(var(--color-ink-rgb) / .18);outline-offset:2px}.source-home-link img{width:24px;height:24px;display:block;filter:var(--color-logo-filter)}.source-search{display:flex;align-items:center;gap:.45rem;flex:1 1 auto;min-width:0;min-height:40px;padding:0 .35rem 0 .75rem;border:1px solid var(--line);border-radius:14px;background:var(--color-surface-subtle);color:var(--muted);font-size:.88rem}.source-search:focus-within{border-color:var(--color-border-strong);background:rgb(var(--color-panel-rgb) / 1)}.source-search input{flex:1 1 auto;width:100%;min-width:0;border:0;outline:0;padding:0;background:transparent;color:var(--text);font:inherit}.source-search input::-webkit-search-cancel-button{width:16px;height:16px;margin-left:.4rem;background:var(--text);cursor:pointer;-webkit-appearance:none;-webkit-mask:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 4.25 11.75 11.75M11.75 4.25 4.25 11.75' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 4.25 11.75 11.75M11.75 4.25 4.25 11.75' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat}.source-search input::placeholder{color:var(--muted)}.category-filter{position:relative;flex:0 0 auto}.category-filter-button{display:inline-grid;align-items:center;justify-items:center;width:32px;height:32px;padding:0;border:0;border-radius:10px;background:transparent;color:rgb(var(--color-ink-rgb) / .72);cursor:pointer}.category-filter-button:hover,.category-filter-button[aria-expanded=true]{background:rgb(var(--color-ink-rgb) / .06)}.category-filter-button:focus-visible{outline:2px solid rgb(var(--color-ink-rgb) / .18);outline-offset:1px}.category-filter-button svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;fill:none}.category-filter-button-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.category-filter-menu{position:absolute;z-index:10;top:calc(100% + .35rem);right:0;width:max-content;min-width:210px;display:grid;gap:.1rem;max-height:min(340px,60vh);overflow:auto;padding:.35rem;border:1px solid var(--line);border-radius:16px;background:rgb(var(--color-panel-rgb) / 1);box-shadow:0 18px 44px rgb(var(--color-shadow-rgb) / .18)}.category-filter-menu[hidden]{display:none}.category-filter-option{min-height:36px;padding:0 .65rem;border:0;border-radius:12px;background:transparent;color:rgb(var(--color-ink-rgb) / .72);cursor:pointer;text-align:left}.category-filter-option:hover,.category-filter-option.is-active{background:var(--color-control);color:rgb(var(--color-ink-rgb) / .92)}.source-nav{display:flex;flex:1 1 auto;flex-direction:column;gap:.16rem;min-height:0;overflow:auto;padding-right:.1rem}.source-group-label{margin:.75rem 0 .25rem;padding:0 .55rem;color:rgb(var(--color-ink-rgb) / .42);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.source-nav-item{display:flex;align-items:center;gap:.65rem;width:100%;min-width:0;padding:.5rem;border:0;border-radius:14px;background:transparent;color:rgb(var(--color-ink-rgb) / .72);cursor:pointer;transition:background .18s ease,color .18s ease}.source-nav-item--overview{display:none}.source-nav-item:hover,.source-nav-item--active{background:var(--color-control);color:rgb(var(--color-ink-rgb) / .92)}.source-nav-item[hidden]{display:none}.source-nav-item span:last-child{display:grid;gap:.14rem;min-width:0}.source-nav-item strong,.source-nav-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-nav-item strong{font-size:.88rem;font-weight:600;letter-spacing:-.01em}.source-nav-item small{color:rgb(var(--color-ink-rgb) / .48);font-size:.76rem}.source-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border:1px solid var(--line);border-radius:9px;background:rgb(var(--color-panel-rgb) / 1);color:rgb(var(--color-ink-rgb) / .72);font-size:.72rem;font-weight:700;letter-spacing:-.03em;overflow:hidden;position:relative}.source-icon img{width:100%;height:100%;display:block;object-fit:contain;padding:5px;background:var(--color-white)}.source-icon--brand img{padding:6px;background:rgb(var(--color-panel-rgb) / 1);filter:var(--color-logo-filter)}.source-icon img:not([hidden])+span{display:none}.source-icon img[hidden]+span{display:grid;place-items:center}.source-icon--start{background:var(--accent);color:var(--color-white)}.source-request-link{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0;margin-top:auto;padding:.75rem;border:1px solid var(--line);border-radius:16px;background:var(--color-surface-subtle);color:rgb(var(--color-ink-rgb) / .74);transition:border-color .18s ease,background .18s ease,color .18s ease}.source-request-link:hover{border-color:var(--color-border-strong);background:rgb(var(--color-panel-rgb) / 1);color:rgb(var(--color-ink-rgb) / .92)}.source-request-link span{display:grid;gap:.16rem;min-width:0}.source-request-link strong,.source-request-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-request-link strong{font-size:.88rem;font-weight:650;letter-spacing:-.01em}.source-request-link small{color:rgb(var(--color-ink-rgb) / .48);font-size:.76rem}.source-request-link svg{width:18px;height:18px;flex:0 0 auto;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.explore-content{min-width:0;height:100vh;overflow:auto;padding:0;background:var(--color-surface-subtle)}.feed-view{display:grid;gap:1rem;align-self:start;padding:clamp(.8rem,1.6vw,1.25rem)}.feed-header{position:sticky;top:0;z-index:2;display:block;padding:.25rem 0 .75rem;background:var(--color-surface-subtle)}.feed-header h1{margin-top:0;font-size:clamp(1.9rem,4.2vw,3.6rem);line-height:.96;letter-spacing:-.06em;font-weight:600}.feed-title-link{display:inline-flex;align-items:baseline;gap:.18em;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:.12em}.feed-title-link:hover{text-decoration:underline}.feed-title-link svg{width:.35em;height:.35em;flex:0 0 auto;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:.42;transform:translateY(-.46em)}.feed-header p{max-width:38rem;margin-top:.72rem;color:rgb(var(--color-ink-rgb) / .66);font-size:.94rem;line-height:1.55}.inspiration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.feed-card{display:block;position:relative;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--color-surface-raised);color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease}.feed-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.feed-card:focus-visible{outline:2px solid var(--color-border-strong);outline-offset:3px}.feed-card[hidden]{display:none}.feed-card-visual{position:relative;width:100%;height:100%;background:var(--color-surface-raised)}.feed-card-image{display:block;width:100%;height:100%;object-fit:cover;background:var(--color-surface-raised)}img.feed-card-image{opacity:0;filter:blur(10px);transform:scale(1.015);transition:opacity .42s cubic-bezier(.16,1,.3,1),filter .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);will-change:opacity,filter,transform}img.feed-card-image.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.feed-card-copy{position:absolute;inset:0;display:grid;align-content:end;gap:.34rem;padding:1rem;background:linear-gradient(to top,rgb(var(--color-overlay-rgb) / .74),transparent 62%);color:var(--color-white);opacity:0;transition:opacity .18s ease}.feed-card:hover .feed-card-copy,.feed-card:focus-within .feed-card-copy{opacity:1}.feed-card-title{color:var(--color-white);font-size:1.02rem;line-height:1.1;letter-spacing:-.035em;font-weight:650}.feed-card:hover .feed-card-title{text-decoration:underline;text-underline-offset:3px}.feed-card-copy small{color:#ffffffad;font-size:.84rem}.feed-loader{min-height:72px;display:grid;place-items:center;color:var(--muted);font-size:.9rem}.feed-loader[hidden]{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}img.feed-card-image{opacity:1;filter:none;transform:none}}@media(max-width:1180px){.explore-shell{grid-template-columns:224px minmax(0,1fr)}}@media(max-width:1040px){body.source-menu-is-open{overflow:hidden}.explore-shell{grid-template-columns:1fr}.source-sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:min(86vw,340px);height:100dvh;padding:.95rem;border-right:1px solid var(--line);border-bottom:0;box-shadow:28px 0 80px rgb(var(--color-shadow-rgb) / .28);transform:translate(-104%);transition:transform .22s cubic-bezier(.16,1,.3,1)}.source-menu-is-open .source-sidebar{transform:translate(0)}.source-menu-close{display:inline-grid;place-items:center;position:absolute;top:.7rem;right:.7rem;width:36px;height:36px;border:1px solid var(--line);border-radius:999px;background:var(--color-surface-subtle);color:rgb(var(--color-ink-rgb) / .72);cursor:pointer}.source-menu-close svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;fill:none}.source-menu-backdrop{position:fixed;z-index:19;inset:0;display:block;background:rgb(var(--color-overlay-rgb) / .42);opacity:0;pointer-events:none;transition:opacity .18s ease}.source-menu-is-open .source-menu-backdrop{opacity:1;pointer-events:auto}.source-search{display:flex}.source-nav{display:flex;flex-direction:column;gap:.16rem;overflow:auto;padding:0 .1rem 1rem 0}.source-group-label{display:block}.source-nav-item{width:100%}.source-request-link{margin-top:.65rem}.explore-content{height:auto;overflow:visible}.mobile-feed-bar{position:sticky;top:0;z-index:4;display:flex;justify-content:flex-start;padding:.7rem clamp(.8rem,4vw,1rem);background:rgb(var(--color-panel-rgb) / .92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.source-menu-toggle{display:inline-flex;align-items:center;gap:.45rem;min-height:38px;padding:0 .8rem;border:1px solid var(--line);border-radius:999px;background:rgb(var(--color-panel-rgb) / 1);color:rgb(var(--color-ink-rgb) / .78);cursor:pointer;box-shadow:0 10px 30px rgb(var(--color-shadow-rgb) / .16)}.source-menu-toggle svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;fill:none}.feed-view{padding:.85rem clamp(.7rem,3.5vw,1rem) 1.25rem}.feed-header{position:static;padding-top:0}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.feed-card{border-radius:14px}.feed-card-copy{padding:.75rem;opacity:0;pointer-events:none}.feed-card-title{font-size:.9rem}.feed-card-copy small{font-size:.76rem}}@media(min-width:701px)and (max-width:1040px){.feed-view{padding:1rem clamp(.9rem,2.4vw,1.4rem) 1.4rem}.inspiration-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}}@media(max-width:520px){.feed-header h1{font-size:clamp(2.3rem,14vw,3.8rem)}}@media(max-width:380px){.inspiration-grid{grid-template-columns:1fr}}
