.tags-page{contain:layout;max-width:1200px;margin:0 auto;padding:0 20px}.page-header{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:48px;padding:32px 0}.page-title{color:var(--primary-color);letter-spacing:-.025em;margin-bottom:8px;font-size:32px;font-weight:700}.page-subtitle{color:var(--text-secondary);max-width:600px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.5}.sort-controls{justify-content:center;align-items:center;gap:8px;margin-bottom:32px;display:flex}.sort-btn{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;will-change:background-color, color, border-color;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.sort-btn:hover{color:var(--secondary-color);background:#ae56301a;border-color:#ae56304d;transform:translateY(-1px)}.sort-btn.active{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color);font-weight:600;box-shadow:0 4px 12px #ae563040}.tag-group{margin-bottom:48px}.tags-horizontal{contain:layout;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));place-items:start center;gap:20px 24px;max-width:1000px;min-height:200px;margin:0 auto;padding:40px 20px;display:grid}.tag-item{cursor:pointer;color:var(--text-color);will-change:transform, color, background-color;text-align:center;white-space:nowrap;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:baseline;gap:6px;min-width:120px;padding:12px 16px;font-family:inherit;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s ease-out both slideInFromLeft;display:inline-flex;position:relative}.tag-item:before{content:"";background:linear-gradient(90deg, transparent, var(--secondary-color), transparent);border-radius:1px;width:0;height:2px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.tag-item:hover{color:var(--secondary-color);background:#ae56300d;transform:translateY(-2px)}.tag-item:hover:before{width:calc(100% - 24px)}.tag-item:active{transform:translateY(-1px)scale(.98)}.tag-label{font-size:inherit;font-weight:inherit;text-transform:capitalize;letter-spacing:-.01em;z-index:1;position:relative}.tag-count{color:var(--secondary-color);text-align:center;will-change:background-color, color;background:#ae56301f;border-radius:12px;justify-content:center;align-items:center;min-width:20px;margin-left:3px;padding:3px 7px;font-size:11px;font-weight:700;line-height:1.1;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;top:-3px}.tag-item:hover .tag-count{background:var(--secondary-color);color:#fff;transform:scale(1.1)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)translateY(10px)}to{opacity:1;transform:translate(0)translateY(0)}}.tag-sort-animate-0{animation:.8s ease-out both slideInFromLeft}.tag-sort-animate-1{animation:.8s ease-out 80ms both slideInFromLeft}.tag-sort-animate-2{animation:.8s ease-out .16s both slideInFromLeft}.tag-sort-animate-3{animation:.8s ease-out .24s both slideInFromLeft}.tag-sort-animate-4{animation:.8s ease-out .32s both slideInFromLeft}.tag-sort-animate-5{animation:.8s ease-out .4s both slideInFromLeft}.tag-sort-animate-6{animation:.8s ease-out .48s both slideInFromLeft}.tag-sort-animate-7{animation:.8s ease-out .56s both slideInFromLeft}.tag-sort-animate-8{animation:.8s ease-out .64s both slideInFromLeft}.tag-sort-animate-9{animation:.8s ease-out .72s both slideInFromLeft}.tag-sort-animate-10{animation:.8s ease-out .8s both slideInFromLeft}.tag-sort-animate-11{animation:.8s ease-out .88s both slideInFromLeft}.tag-sort-animate-12{animation:.8s ease-out .96s both slideInFromLeft}.tag-sort-animate-13{animation:.8s ease-out 1.04s both slideInFromLeft}.tag-sort-animate-14{animation:.8s ease-out 1.12s both slideInFromLeft}.tag-sort-animate-15{animation:.8s ease-out 1.2s both slideInFromLeft}.tag-sort-animate-16{animation:.8s ease-out 1.28s both slideInFromLeft}.tag-sort-animate-17{animation:.8s ease-out 1.36s both slideInFromLeft}.tag-sort-animate-18{animation:.8s ease-out 1.44s both slideInFromLeft}.tag-sort-animate-19{animation:.8s ease-out 1.52s both slideInFromLeft}.tag-sort-animate-20{animation:.8s ease-out 1.6s both slideInFromLeft}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.filtered-section{animation:.3s ease-in fadeIn}#tags-view.is-hidden,#filtered-view.is-hidden{display:none}#tags-view.is-fading,#filtered-view.is-fading{opacity:0}.filter-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 0;display:flex}.back-button{background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;will-change:background-color, transform;border-radius:24px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.back-button:hover,.back-button:focus{background:var(--secondary-color);color:#fff;border-color:var(--secondary-color);outline:none;transform:translate(-2px);box-shadow:0 4px 12px #ae563040}.filter-info{color:var(--text-secondary);background:var(--background-secondary);border:1px solid var(--border-color);border-radius:20px;padding:12px 20px;font-size:14px;font-weight:500}.filtered-posts-grid{contain:layout;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.filtered-section .post-card{background:var(--background-secondary);border:1px solid var(--border-color);will-change:transform, box-shadow;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.filtered-section .post-card:hover{border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 8px 25px #0003}.filtered-section .post-link{color:inherit;padding:24px;text-decoration:none;display:block}.filtered-section .post-title{color:var(--primary-color);letter-spacing:-.025em;margin-bottom:12px;font-size:18px;font-weight:600;line-height:1.3}.filtered-section .post-description{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.filtered-section .post-meta{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;padding-top:16px;display:flex}.filtered-section .post-date{color:var(--text-secondary);font-size:12px;font-weight:500}.filtered-section .post-tags{flex-wrap:wrap;gap:6px;display:flex}.filtered-section .tag{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;will-change:background-color;background:linear-gradient(var(--background-secondary), var(--background-secondary)) padding-box, var(--accent-gradient) border-box;border:1px solid #0000;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600;text-decoration:none;transition:all .2s}.filtered-section .tag:hover{background:linear-gradient(var(--secondary-color), var(--secondary-color)) padding-box, var(--accent-gradient) border-box;color:#fff}.filtered-section .tag.active{background:var(--secondary-color);color:#fff;box-shadow:0 2px 8px #ae56304d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.no-posts-message{text-align:center;background:var(--background-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:16px;padding:60px 20px}.no-posts-icon{opacity:.6;margin-bottom:20px}.no-posts-message h3{color:var(--primary-color);margin-bottom:8px;font-size:20px;font-weight:600}.no-posts-message p{max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:14px;line-height:1.5}.back-to-tags-button{background:var(--secondary-color);color:#fff;cursor:pointer;will-change:background-color, transform;border:none;border-radius:24px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-to-tags-button:hover{background:#9a4a2a;transform:translateY(-1px);box-shadow:0 4px 12px #ae56304d}#tags-view,#filtered-view{will-change:opacity;transition:opacity .3s}@media (width<=768px){.tags-page{padding:0 16px}.page-header{margin-bottom:32px;padding:24px 0}.page-title{font-size:28px}.page-subtitle{margin-bottom:20px;font-size:14px}.tags-horizontal{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px 20px;min-height:150px;padding:32px 16px}.tag-item{min-width:100px;padding:10px 14px;font-size:15px}.tag-count{min-width:16px;padding:1px 4px;font-size:11px}.filter-header{flex-direction:column;align-items:flex-start;gap:16px;padding:16px 0}.filtered-posts-grid{grid-template-columns:1fr;gap:16px}.filtered-section .post-link{padding:20px}.tag-group{margin-bottom:32px}.sort-controls{gap:6px;margin-bottom:24px}.sort-btn{padding:6px 12px;font-size:12px}}@media (width<=480px){.page-title{font-size:24px}.tags-horizontal{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px 16px;min-height:120px;padding:24px 12px}.tag-item{min-width:80px;padding:8px 12px;font-size:14px}.tag-count{min-width:14px;padding:1px 3px;font-size:10px}.sort-controls{gap:4px;margin-bottom:20px}.sort-btn{padding:5px 10px;font-size:11px}}@media (prefers-contrast:high){.tag-item{border:1px solid var(--border-color)}.tag-item:hover{border-color:var(--secondary-color)}.tag-count{border:1px solid var(--secondary-color)}}@media (prefers-reduced-motion:reduce){.tag-item{animation:none}.tag-item:hover{transform:none}.tag-item:before,.tag-count{transition:none}}