body{color:#222;font-family:sans-serif;line-height:1.5;margin:1rem}a{color:#00e;text-decoration:none}.details-box{border-radius:6px;margin:1rem 0;padding:0;overflow:hidden;border:1px solid #ccc;background-color:#f9f9f9}.details-box summary{padding:.8rem 1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:.5em;background-color:#eee;position:relative}.details-box .icon::before{display:inline-block;width:1em;height:1em;content:"ℹ️"}.details-box.info{border-color:#2196f3;background-color:#e3f2fd}.details-box.info summary{background-color:#bbdefb}.details-box.info .icon::before{content:"ℹ️"}.details-box.success{border-color:#4caf50;background-color:#e8f5e9}.details-box.success summary{background-color:#c8e6c9}.details-box.success .icon::before{content:"✅"}.details-box.warning{border-color:#ff9800;background-color:#fff3e0}.details-box.warning summary{background-color:#ffe0b2}.details-box.warning .icon::before{content:"⚠️"}.details-box.danger{border-color:#f44336;background-color:#ffebee}.details-box.danger summary{background-color:#ef9a9a}.details-box.danger .icon::before{content:"❌"}.details-box .details-content{padding:1rem;border-top:1px solid #ccc}.link-card-wrapper{display:block;text-decoration:none;color:inherit;margin:1em 0;width:100%}.link-card-inner{border:1px solid #ddd;border-radius:12px;padding:16px;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,5%);transition:box-shadow .2s ease,transform .2s ease}.link-card-inner:hover{box-shadow:0 6px 16px rgba(0,0,0,.1);transform:translateY(-2px)}.link-card-content{display:flex;flex-direction:column;gap:.5em}.link-card-title{font-size:1em;font-weight:700;color:#333;line-height:1.4}.link-card-description{font-size:.7em;color:#666;line-height:1.5}.link-card-url{font-size:.7em;color:#888;word-break:break-all}.code-block-wrapper{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;overflow-x:auto;margin:1.5rem 0;font-family:Menlo,Monaco,Consolas,monospace;width:100%;max-width:100%}.code-block-wrapper table{width:100%;max-width:100%;table-layout:auto;overflow-x:auto;word-break:break-word}.code-block-header{display:flex;justify-content:space-between;align-items:center;background:#eee;padding:.5rem 1rem;font-size:.9rem;color:#444;border-bottom:1px solid #ddd;width:auto;box-sizing:border-box}.language-label{font-weight:700}.site-header{background-color:#fff;border-bottom:1px solid #ddd;padding:.2rem 0}.site-header .container{max-width:1500px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.site-title{font-size:1.5rem;font-weight:700;text-decoration:none;color:#333}.site-header nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1.5rem}.site-header nav a{text-decoration:none;color:#555;font-weight:500}.site-header nav a:hover,.site-header nav a.active{color:#07c;border-bottom:2px solid #07c}@media(max-width:768px){.site-header nav ul{display:none}}footer{border-top:1px solid #222;margin-top:1rem}.home-content{padding:2rem;background-color:#f9f9f9}.home-content .container{max-width:1500px;margin:0 auto}.home-content .top-content{background:#dfdfdf;width:100%;padding:1rem;margin-bottom:2rem;text-align:center;font-weight:700;border-radius:8px;display:flex;flex-direction:column}.home-content .main-content{display:flex;gap:2rem;align-items:flex-start}.home-content .left-content{flex:3;display:flex;flex-direction:column;gap:2rem}.home-content .header-area{display:flex;align-items:center;margin-bottom:1rem;border-bottom:3px solid #f3c27a;gap:1rem}.home-content .header-title{display:flex;align-items:center;gap:.5rem;position:relative}.home-content .header-image{width:50px;height:50px;object-fit:contain;flex-shrink:0}.home-content .header-title-link{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit;padding:.35rem .6rem;border-radius:999px;position:relative}.home-content .header-title-link:hover .header-text,.home-content .header-title-link:focus-visible .header-text{text-decoration:underline}.home-content .header-bubble{position:absolute;left:2.6rem;top:-.8rem;background:#ffe0a3;color:#4a3200;padding:.35rem .55rem;border-radius:999px;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12);opacity:0;transform:translate(20%,-20%);pointer-events:none}.home-content .header-bubble::after{content:"";position:absolute;left:4px;top:20px;width:12px;height:12px;background:#ffe0a3;transform:rotate(45deg);box-shadow:0 4px 12px rgba(0,0,0,.12);z-index:-1}.header-area .header-title,.header-link{margin:0}.home-content .article-link-card-area{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,.9fr));column-gap:1rem;row-gap:2rem;justify-content:space-evenly}.home-content .article-link-card{display:flex;flex-direction:column;max-width:100%;background:#fff;padding:0;border:1px solid #ddd;border-radius:8px;text-decoration:none;color:inherit;transition:box-shadow .3s ease;overflow:hidden}.home-content .article-link-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.home-content .thumbnail-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:0;flex-shrink:0}.home-content .article-thumbnail{width:100%;height:100%;object-fit:cover}.home-content .thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;padding:.5rem;text-align:center;font-size:1.1rem}.home-content .article-content{display:flex;flex-direction:column;flex:1;padding:1rem;overflow:hidden}.home-content .article-title{font-size:1.2rem;margin-top:0;margin-bottom:.1rem;line-height:1.3}.home-content .article-description{font-size:.9rem;color:#666;margin:.2rem;line-height:1.2;flex:1}.home-content .article-meta{display:flex;align-items:center;font-size:.8rem;color:#999;margin:.2rem 0}.home-content .article-meta time{white-space:nowrap}.home-content .article-tags{display:flex;flex-wrap:wrap;gap:.4rem}.home-content .article-tag{display:inline-block;padding:.25rem .5rem;border-radius:12px;color:#333;font-size:.7rem;font-weight:500}.home-content .article-tag:nth-child(2){background-color:#faa9b6}.home-content .article-tag:nth-child(3n+3){background-color:#a1f5e8}.home-content .article-tag:nth-child(3n+4){background-color:#dfb4f7}.home-content .article-tag:nth-child(4n+2){background-color:#faec9f}.home-content .article-tag:nth-child(5n){background-color:#f5bded}.home-content .article-tag:nth-child(7n){background-color:#a0f1d8}.home-content .article-tag:nth-child(6n+1){background-color:#f5cb98}.home-content .article-tag:nth-child(6n+1){background-color:#fdc38d}.home-content .right-content{flex:1;border-radius:8px;overflow-wrap:break-word;word-break:break-word}.home-content .profile{font-weight:700;text-align:center}@media(max-width:768px){.home-content .main-content{flex-direction:column}}.single-content{padding:2rem;background-color:#f9f9f9}.single-content .container{max-width:1200px;margin:0 auto}.single-content .main-content{display:flex;gap:2rem;align-items:flex-start;width:100%}.single-content .main-content .left-content{overflow-wrap:break-word;word-break:break-word;min-width:0}.single-content .main-content .left-content .article-content-area{width:100%;max-width:100%}.single-content .left-content{flex:3;max-width:1200px;width:100%;gap:2rem}.single-content .left-content h1{font-size:2.2rem;margin-top:3rem;margin-bottom:1.5rem;border-bottom:3px solid #f3c27a;padding-bottom:.5rem;color:#222}.single-content .left-content h2{font-size:1.8rem;margin-top:2.5rem;margin-bottom:1rem;border-left:5px solid #f3c27a;padding-left:1rem;background-color:#fffaef;color:#333}.single-content .left-content h3{font-size:1.5rem;margin-top:2rem;margin-bottom:.8rem;padding-left:.6rem;border-left:3px solid #f5cb98;color:#444}.single-content .left-content h4{font-size:1.3rem;margin-top:1.6rem;margin-bottom:.6rem;color:#555;font-weight:600}.single-content .left-content h5{font-size:1.1rem;margin-top:1.4rem;margin-bottom:.5rem;color:#666;font-weight:600}.single-content .left-content h6{font-size:1rem;margin-top:1.2rem;margin-bottom:.4rem;color:#777;font-weight:600}.single-content .left-content figure{display:flex;justify-content:center;margin:1em 0}.single-content .left-content figure img{max-width:100%;object-fit:contain}.single-content .left-content .image-in-markdown{max-width:100%;height:auto;object-fit:contain}.single-content .right-content{flex:1;border-radius:8px;overflow-wrap:break-word;word-break:break-word;align-self:stretch}.single-content .single-sidebar{display:flex;flex-direction:column;gap:1.25rem;min-height:100%}.single-content .profile{font-weight:700;text-align:center}.single-content .single-toc{border:1px solid #ddd;border-radius:12px;padding:.75rem;background:#f9f9f9}.single-content .single-toc h2{margin:0;font-size:1rem;font-weight:600;border-bottom:1px solid #ddd;padding-bottom:.5rem}.single-content .single-toc nav{margin-top:0}.single-content .single-toc-content{margin-top:.75rem}.single-content .single-toc ul{padding-left:0;margin:0;list-style:none}.single-content .single-toc li{margin:0}.single-content .single-toc a{display:block;padding:.35rem .5rem;border-radius:8px;text-decoration:none;color:#333}.single-content .single-toc a:hover{background-color:#fffaef}.single-content .single-toc a.is-active{background-color:#fffaef;border-left:4px solid #f3c27a;padding-left:calc(.5rem - 4px);font-weight:600}.single-content .single-toc ul ul{margin-left:.5rem;padding-left:.5rem;border-left:2px solid #e2e2e2}.single-content .single-sidebar-related .related-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.5rem}.single-content .single-sidebar-related .related-indicator{font-size:.8rem;color:#555;white-space:nowrap}.single-content .single-sidebar-related .related-buttons{display:inline-flex;gap:.4rem}.single-content .single-sidebar-related .related-buttons button{border:1px solid #ddd;background:#fff;border-radius:8px;padding:.25rem .5rem;font-size:.8rem;cursor:pointer}.single-content .single-sidebar-related .related-buttons button:hover{background:#fffaef}.single-content .single-sidebar-related .related-buttons button:disabled{opacity:.5;cursor:default}.single-content .meta-area{display:flex;align-items:center}.single-content .meta-area{display:flex;align-items:center}.single-content .meta-area .categories-tag-area{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:0;margin-left:1rem;font-size:.85rem;color:#444}@media(max-width:768px){.single-content .main-content{flex-direction:column}.single-content .single-sidebar-sticky{position:static;top:auto;max-height:none}.single-content .single-toc-content{max-height:none;overflow:visible}}@media(min-width:769px){.single-content .single-sidebar-sticky{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column;gap:1rem}.single-content .single-toc{flex:none}.single-content .single-toc-content{max-height:28vh;overflow:auto;padding-right:.25rem}.single-content .single-sidebar-related{flex:auto;overflow:hidden}.single-content .single-sidebar-related .related-articles{margin-top:0}.single-content .single-sidebar-related .related-articles .related-card:nth-of-type(n+5){display:none}.single-content .single-sidebar-related .related-articles .related-card:nth-of-type(n+4){display:none}}.profile{position:relative}.profile .profile-container{display:flex;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 6px rgba(0,0,0,5%);border:1px solid #ddd;align-items:flex-center;margin-bottom:.5rem;position:relative;width:100%;box-sizing:border-box;z-index:10}.profile .profile-image-area{flex:1;display:flex;align-items:center;justify-content:center}.profile .profile-image{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:cover;background-color:#eee;border:2px solid #ccc}.profile .profile-content{display:flex;flex-direction:column;gap:.5rem;flex:2}.profile .name-area{font-weight:700;font-size:1.1rem;color:#333}.profile .description-area{font-size:.8rem;color:#666;line-height:1.4}.profile .profile-flip-card{position:absolute;display:flex;top:0;left:0;opacity:0;z-index:2}.profile .profile-flip-card .flip-text{display:flex;align-items:flex-end}.profile .profile-link-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20}.profile .discription-area{margin-bottom:1.5rem}.profile .description-text{font-size:.95rem;color:#555;line-height:1.4}.profile .about-me-button{display:block;background-color:#3490dc;color:#fff;padding:.5rem 1rem;border-radius:6px;text-decoration:none;font-size:.95rem;transition:background-color .2s ease;text-align:center}.profile .about-me-button:hover{background-color:#2779bd}.profile-speech-bubble{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.75);color:#555;border-radius:12px;padding:.8rem 1rem;width:220px;box-shadow:0 4px 12px rgba(0,0,0,.2);font-size:.85rem;animation:fadeInOut 10s ease forwards;opacity:0;z-index:10;text-align:left}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-10px)}10%{opacity:1;transform:translate(-50%,0)}80%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-10px)}}.profile-speech-bubble::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border-width:8px;border-style:solid;border-color:rgba(255,255,255,.75)transparent transparent transparent}.speech-content{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.speech-meta{font-size:.7rem;color:#555;margin-top:.5rem}.speech-meta a{color:#555;text-decoration:underline}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-10px)}100%{opacity:1;transform:translate(-50%,0)}}.related-articles{margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.related-title{font-size:1.2rem;margin-bottom:1rem;border-bottom:1px solid #ccc;padding-bottom:.3rem}.related-card{display:flex;gap:1rem;text-decoration:none;color:inherit;border:1px solid #ddd;border-radius:8px;padding:.5rem;background-color:#f9f9f9;transition:box-shadow .2s}.related-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}.related-thumbnail-wrapper{width:80px;aspect-ratio:1/1;overflow:hidden;border-radius:4px;flex-shrink:0}.related-thumbnail{width:100%;height:100%;object-fit:cover}.related-info{display:flex;align-items:center}.related-post-title{font-size:1rem;margin:0;line-height:1.3}.list-area{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;padding:1rem}.list-area .article-area{display:flex;flex-direction:row;gap:1.5rem;text-decoration:none;color:inherit;padding-bottom:1rem;border-bottom:1px solid #ddd;transition:box-shadow .3s ease}.list-area .article-area:hover{box-shadow:0 4px 12px rgba(0,0,0,5%)}.article-thumbnail-wrapper{position:relative;flex:0 0 200px;aspect-ratio:16/9;overflow:hidden;border-radius:8px}.article-thumbnail-wrapper img.article-thumbnail{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;padding:.5rem;text-align:center;font-size:1.1rem;pointer-events:none}.article-text-wrapper{flex:1;display:flex;flex-direction:column;justify-content:center}.article-title{font-size:1.2rem;font-weight:700;margin-bottom:.5rem;line-height:1.3;max-height:2.6em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-description{font-size:.9rem;color:#666;max-height:3.6em;overflow:hidden;line-height:1.4;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.categories-tag-area{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:.5rem;font-size:.85rem;color:#444}.categories-area,.tag-area{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.categories-tag-area .label{font-weight:700;margin-right:.3rem;color:#888}.category-text,.tag-text{background-color:#f0f0f0;color:#333;padding:.2rem .5rem;border-radius:4px;font-size:.8rem;line-height:1}.category-text{background-color:#d8ecff;color:#155a8a}.tag-text{background-color:#ffe9d5;color:#8a4d00}.pagination{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.pagination a{padding:.4rem .8rem;background-color:#eee;border-radius:4px;text-decoration:none;color:#333;font-size:.9rem;transition:background-color .2s}.pagination a:hover{background-color:#ccc}.pagination a.active{background-color:#666;color:#fff;font-weight:700}@media(max-width:768px){.list-area .article-area{flex-direction:column}.article-thumbnail-wrapper{width:100%;flex:none}.article-text-wrapper{width:100%}}��/* generated using: hugo gen chromastyles --style=monokai */    /* background */ .bg { color:#f8f8f2;background-color:#272822; }  /* prewrapper */ .chroma { color:#f8f8f2;background-color:#272822; }  /* other */ .chroma .x {  }  /* error */ .chroma .err { color:#960050;background-color:#1e0010 }  /* codeline */ .chroma .cl {  }  /* linelink */ .chroma .lnlinks { outline:none;text-decoration:none;color:inherit }  /* linetabletd */ .chroma .lntd { vertical-align:top;padding:0;margin:0;border:0; }  /* linetable */ .chroma .lntable { border-spacing:0;padding:0;margin:0;border:0; }  /* linehighlight */ .chroma .hl { background-color:#3c3d38 }  /* linenumberstable */ .chroma .lnt { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }  /* linenumbers */ .chroma .ln { white-space:pre;-webkit-user-select:none;user-select:none;margin-right:0.4em;padding:0 0.4em 0 0.4em;color:#7f7f7f }  /* line */ .chroma .line { display:flex; }  /* keyword */ .chroma .k { color:#66d9ef }  /* keywordconstant */ .chroma .kc { color:#66d9ef }  /* keyworddeclaration */ .chroma .kd { color:#66d9ef }  /* keywordnamespace */ .chroma .kn { color:#f92672 }  /* keywordpseudo */ .chroma .kp { color:#66d9ef }  /* keywordreserved */ .chroma .kr { color:#66d9ef }  /* keywordtype */ .chroma .kt { color:#66d9ef }  /* name */ .chroma .n {  }  /* nameattribute */ .chroma .na { color:#a6e22e }  /* namebuiltin */ .chroma .nb {  }  /* namebuiltinpseudo */ .chroma .bp {  }  /* nameclass */ .chroma .nc { color:#a6e22e }  /* nameconstant */ .chroma .no { color:#66d9ef }  /* namedecorator */ .chroma .nd { color:#a6e22e }  /* nameentity */ .chroma .ni {  }  /* nameexception */ .chroma .ne { color:#a6e22e }  /* namefunction */ .chroma .nf { color:#a6e22e }  /* namefunctionmagic */ .chroma .fm {  }  /* namelabel */ .chroma .nl {  }  /* namenamespace */ .chroma .nn {  }  /* nameother */ .chroma .nx { color:#a6e22e }  /* nameproperty */ .chroma .py {  }  /* nametag */ .chroma .nt { color:#f92672 }  /* namevariable */ .chroma .nv {  }  /* namevariableclass */ .chroma .vc {  }  /* namevariableglobal */ .chroma .vg {  }  /* namevariableinstance */ .chroma .vi {  }  /* namevariablemagic */ .chroma .vm {  }  /* literal */ .chroma .l { color:#ae81ff }  /* literaldate */ .chroma .ld { color:#e6db74 }  /* literalstring */ .chroma .s { color:#e6db74 }  /* literalstringaffix */ .chroma .sa { color:#e6db74 }  /* literalstringbacktick */ .chroma .sb { color:#e6db74 }  /* literalstringchar */ .chroma .sc { color:#e6db74 }  /* literalstringdelimiter */ .chroma .dl { color:#e6db74 }  /* literalstringdoc */ .chroma .sd { color:#e6db74 }  /* literalstringdouble */ .chroma .s2 { color:#e6db74 }  /* literalstringescape */ .chroma .se { color:#ae81ff }  /* literalstringheredoc */ .chroma .sh { color:#e6db74 }  /* literalstringinterpol */ .chroma .si { color:#e6db74 }  /* literalstringother */ .chroma .sx { color:#e6db74 }  /* literalstringregex */ .chroma .sr { color:#e6db74 }  /* literalstringsingle */ .chroma .s1 { color:#e6db74 }  /* literalstringsymbol */ .chroma .ss { color:#e6db74 }  /* literalnumber */ .chroma .m { color:#ae81ff }  /* literalnumberbin */ .chroma .mb { color:#ae81ff }  /* literalnumberfloat */ .chroma .mf { color:#ae81ff }  /* literalnumberhex */ .chroma .mh { color:#ae81ff }  /* literalnumberinteger */ .chroma .mi { color:#ae81ff }  /* literalnumberintegerlong */ .chroma .il { color:#ae81ff }  /* literalnumberoct */ .chroma .mo { color:#ae81ff }  /* operator */ .chroma .o { color:#f92672 }  /* operatorword */ .chroma .ow { color:#f92672 }  /* punctuation */ .chroma .p {  }  /* comment */ .chroma .c { color:#75715e }  /* commenthashbang */ .chroma .ch { color:#75715e }  /* commentmultiline */ .chroma .cm { color:#75715e }  /* commentsingle */ .chroma .c1 { color:#75715e }  /* commentspecial */ .chroma .cs { color:#75715e }  /* commentpreproc */ .chroma .cp { color:#75715e }  /* commentpreprocfile */ .chroma .cpf { color:#75715e }  /* generic */ .chroma .g {  }  /* genericdeleted */ .chroma .gd { color:#f92672 }  /* genericemph */ .chroma .ge { font-style:italic }  /* genericerror */ .chroma .gr {  }  /* genericheading */ .chroma .gh {  }  /* genericinserted */ .chroma .gi { color:#a6e22e }  /* genericoutput */ .chroma .go {  }  /* genericprompt */ .chroma .gp {  }  /* genericstrong */ .chroma .gs { font-weight:bold }  /* genericsubheading */ .chroma .gu { color:#75715e }  /* generictraceback */ .chroma .gt {  }  /* genericunderline */ .chroma .gl {  }  /* textwhitespace */ .chroma .w {  }   .pickup-section{margin:0}.pickup-header{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.pickup-header h2{margin:0;font-size:1.5rem;color:#222}.pickup-view-all{color:#222;text-decoration:none;font-size:.95rem;padding:.5rem 1rem;border:1px solid rgba(2,2,2,.5);border-radius:4px;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap}.pickup-view-all:hover{background-color:rgba(255,255,255,.1);border-color:#fff}.pickup-controls{display:flex;gap:.8rem;align-items:center}.pickup-button{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.4);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.pickup-button:hover{background:rgba(255,255,255,.3);border-color:#fff}.pickup-button:active{transform:scale(.95)}.pickup-grid{display:grid;grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:280px;gap:1.5rem;overflow:hidden;width:100%;padding:0}.carousel-container{position:relative;display:flex;align-items:center;gap:1rem;width:100%}.carousel-nav-button{background:rgba(0,0,0,.3);border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:background-color .2s ease,transform .1s ease;flex-shrink:0}.carousel-nav-button:hover{background:rgba(0,0,0,.5);transform:scale(1.05)}.carousel-nav-button:active{transform:scale(.95)}body[theme=dark] .carousel-nav-button{background:rgba(255,255,255,.2)}body[theme=dark] .carousel-nav-button:hover{background:rgba(255,255,255,.3)}.pickup-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #ddd;transition:transform .2s ease,box-shadow .2s ease}body[theme=dark] .pickup-card{background:#2b2b2b;border-color:#e4d6a3}.pickup-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}body[theme=dark] .pickup-card:hover{box-shadow:0 4px 12px rgba(255,255,255,.1)}.pickup-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0;background:#f0f0f0}body[theme=dark] .pickup-thumbnail{background:#1a1a1a}.pickup-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.pickup-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:1rem;font-weight:700}.pickup-overlay span{text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.95rem;line-height:1.3}.pickup-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.pickup-title{margin:0;font-size:1rem;line-height:1.3;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.pickup-description{font-size:.9rem;margin-top:.1rem;margin-bottom:.1rem;color:#555;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}body[theme=dark] .pickup-description{color:#ccc}.pickup-meta{font-size:.8rem;color:#999;display:flex;align-items:center;gap:.3rem}body[theme=dark] .pickup-meta{color:#aaa}.pickup-tag{background:#f0f0f0;color:#666;padding:.25rem .5rem;border-radius:3px;font-size:.75rem;white-space:nowrap}.pickup-tag.overflow-indicator{background:0 0;color:#999;padding:0}body[theme=dark] .pickup-tag{background:#3a3a3a;color:#aaa}body[theme=dark] .pickup-tag.overflow-indicator{color:#888}.pickup-list-container{padding:2rem}.pickup-list-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.pickup-list-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #ddd;transition:transform .2s ease,box-shadow .2s ease}body[theme=dark] .pickup-list-card{background:#2b2b2b;border-color:#e4d6a3}.pickup-list-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.15)}body[theme=dark] .pickup-list-card:hover{box-shadow:0 4px 12px rgba(255,255,255,.1)}.pickup-list-thumbnail{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;flex-shrink:0;background:#f0f0f0}body[theme=dark] .pickup-list-thumbnail{background:#1a1a1a}.pickup-list-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.pickup-list-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:#fff;text-align:center;padding:1rem;font-weight:700}.pickup-list-overlay span{text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.95rem;line-height:1.3}.pickup-list-content{padding:1rem;display:flex;flex-direction:column;flex-grow:1}.pickup-list-title{margin:0;font-size:1rem;line-height:1.3;font-weight:600}.pickup-list-description{font-size:.9rem;margin-top:.5rem;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}body[theme=dark] .pickup-list-description{color:#ccc}.pickup-list-meta{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #eee;font-size:.85rem;color:#999}body[theme=dark] .pickup-list-meta{border-top-color:#555;color:#aaa}.popular-section{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.popular-tags,.popular-categories{border:1px solid #ddd;border-radius:12px;padding:.5rem;background:#fff}body[theme=dark] .popular-tags,body[theme=dark] .popular-categories{border-color:#555;background-color:#2a2a2a;color:#e0e0e0}.popular-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;border-bottom:1px solid #ddd;position:relative}body[theme=dark] .popular-header{border-bottom-color:#555}.popular-title{margin:0;font-size:1rem;font-weight:600;position:relative}.popular-title-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;padding:.25rem .4rem;border-radius:999px;position:relative}.popular-title-link:hover .popular-text,.popular-title-link:focus-visible .popular-text{text-decoration:underline}.popular-image{width:80px;height:80px;object-fit:contain;flex-shrink:0;pointer-events:none}.popular-tags .popular-title-link{overflow:visible;z-index:20}.popular-tags .popular-image{position:absolute;right:0%;top:0%;transform:translate(0%,-50%);opacity:0;z-index:10}.popular-tags .popular-bubble{position:absolute;left:100%;top:-1rem;transform:translate(0%,0%);background:#ffe0a3;color:#4a3200;padding:.35rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12);opacity:0;pointer-events:none;white-space:nowrap}.popular-tags .popular-bubble::after{content:"";position:absolute;left:10%;bottom:-6px;transform:rotate(45deg);width:10px;height:10px;background:#ffe0a3;box-shadow:2px 2px 4px rgba(0,0,0,8%)}.popular-categories{overflow:visible;position:relative}.popular-categories .popular-title-link{overflow:visible}.popular-categories .popular-image{position:absolute;left:0%;top:0%;opacity:0;z-index:20}.popular-categories .popular-bubble{position:absolute;left:30%;top:0%;background:#ffe0a3;color:#4a3200;padding:.35rem .55rem;border-radius:999px;font-size:.7rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.12);opacity:0;pointer-events:none;white-space:nowrap;z-index:20}.popular-categories .popular-bubble::after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%)rotate(45deg);width:10px;height:10px;background:#ffe0a3;box-shadow:-2px 2px 4px rgba(0,0,0,8%)}.tags-container,.categories-container{display:flex;flex-wrap:wrap;gap:.75rem}.tag-item,.category-item{display:inline-block;padding:.4rem .8rem;border:none;border-radius:20px;color:#fff;text-decoration:none;font-size:.8rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.1)}.tag-item[data-index="0"],.category-item[data-index="0"]{background-color:#faa9b6;color:#333}.tag-item[data-index="1"],.category-item[data-index="1"]{background-color:#a1f5e8;color:#333}.tag-item[data-index="2"],.category-item[data-index="2"]{background-color:#dfb4f7;color:#333}.tag-item[data-index="3"],.category-item[data-index="3"]{background-color:#faec9f;color:#333}.tag-item[data-index="4"],.category-item[data-index="4"]{background-color:#f5bded;color:#333}.tag-item[data-index="5"],.category-item[data-index="5"]{background-color:#a0f1d8;color:#333}.tag-item:hover,.category-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.2)}