.page-container{max-width:800px;max-height:calc(100vh - 70px);margin:0 auto;padding:15vh 20px 0;color:var(--text-primary);height:100vh;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;position:relative;transition:all .3s ease}html.is-mobile .page-container{padding:10px 15px 0}.page-container.centered-mode .search-box-wrapper{transform:translateY(20vh)}html.is-mobile .page-container.centered-mode .search-box-wrapper{transform:translateY(30vh)}.fade-enter-active{transition:opacity .6s ease .5s}.fade-leave-active{transition:opacity .1s ease}.fade-enter-from,.fade-leave-to{opacity:0}.selected .tag-count{color:var(--recommended-accent-text)}.selected.featured .tag-count{color:var(--app-bg-primary)}.tag-trigger.selected .tag-count{background:var(--accent-color)}.tag-trigger.selected.featured .tag-count{background:var(--featured)}.search-btn{background:transparent;border:none;cursor:pointer;padding:8px 12px;color:var(--component-text-secondary);display:flex;align-items:center;transition:color .3s ease,transform .1s ease,background-color .3s ease;flex-shrink:0;border-radius:8px}.search-btn:not(.active){opacity:.7;cursor:default}.search-btn.active{background-color:var(--accent-color);color:var(--recommended-accent-text)}.input-area{flex:1;display:flex;align-items:center;padding:4px 10px;gap:6px;cursor:text;min-width:100px!important}.search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;padding:6px 0;outline:none}.clear-btn{background:transparent;border:none;cursor:pointer;padding:8px 12px;color:var(--component-text-secondary);display:flex;align-items:center;transition:all .3s ease;flex-shrink:0;border-radius:8px;opacity:.7}.clear-btn:hover{color:var(--component-text-primary-hover);opacity:1}.content-wrapper{flex:1;min-height:0;margin-bottom:10vh;position:relative;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.content-wrapper.visible{opacity:1;visibility:visible}.content-scroll-area{height:100%;overflow-y:auto;padding-top:20px;padding-bottom:20px;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to bottom,transparent,black 20px,black calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 20px,black calc(100% - 20px),transparent)}.content-scroll-area::-webkit-scrollbar{display:none}.tag-cloud-container{background:transparent;border:none;padding:0;animation:fadeIn .2s ease;display:flex;flex-direction:column;height:100%;position:absolute;inset:0}.tags-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-content:flex-start;flex:1}.tag-cloud-item{background:var(--component-bg-blur);color:var(--component-text-secondary);border:1px solid var(--border-color);padding:6px 14px;border-radius:20px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}.tag-cloud-item:hover{background:var(--component-bg-hover);color:var(--component-text-primary-hover)}.tag-cloud-item.selected{background:var(--accent-color);color:var(--recommended-accent-text);border-color:var(--component-bg-accent)}.tag-cloud-item.featured{color:var(--featured);font-weight:500;font-variation-settings:"wght" 500}.tag-cloud-item.featured:hover{background:var(--featured-bg);color:var(--featured);border-color:var(--featured)}.tag-cloud-item.featured.selected{background:var(--featured);border-color:var(--featured);color:var(--app-bg-primary)}.tag-count{font-size:.75em;opacity:.7;background:transparent;padding:0;border-radius:4px;min-width:14px;text-align:center}.cloud-actions{display:flex;justify-content:flex-end;margin-top:2rem;padding-bottom:1rem}.close-cloud-btn{background:var(--accent-color);color:var(--recommended-accent-text);border:none;padding:8px 24px;border-radius:4px;margin-bottom:20px;cursor:pointer;transition:background .2s ease}.close-cloud-btn:hover{background:var(--component-bg-accent-hover)}.results-list{display:flex;flex-direction:column;gap:16px;padding-bottom:30px}.result-card{background:var(--component-bg-blur-alt);border:1px solid var(--border-color);padding:16px;border-radius:8px;cursor:pointer;transition:background .2s ease}.result-card:hover{background:var(--component-bg-hover);border-color:var(--component-text-primary-hover)}.post-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.post-title{margin:0;font-size:1.2rem;color:var(--text-primary)}.post-date{font-size:.9rem;color:var(--component-text-secondary)}.post-tags{margin-bottom:8px}.tag-display{color:var(--accent-color);font-size:.85rem;margin-right:10px}.tag-display.featured{color:var(--featured)}.post-summary{color:var(--component-text-secondary);font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.icon{width:24px;height:24px;display:block}.icon-sm{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.icon-sm :deep(svg){width:16px;height:16px}.results-container{display:flex;flex-direction:column;height:100%}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0;flex-shrink:0}.selected-tags-header{display:flex;flex-direction:row;gap:12px;margin-bottom:0;padding:0;flex-shrink:0}.selected-tags-header h3{margin:0;font-size:1.05rem;color:var(--component-text-secondary);font-weight:500;font-variation-settings:"wght" 500}.selected-tags-list{display:flex;flex-wrap:wrap;gap:8px}.selected-tag-chip{display:inline-flex;align-items:center;background:var(--component-bg-accent-blur);color:var(--accent-color);padding:2px 8px;border-radius:4px;font-size:.9rem}.selected-tag-chip.featured{background:var(--featured-bg);color:var(--featured);font-weight:600;font-variation-settings:"wght" 600}.chip-remove{background:transparent;border:none;color:var(--component-text-primary-hover);cursor:pointer;padding:0;margin-left:6px;display:flex;align-items:center;opacity:.7}.chip-remove.featured{color:var(--featured)}.chip-remove:hover{opacity:1}.results-header h3{margin:0;font-size:1.1rem;color:var(--component-text-secondary);font-weight:500;font-variation-settings:"wght" 500}.results-count{font-size:1rem;color:var(--component-text-primary);background:transparent;padding:2px 6px;border-radius:8px;border:none}.empty,.loading{text-align:center;color:var(--component-text-secondary);padding:2rem}.list-spacer{height:40px;width:100%;flex-shrink:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}