.tips-list.svelte-likfb2{max-width:1200px;margin:0 auto;padding:2rem}.tips-summary.svelte-likfb2{margin-bottom:2rem}.results-count.svelte-likfb2{color:var(--text-muted);font-size:.9rem;margin:0}.filter-indicator.svelte-likfb2{font-style:italic}.masonry-container.svelte-likfb2{position:relative;width:100%}.tip-card.svelte-likfb2{background:var(--secondary-color);position:relative;transition:all .3s ease;margin-bottom:1.5rem;clip-path:polygon(0% 0%,16% 2%,39% 0%,83% 4%,100% 3%,100% 24%,99% 48%,100% 75%,100% 98%,100% 99%,75% 97%,45% 100%,2% 100%,0% calc(100% - 20px),2% 81%,0% 56%)}.tip-card.svelte-likfb2:before{filter:blur(16px);content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary),var(--accent-tertiary));z-index:-1;clip-path:polygon(0% 0%,16% 2%,39% 0%,83% 4%,100% 3%,100% 24%,99% 48%,100% 75%,100% 98%,100% 99%,75% 97%,45% 100%,2% 100%,0% calc(100% - 20px),2% 81%,0% 56%)}.tip-card.svelte-likfb2:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 12px 30px #8b5cf64d}.tip-card.highlighted.svelte-likfb2{animation:svelte-likfb2-highlight-pulse 2s ease-in-out;box-shadow:0 0 20px #8b5cf699}@keyframes svelte-likfb2-highlight-pulse{0%,to{box-shadow:0 0 20px #8b5cf699}50%{box-shadow:0 0 30px #8b5cf6cc}}.tip-image.svelte-likfb2{width:100%;height:150px;overflow:hidden}.tip-image.svelte-likfb2 img:where(.svelte-likfb2){width:100%;height:100%;object-fit:cover;transition:all .3s ease}.tip-card.svelte-likfb2:hover .tip-image:where(.svelte-likfb2) img:where(.svelte-likfb2){transform:scale(1.05)}.tip-content.svelte-likfb2{padding:1.5rem}.tip-header.svelte-likfb2{margin-bottom:1rem}.tip-title-container.svelte-likfb2{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.tip-title.svelte-likfb2{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0;line-height:1.3;text-shadow:1px 1px 2px rgba(0,0,0,1);flex:1}.anchor-link.svelte-likfb2{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:4px;opacity:0;transition:all .2s ease;flex-shrink:0;margin-top:-.125rem;margin-left:.5em}.tip-card.svelte-likfb2:hover .anchor-link:where(.svelte-likfb2){opacity:1}.anchor-link.svelte-likfb2:focus{opacity:1;outline:2px solid var(--accent-color);outline-offset:2px}.tip-meta.svelte-likfb2{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem;flex-wrap:wrap;margin-top:.5rem}.tip-body.svelte-likfb2{margin-bottom:1rem;color:var(--text-color);line-height:1.6}.tip-body.svelte-likfb2 p{margin:0 0 1rem;font-size:.95rem}.tip-body.svelte-likfb2 p:last-child{margin-bottom:0}.tip-body.svelte-likfb2 strong{font-weight:600}.tip-body.svelte-likfb2 a{color:var(--text-color);text-decoration:underline;transition:color .2s ease}.tip-body.svelte-likfb2 code{background:var(--primary-color);padding:.2rem .4rem;border-radius:4px;font-size:.85rem;border:1px solid var(--accent-color)}.tip-body.svelte-likfb2 pre{background:var(--primary-color);padding:1rem;border-radius:8px;overflow-x:auto;border:1px solid var(--accent-color);margin:1rem 0}.tip-body.svelte-likfb2 pre code{background:none;padding:0;border:none;font-size:.9rem}.tip-body.svelte-likfb2 ul,.tip-body.svelte-likfb2 ol{margin:1rem 0;padding-left:1.5rem}.tip-body.svelte-likfb2 li{margin-bottom:.5rem}.tip-tags.svelte-likfb2{display:flex;flex-wrap:wrap;gap:.25rem}.tag.svelte-likfb2{background:var(--accent-color);color:var(--text-color);padding:.2rem .4rem;font-size:.7rem;font-weight:500;border-radius:4px;box-shadow:0 1px 2px #00000080}.empty-state.svelte-likfb2{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.empty-state.svelte-likfb2 h3:where(.svelte-likfb2){margin:0 0 1rem;color:var(--text-color)}.empty-state.svelte-likfb2 p:where(.svelte-likfb2){margin:0;font-size:1.1rem}@media(max-width:479px){.tips-list.svelte-likfb2{padding:var(--space-md)}.masonry-container.svelte-likfb2{display:block}.tip-card.svelte-likfb2{position:static!important;width:100%!important;left:auto!important;top:auto!important;margin-bottom:var(--space-lg)}.tip-content.svelte-likfb2{padding:var(--space-md)}.tip-title.svelte-likfb2{font-size:var(--text-base)}.tip-body.svelte-likfb2 p{font-size:var(--text-sm)}.anchor-link.svelte-likfb2{opacity:1}}@media(min-width:480px)and (max-width:767px){.tips-list.svelte-likfb2{padding:var(--space-lg)}.masonry-container.svelte-likfb2{display:block}.tip-card.svelte-likfb2{position:static!important;width:100%!important;left:auto!important;top:auto!important;margin-bottom:var(--space-xl)}.tip-content.svelte-likfb2{padding:var(--space-lg)}}@media(min-width:768px)and (max-width:1023px){.tips-list.svelte-likfb2{padding:var(--space-xl)}}@media(min-width:1024px){.tips-list.svelte-likfb2{padding:var(--space-xxl)}}@media(prefers-reduced-motion:reduce){.tip-card.svelte-likfb2,.tip-image.svelte-likfb2 img:where(.svelte-likfb2){transition:none}.tip-card.svelte-likfb2:hover{transform:none}.tip-card.svelte-likfb2:hover .tip-image:where(.svelte-likfb2) img:where(.svelte-likfb2){transform:none}}.page-header.svelte-1inoitj{position:relative;min-height:30vh;display:flex;align-items:center;justify-content:center}.header-content.svelte-1inoitj{position:relative;z-index:10;text-align:center;color:#fff;max-width:800px;margin-top:6rem}.page-subtitle.svelte-1inoitj{font-size:1.1rem;line-height:1.6;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,1);max-width:600px;margin:0 auto}.header-divider{position:relative;z-index:5;display:block;width:100%;margin-top:-1px}.main-content.svelte-1inoitj{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);min-height:70vh;position:relative;z-index:1;padding-top:2rem}@media(max-width:1023px){.header-content.svelte-1inoitj{margin-top:2rem}}@media(max-width:479px){.header-content.svelte-1inoitj{padding:var(--space-lg)}.page-subtitle.svelte-1inoitj{font-size:var(--text-sm);line-height:1.5}.main-content.svelte-1inoitj{padding-top:var(--space-lg)}}@media(min-width:480px)and (max-width:767px){.header-content.svelte-1inoitj{padding:var(--space-xl)}.page-subtitle.svelte-1inoitj{font-size:var(--text-base)}.main-content.svelte-1inoitj{padding-top:var(--space-xl)}}@media(min-width:768px)and (max-width:1023px){.header-content.svelte-1inoitj{padding:var(--space-xxl)}}@media(min-width:1024px){.header-content.svelte-1inoitj{padding:var(--space-xxxl)}.main-content.svelte-1inoitj{padding-top:var(--space-xxl)}}@media(prefers-reduced-motion:reduce){.page-header.svelte-1inoitj{background:#667eea}}
