body.snippets-page{background:radial-gradient(circle at 20% 80%,rgba(57,160,237,.08) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(120,119,198,.06) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,119,198,.04) 0,transparent 50%),linear-gradient(135deg,#0a0c10,#1a1d29 50%,#0f1419);min-height:100vh;overflow-x:hidden;position:relative}body.snippets-page:before{animation:gridFloat 30s ease-in-out infinite;background-image:linear-gradient(rgba(57,160,237,.02) 1px,transparent 0),linear-gradient(90deg,rgba(57,160,237,.02) 1px,transparent 0);background-size:60px 60px;opacity:.3;z-index:-3}body.snippets-page:after,body.snippets-page:before{content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}body.snippets-page:after{animation:backgroundFloat 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,rgba(57,160,237,.03) 0,transparent 25%),radial-gradient(circle at 75% 75%,rgba(120,119,198,.02) 0,transparent 25%),radial-gradient(circle at 60% 40%,rgba(255,119,198,.02) 0,transparent 30%),radial-gradient(circle at 30% 70%,rgba(57,160,237,.015) 0,transparent 35%);z-index:-2}.snippets-container,.snippets-page-header{position:relative;z-index:1}.snippets-page-header{backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.04));border-bottom:1px solid hsla(0,0%,100%,.12);border-radius:2rem;margin-bottom:2rem;overflow:hidden;padding:3rem 0 2rem;position:relative}.snippets-page-header:before{animation:shimmerSlow 8s ease-in-out infinite;background:linear-gradient(90deg,transparent,rgba(57,160,237,.05),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.snippets-page-header:after{background:radial-gradient(circle,rgba(57,160,237,.08) 0,transparent 70%);border-radius:50%;content:"";height:150px;position:absolute;right:0;top:0;transform:translate(50%,-50%);width:150px}.snippets-page-header .snippets-page-header-content{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing);position:relative;z-index:2}@media(min-width:768px){.snippets-page-header .snippets-page-header-content{padding:0 calc(var(--spacing)*1.5)}}@media(min-width:992px){.snippets-page-header .snippets-page-header-content{padding:0 calc(var(--spacing)*2)}}.snippets-breadcrumb{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:1.5rem}.snippets-breadcrumb .breadcrumb-link{border-radius:.5rem;color:var(--color-text);font-size:.875rem;opacity:.7;padding:.375rem .75rem;position:relative;text-decoration:none;transition:all .3s ease}.snippets-breadcrumb .breadcrumb-link:before{background:rgba(57,160,237,.1);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.snippets-breadcrumb .breadcrumb-link:hover{color:var(--color-link);opacity:1;transform:translateY(-1px)}.snippets-breadcrumb .breadcrumb-link:hover:before{opacity:1}.snippets-breadcrumb .breadcrumb-separator{color:var(--color-link);font-size:.875rem;font-weight:600;margin:0 .5rem;opacity:.6}.snippets-breadcrumb .breadcrumb-current{background:rgba(57,160,237,.15);border:1px solid rgba(57,160,237,.3);border-radius:.5rem;color:var(--color-link);font-size:.875rem;font-weight:600;padding:.375rem .75rem}.snippets-page-title{margin-bottom:2rem;text-align:center}@media(min-width:768px){.snippets-page-title{text-align:left}}.snippets-page-title h1{color:var(--color-text);display:inline-block;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.1)}.snippets-page-title h1:after{animation:slideInUnderline 1.2s ease-out .5s forwards;background:linear-gradient(90deg,var(--color-link),rgba(57,160,237,.3));border-radius:2px;bottom:-4px;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;width:100%}.snippets-page-title h1 .tag-highlight{background:linear-gradient(135deg,rgba(57,160,237,.15),rgba(57,160,237,.05));border:1px solid rgba(57,160,237,.3);border-radius:.5rem;box-shadow:0 2px 8px rgba(57,160,237,.2);color:var(--color-link);font-weight:700;padding:.25rem .75rem;position:relative}.snippets-page-title h1 .tag-highlight:before{content:"#";margin-right:.25rem;opacity:.8}@media(max-width:768px){.snippets-page-title h1{font-size:2rem}}.snippets-page-title .snippets-page-subtitle{color:var(--color-text);font-size:1.25rem;font-weight:400;line-height:1.6;margin:0;opacity:.85}@media(max-width:768px){.snippets-page-title .snippets-page-subtitle{font-size:1.125rem}}.snippets-stats{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media(min-width:768px){.snippets-stats{justify-content:flex-start}}.snippets-stats .snippets-count{backdrop-filter:blur(8px);background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.15);border-radius:2rem;color:var(--color-text);font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative}.snippets-stats .snippets-count:before{content:"📊";font-size:.9em;margin-right:.5rem}.snippets-stats .snippets-count:after{animation:shimmerSlow 3s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.snippets-stats .view-all-link{backdrop-filter:blur(8px);background:rgba(57,160,237,.05);border:1px solid var(--color-link);border-radius:2rem;color:var(--color-link);font-size:.875rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s ease}.snippets-stats .view-all-link:before{background:var(--color-link);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.snippets-stats .view-all-link:hover{box-shadow:0 8px 20px rgba(57,160,237,.3);color:var(--color-bg);transform:translateY(-2px)}.snippets-stats .view-all-link:hover:before{opacity:1}.snippets-stats .view-all-link span{position:relative;z-index:1}.snippets-container{margin:0 auto;max-width:var(--max-width);padding:var(--spacing)}@media(min-width:768px){.snippets-container{padding:calc(var(--spacing)*1.5)}}@media(min-width:992px){.snippets-container{padding:calc(var(--spacing)*2)}}.snippets-filter{align-items:center;backdrop-filter:blur(16px);background:linear-gradient(135deg,hsla(0,0%,100%,.08),hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.12);border-radius:1rem;box-shadow:0 8px 32px rgba(0,0,0,.1);display:flex;gap:1.5rem;margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative;transition:all .4s ease}.snippets-filter:before{background:linear-gradient(90deg,transparent,var(--color-link),transparent);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.snippets-filter:after{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,rgba(57,160,237,.1) 0,transparent 70%);border-radius:50%;content:"";height:60px;opacity:.5;position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:60px}.snippets-filter:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.06));border-color:hsla(0,0%,100%,.2);box-shadow:0 12px 40px rgba(0,0,0,.15);transform:translateY(-2px)}.snippets-filter:hover:before{opacity:1}@media(max-width:768px){.snippets-filter{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.5rem}}.filter-label{color:var(--color-text);font-size:.875rem;font-weight:600;letter-spacing:.025em;opacity:.8;text-transform:uppercase}.filter-label:before{content:"🏷️";font-size:.9em;margin-right:.5rem}.tag-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;backdrop-filter:blur(8px);background:rgba(0,0,0,.2);background-image:linear-gradient(45deg,transparent 50%,var(--color-link) 50%),linear-gradient(135deg,var(--color-link) 50%,transparent 50%);background-position:calc(100% - 15px) calc(1em + 2px),calc(100% - 10px) calc(1em + 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid hsla(0,0%,100%,.2);border-radius:.5rem;color:var(--color-text);cursor:pointer;font-size:.9rem;min-width:200px;padding:.75rem 2.5rem .75rem 1rem;position:relative;transition:all .3s ease}.tag-filter-select:hover{background-color:rgba(0,0,0,.3);border-color:var(--color-link);box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.tag-filter-select:focus{border-color:var(--color-link);box-shadow:0 0 0 2px rgba(57,160,237,.2);outline:none;transform:scale(1.02)}.tag-filter-select option{background:var(--color-bg);color:var(--color-text);padding:.5rem}@media(max-width:768px){.tag-filter-select{min-width:auto;width:100%}}.snippets-feed{display:flex;flex-direction:column;gap:2rem}.snippet-card{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;padding:2rem;position:relative;transition:all .3s ease}.snippet-card:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.1);transform:translateY(-2px)}@media(max-width:768px){.snippet-card{padding:1.5rem}}.snippet-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}@media(max-width:768px){.snippet-header{align-items:flex-start;flex-direction:column;gap:.75rem}}.snippet-date{color:var(--color-link);font-size:.875rem;font-weight:500;opacity:.8;position:relative}.snippet-date:before{content:"📅";font-size:.8em;margin-right:.5rem}.snippet-date:after{background:var(--color-link);bottom:-2px;content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;transform:scaleX(0);transition:transform .3s ease}.snippet-card:hover .snippet-date:after{transform:scaleX(1)}.snippet-tags{display:flex;flex-wrap:wrap;gap:.5rem}.snippet-tag{background:rgba(57,160,237,.1);border:1px solid rgba(57,160,237,.2);border-radius:1rem;color:var(--color-link);font-size:.75rem;font-weight:500;overflow:hidden;padding:.25rem .75rem;position:relative;text-decoration:none;transition:all .3s ease}.snippet-tag:before{content:"#";font-weight:400;margin-right:.25rem;opacity:.7}.snippet-tag:hover{background:rgba(57,160,237,.2);box-shadow:0 2px 8px rgba(57,160,237,.3);color:var(--color-link-hover);transform:translateY(-1px)}.snippet-content{margin-bottom:1.5rem}.snippet-content .snippet-text{color:var(--color-text);font-size:1rem;line-height:1.6}.snippet-content .snippet-text .code-block{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;margin:1rem 0;overflow-x:auto;padding:1rem}.snippet-content .snippet-text .code-block code{background:none;border-radius:0;color:#e6db74;padding:0}.snippet-content .snippet-text .inline-code{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:.25rem;color:#e6db74;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;padding:.2rem .4rem}.snippet-content .snippet-text p{margin-bottom:1rem}.snippet-content .snippet-text p:last-child{margin-bottom:0}.read-more-link{align-items:center;color:var(--color-link);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.read-more-link:hover{color:var(--color-link-hover)}.read-more-link:after{content:"→";transition:transform .3s ease}.read-more-link:hover:after{transform:translateX(3px)}.snippet-image{border-radius:.5rem;margin:1.5rem 0;max-width:400px;overflow:hidden}.snippet-image img{border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;display:block;height:auto;width:100%}.snippet-footer{border-top:1px solid hsla(0,0%,100%,.08);margin-top:1.5rem;padding-top:1rem}.snippet-permalink{align-items:center;color:var(--color-text);display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;opacity:.6;text-decoration:none;transition:all .3s ease}.snippet-permalink:before{content:"🔗";font-size:.8em}.snippet-permalink:hover{color:var(--color-link);opacity:1}.snippet-single-container{margin:0 auto;max-width:var(--max-width);padding:0 var(--spacing)}@media(min-width:768px){.snippet-single-container{padding:0 calc(var(--spacing)*1.5)}}@media(min-width:992px){.snippet-single-container{padding:0 calc(var(--spacing)*2)}}.snippet-single{backdrop-filter:blur(12px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:1rem;margin-bottom:2rem;padding:2.5rem}@media(max-width:768px){.snippet-single{padding:1.5rem}}.snippet-single-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}@media(max-width:768px){.snippet-single-header{align-items:flex-start;flex-direction:column;gap:1rem}}.snippet-single-date{color:var(--color-link);font-size:1rem;font-weight:600}.snippet-single-tags{display:flex;flex-wrap:wrap;gap:.75rem}.snippet-single-content{color:var(--color-text);font-size:1.05rem;line-height:1.7}.snippet-single-content .code-block{background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.15);border-radius:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;margin:2rem 0;overflow-x:auto;padding:1.5rem;position:relative}.snippet-single-content .code-block:before{background:linear-gradient(90deg,var(--color-link),transparent);border-radius:.75rem .75rem 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.snippet-single-content .code-block code{background:none;border-radius:0;color:#e6db74;padding:0}.snippet-single-content .inline-code{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.15);border-radius:.375rem;color:#e6db74;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:.3rem .6rem}.snippet-single-content p{margin-bottom:1.5rem}.snippet-single-content p:last-child{margin-bottom:0}.snippet-single-image{margin:2rem 0;text-align:center}.snippet-single-image img{border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;height:auto;max-width:100%}.snippet-navigation{display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-top:2rem}@media(max-width:768px){.snippet-navigation{gap:1rem;grid-template-columns:1fr}}.snippet-nav-item{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:.75rem;padding:1rem;transition:all .3s ease}.snippet-nav-item:hover{background:hsla(0,0%,100%,.05);border-color:hsla(0,0%,100%,.2)}.snippet-nav-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;opacity:.6;text-transform:uppercase}.snippet-nav-label,.snippet-nav-link{color:var(--color-text);display:block}.snippet-nav-link{text-decoration:none}.snippet-nav-date,.snippet-nav-link:hover{color:var(--color-link)}.snippet-nav-date{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.snippet-nav-preview{color:var(--color-text);font-size:.875rem;line-height:1.4;opacity:.7}.pagination{margin-top:3rem;padding:2rem 0;position:relative;text-align:center}.pagination:before{background:linear-gradient(90deg,transparent,var(--color-link),transparent);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.pagination-info{color:var(--color-text);font-size:.875rem;margin-bottom:1.5rem;opacity:.7}.pagination-controls{display:flex;flex-wrap:wrap;gap:.5rem}.pagination-controls,.pagination-link{align-items:center;justify-content:center}.pagination-link{backdrop-filter:blur(8px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:.5rem;color:var(--color-text);display:inline-flex;font-weight:500;height:2.5rem;min-width:2.5rem;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.pagination-link:before{background:linear-gradient(135deg,var(--color-link),transparent);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.pagination-link:hover{background:hsla(0,0%,100%,.1);border-color:var(--color-link);box-shadow:0 4px 12px rgba(57,160,237,.2);color:var(--color-link);transform:translateY(-1px)}.pagination-link:hover:before{opacity:.1}.pagination-link.pagination-next,.pagination-link.pagination-prev{font-weight:600;padding:.75rem 1.5rem}.pagination-link.pagination-prev:hover:after{animation:slideLeft .3s ease;content:"←";left:.5rem;position:absolute}.pagination-link.pagination-next:hover:after{animation:slideRight .3s ease;content:"→";position:absolute;right:.5rem}.pagination-current{align-items:center;background:var(--color-link);border:1px solid var(--color-link);border-radius:.5rem;color:var(--color-bg);display:inline-flex;font-weight:600;height:2.5rem;justify-content:center;min-width:2.5rem;padding:.75rem 1rem}.no-snippets{color:var(--color-text);opacity:.7;padding:3rem 2rem;text-align:center}.no-snippets p{font-size:1.125rem;margin-bottom:1.5rem}.no-snippets .back-to-all{border:1px solid var(--color-link);border-radius:.5rem;color:var(--color-link);font-weight:500;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.no-snippets .back-to-all:hover{background:var(--color-link);color:var(--color-bg)}.error-message{padding:3rem 2rem;text-align:center}.error-message h1{color:var(--color-text);font-size:2rem;margin-bottom:1rem}.error-message p{color:var(--color-text);font-size:1.125rem;opacity:.7}@keyframes slideLeft{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmerSlow{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes slideInUnderline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes float{0%,to{transform:translateY(-50%) rotate(0deg)}50%{transform:translateY(-60%) rotate(5deg)}}@keyframes backgroundFloat{0%,to{opacity:1;transform:translateY(0) translateX(0) rotate(0deg)}33%{opacity:.8;transform:translateY(-10px) translateX(5px) rotate(1deg)}66%{opacity:.9;transform:translateY(5px) translateX(-5px) rotate(-1deg)}}@keyframes gridFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0)}50%{opacity:.2;transform:translateY(-5px) translateX(3px)}}