.view-controls.svelte-ogbbaq{justify-content:flex-end;gap:1rem;display:flex}.topic-grid.svelte-ogbbaq{grid-template-columns:repeat(1,1fr);gap:1rem;display:grid}.topic-list.svelte-ogbbaq{flex-direction:column;gap:1rem;display:flex}@media (width>=768px){.topic-grid.svelte-ogbbaq{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.topic-grid.svelte-ogbbaq{grid-template-columns:repeat(4,1fr)}}.topic-card.svelte-ogbbaq{background:var(--topic-card-bg,linear-gradient(135deg, #f6fbff 0%, #eaf2ff 100%));border:1px solid var(--topic-card-border,#d6e2ff);width:100%;box-shadow:var(--topic-card-shadow,0 12px 24px #11316f29);border-radius:10px;padding-top:100%;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;position:relative;overflow:hidden}.topic-item.topic-card.svelte-ogbbaq{background:var(--topic-card-bg,linear-gradient(135deg, #f6fbff 0%, #eaf2ff 100%));border:1px solid var(--topic-card-border,#d6e2ff);width:100%;box-shadow:var(--topic-card-shadow,0 12px 24px #11316f29);border-radius:10px;padding-top:0;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;position:static;overflow:hidden}.topic-box.svelte-ogbbaq:hover,.topic-item.svelte-ogbbaq:hover{box-shadow:var(--topic-card-hover-shadow);transform:translateY(-5px)}.topic-content.svelte-ogbbaq{flex-direction:column;justify-content:space-between;padding:1rem;display:flex;position:absolute;inset:0}.topic-item.svelte-ogbbaq .topic-content:where(.svelte-ogbbaq){flex-direction:row;align-items:center;position:static}.topic-title.svelte-ogbbaq{margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.topic-title.svelte-ogbbaq a:where(.svelte-ogbbaq){color:var(--topic-card-title,var(--theme-text));text-decoration:none}.topic-description.svelte-ogbbaq{color:var(--topic-card-description,var(--theme-text-secondary));flex-grow:1;font-size:.9rem;overflow:hidden}.topic-checkbox.svelte-ogbbaq{align-items:center;margin-top:.5rem;font-size:.9rem;display:flex}.topic-checkbox.svelte-ogbbaq input:where(.svelte-ogbbaq){margin-right:.5rem}.topic-item.svelte-ogbbaq .topic-icon:where(.svelte-ogbbaq){margin-right:1rem}.topic-item.svelte-ogbbaq .topic-description:where(.svelte-ogbbaq){flex-grow:1}.tabs.svelte-ogbbaq a:where(.svelte-ogbbaq){color:var(--topic-card-title,var(--theme-text))}.tabs.svelte-ogbbaq a:where(.svelte-ogbbaq):active{color:#6b93cc}