.recommend-page.svelte-1c87v1{z-index:0;grid-template-rows:auto minmax(0,1fr);gap:clamp(1rem,4vw,2.25rem);height:100svh;padding:clamp(1rem,4vw,2rem) clamp(1rem,4vw,2rem) 0;display:grid;position:relative;overflow:hidden}.recommend-shell.svelte-1c87v1{grid-template-columns:minmax(8.5rem,12rem) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);width:min(100%,76rem);height:100%;min-height:0;margin-inline:auto;display:grid}.topic-index.svelte-1c87v1{columns:8.5rem auto;column-fill:auto;column-gap:clamp(1.35rem,3vw,2.75rem)}.topic-index.svelte-1c87v1 button:where(.svelte-1c87v1){break-inside:avoid;width:max-content;color:var(--text-muted);font:inherit;text-align:left;text-transform:lowercase;cursor:pointer;background:0 0;border:0;margin:0 0 .38rem;padding:0;font-size:clamp(.82rem,1.2vw,.95rem);line-height:1.45;transition:color .16s;display:block}.topic-index.svelte-1c87v1 button:where(.svelte-1c87v1):hover,.topic-index.svelte-1c87v1 button.active:where(.svelte-1c87v1){color:var(--text)}.topic-index.svelte-1c87v1 button.active:where(.svelte-1c87v1):before{content:".";width:.75rem;color:var(--accent-warm);display:inline-block}.recommend-detail.svelte-1c87v1{min-width:0;height:100%;min-height:0;padding-right:clamp(.75rem,2vw,1.25rem);padding-bottom:max(clamp(4.5rem, 11vw, 7rem), env(safe-area-inset-bottom));scrollbar-width:thin;padding-top:.05rem;overflow-y:auto}.recommend-detail.svelte-1c87v1 ul:where(.svelte-1c87v1){gap:clamp(.85rem,2vw,1.35rem);margin:0;padding:0;list-style:none;display:grid}.recommend-detail.svelte-1c87v1 li:where(.svelte-1c87v1){gap:.28rem;display:grid}.recommend-detail.svelte-1c87v1 a:where(.svelte-1c87v1){text-transform:lowercase;width:fit-content;font-size:clamp(.9rem,1.35vw,1.02rem);line-height:1.4}.recommend-detail.svelte-1c87v1 p:where(.svelte-1c87v1){max-width:46rem;color:var(--text-muted);margin:0;font-size:clamp(.78rem,1.1vw,.88rem);line-height:1.58}.empty-recommendations.svelte-1c87v1{color:var(--text-muted);margin:0;font-size:.95rem;line-height:1.55}@media (width<=45rem){.recommend-page.svelte-1c87v1{min-height:0}.recommend-shell.svelte-1c87v1{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;gap:clamp(1.35rem,6vw,2rem)}.topic-index.svelte-1c87v1{columns:auto;flex-wrap:wrap;gap:.45rem 1.25rem;height:auto;display:flex;overflow:visible}.topic-index.svelte-1c87v1 button:where(.svelte-1c87v1){margin:0;padding-bottom:.12rem;font-size:.95rem;line-height:1.35}.topic-index.svelte-1c87v1 button.active:where(.svelte-1c87v1){border-bottom:1px solid var(--accent-warm)}.topic-index.svelte-1c87v1 button.active:where(.svelte-1c87v1):before{display:none}.recommend-detail.svelte-1c87v1{height:100%;min-height:0;padding-right:0;padding-bottom:max(5rem, env(safe-area-inset-bottom));padding-top:0}.recommend-detail.svelte-1c87v1 ul:where(.svelte-1c87v1){gap:1.15rem}.empty-recommendations.svelte-1c87v1{font-size:.9rem}}