.search-engine{display:flex;flex-direction:column;gap:var(--space-6)}.search-engine__header{display:flex;align-items:center;gap:var(--space-4)}.search-engine__view-toggle{display:flex;gap:var(--space-1);background-color:var(--bg-tertiary);padding:var(--space-1);border-radius:var(--radius-md)}.view-toggle-btn{background:transparent;border:none;padding:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--text-primary)}.view-toggle-btn.active{background-color:var(--bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.search-engine__filters{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:.0625rem solid var(--card-border)}.filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.filter-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.filter-select{padding:var(--space-2) var(--space-3);background-color:var(--bg-primary);border:.0625rem solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--color-primary)}.filter-tags{flex:1}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag-count{opacity:.7;margin-left:var(--space-1);font-size:.85em}.search-engine__graph-hint{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-md);border:.0625rem solid var(--color-primary);border-opacity:.2}.graph-hint-label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);white-space:nowrap}.graph-hint-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.graph-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background-color:var(--bg-secondary);border:.0625rem solid var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast)}.graph-tag:hover{background-color:var(--color-primary);color:var(--text-inverse);transform:scale(1.05)}.graph-tag-count{background-color:var(--color-primary);color:var(--text-inverse);padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.graph-tag:hover .graph-tag-count{background-color:var(--text-inverse);color:var(--color-primary)}.search-engine__results-info{display:flex;justify-content:space-between;align-items:center}.results-count{font-size:var(--font-size-sm);color:var(--text-secondary)}.search-engine__results{display:grid;gap:var(--space-6)}.results--grid{grid-template-columns:repeat(auto-fill,minmax(18.75rem,1fr))}.results--list{grid-template-columns:1fr}.results--list .post-card{flex-direction:row}.results--list .post-card-image{width:12.5rem;height:9.375rem;flex-shrink:0}@media(max-width:640px){.results--list .post-card{flex-direction:column}.results--list .post-card-image{width:100%;height:12.5rem}}.search-engine__no-results{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-secondary)}.no-results-icon{font-size:3rem;margin-bottom:var(--space-4)}.search-engine__no-results h3{margin-bottom:var(--space-2);color:var(--text-primary)}.search-engine__no-results p{margin-bottom:var(--space-4)}.premium-badge{color:var(--color-premium);font-weight:600;font-size:var(--font-size-sm)}.post-card--premium{border:.125rem solid var(--color-premium)}.post-card-story{font-size:var(--font-size-sm);color:var(--color-primary);margin-top:var(--space-2)}.filter-languages{flex:1}.language-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.language-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background-color:var(--bg-primary);border:.0625rem solid var(--input-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.language-chip:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:var(--bg-secondary);transform:translateY(-.0625rem)}.language-chip-active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--text-inverse)}.language-chip-active:hover{background-color:var(--color-primary);color:var(--text-inverse);opacity:.9}.language-flag{font-size:1.1em}.language-name{font-weight:500}.language-count{opacity:.7;font-size:.85em}.language-chip-active .language-count{opacity:.85}.language-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);margin-left:var(--space-2);background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 79, 70, 229),.15),rgba(var(--color-primary-rgb, 79, 70, 229),.05));border:.0625rem solid rgba(var(--color-primary-rgb, 79, 70, 229),.3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;color:var(--color-primary);transition:all var(--transition-fast)}.language-badge:hover{background:linear-gradient(135deg,rgba(var(--color-primary-rgb, 79, 70, 229),.25),rgba(var(--color-primary-rgb, 79, 70, 229),.1))}@media(max-width:768px){.language-list{gap:var(--space-1)}.language-chip{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs)}.language-badge{margin-left:0;margin-top:var(--space-1)}.post-card-meta{flex-wrap:wrap}}.hero{text-align:center;padding:var(--space-16) var(--space-4) var(--space-8);max-width:50rem;margin:0 auto}.hero__title{font-size:clamp(2rem,8vw,var(--font-size-5xl));font-weight:800;margin-bottom:var(--space-4);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0%,var(--color-primary) 50%,var(--text-primary) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift var(--animation-gradient) ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero__brand{color:var(--color-primary);-webkit-text-fill-color:var(--color-primary);position:relative}.hero__subtitle{font-size:clamp(var(--font-size-base),3vw,var(--font-size-lg));color:var(--text-secondary);max-width:37.5rem;margin:0 auto;line-height:1.7;opacity:0;transform:translateY(1.25rem);animation:fadeInUp var(--animation-reveal-simple) ease var(--animation-stagger-3) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.main-content{min-width:0;width:100%}@media(min-width:768px){.hero{padding:var(--space-16) var(--space-6) var(--space-10)}}@media(min-width:1024px){.hero{padding:var(--space-20) var(--space-8) var(--space-12)}}@media(max-width:767px){.hero{padding:var(--space-10) var(--space-4) var(--space-6)}.hero__title{font-size:var(--font-size-3xl);line-height:1.1}.hero__subtitle{font-size:var(--font-size-base)}}@media(max-width:480px){.hero{padding:var(--space-8) var(--space-3) var(--space-5)}.hero__title{font-size:var(--font-size-2xl)}}