.tags-page{contain:layout;max-width:1200px;margin:0 auto;padding:0 20px}.page-header{text-align:center;margin-bottom:20px;padding:24px 0 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:0;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.5}.tags-toolbar{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.sort-controls{align-items:center;gap:8px;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;view-transition-name:tags-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:16px 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(--text-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)}.tags-horizontal[data-view=list]{grid-template-columns:minmax(0,1fr);place-items:stretch stretch;gap:4px;max-width:680px;padding:16px 20px}.tags-horizontal[data-view=list] .tag-item{content-visibility:auto;contain-intrinsic-size:auto 42px;border-radius:8px;justify-content:flex-start;width:100%;min-width:0;padding:9px 12px;animation:none}.tags-horizontal[data-view=list] .tag-label{text-overflow:ellipsis;white-space:nowrap;transition:color .2s;overflow:hidden}.tags-horizontal[data-view=list] .tag-count{color:var(--text-secondary);font-family:var(--font-code);letter-spacing:.05em;background:0 0;border-radius:0;margin-left:auto;padding:0;font-size:13px;top:0}.tags-horizontal[data-view=list] .tag-item:before{background:var(--secondary-color);border-radius:2px;width:4px;height:0;transition:height .3s;top:50%;bottom:auto;left:-16px;transform:translateY(-50%)}.tags-horizontal[data-view=list] .tag-item:hover{background:0 0;transform:translate(8px)}.tags-horizontal[data-view=list] .tag-item:hover:before{width:4px;height:20px}.tags-horizontal[data-view=list] .tag-item:hover .tag-label,.tags-horizontal[data-view=list] .tag-item:hover .tag-count{color:var(--secondary-color)}.tags-horizontal[data-view=list] .tag-item:hover .tag-count{background:0 0;transform:none}@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}.view-toggle{border:1px solid var(--border-color);background:var(--background-secondary);width:35px;height:35px;color:var(--text-secondary);cursor:pointer;border-radius:20px;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background-color .2s,transform .2s;display:inline-flex}.view-toggle:hover{color:var(--primary-color);background:#ae56301a;border-color:#ae56308c;transform:translateY(-1px)}.view-toggle:active{transform:translateY(0)scale(.98)}.view-toggle-icon{flex-direction:column;flex:none;justify-content:space-between;width:13px;height:11px;display:inline-flex;position:relative}.view-toggle-icon span{transform-origin:50%;background:currentColor;border-radius:2px;width:100%;height:2px;transition:transform .2s,width .2s;display:block}.view-toggle[data-target-view=grid] .view-toggle-icon{grid-template-rows:repeat(2,4px);grid-template-columns:repeat(2,4px);place-content:center;gap:3px;display:grid}.view-toggle[data-target-view=grid] .view-toggle-icon span{border-radius:1px;width:4px;height:4px}.view-toggle[data-target-view=grid] .view-toggle-icon span:last-child{box-shadow:7px 0}.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}::view-transition-group(tags-layout){animation-duration:.28s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(tags-layout),::view-transition-new(tags-layout){mix-blend-mode:normal;height:100%}.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 .opinion-tag{align-items:center;gap:4px;display:inline-flex}.filtered-section .opinion-tag-icon{flex:none}.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:20px;padding:16px 0 0}.page-title{font-size:28px}.page-subtitle{margin-bottom:0;font-size:14px}.tags-horizontal{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px 20px;min-height:150px;padding: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}.tags-toolbar{margin-bottom:8px}.sort-controls{gap:6px}.tags-horizontal[data-view=list]{padding:12px 8px}.sort-btn{padding:6px 12px;font-size:12px}.view-toggle{width:31px;height:31px}}@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:12px}.tag-item{min-width:80px;padding:8px 12px;font-size:14px}.tag-count{min-width:14px;padding:1px 3px;font-size:10px}.tags-toolbar{gap:8px;margin-bottom:6px}.sort-controls{gap:4px}.sort-btn{padding:5px 10px;font-size:11px}.view-toggle{width:29px;height:29px}.tags-horizontal[data-view=list]{padding:8px 4px}}@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,.view-toggle,.view-toggle-icon span{transition:none}::view-transition-group(tags-layout){animation-duration:.01ms}}