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