:root{--width-max:1600px;--width-ultrawide:1900px;--sidebar-width:320px;--sidebar-width-wide:330px;--radius-lg:12px;--radius-xl:18px;--sidebar-offset:80px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--transition-fast:.2s ease-out;--transition-slower:.35s ease-out;--transition-slowest:.5s ease-out}[x-cloak]{display:none!important}@media (width>=2000px){:root{--width-max:var(--width-ultrawide);--sidebar-width:var(--sidebar-width-wide)}}*,:before,:after{box-sizing:border-box;scroll-padding-top:160px}html{-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:var(--muted) transparent;width:100vw;overflow-x:hidden}html,body{height:100%;overflow-x:hidden}body{flex-direction:column;min-height:100vh;margin:0;display:flex}body.site{background:radial-gradient(circle at top, var(--bg-radial-start) 0, var(--bg) 45%, var(--bg-black) 100%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-color:var(--bg-black);color:var(--text);font-family:var(--font-sans);overflow-wrap:break-word;word-wrap:break-word;word-break:normal;line-height:1.6}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}img,video,iframe,svg{max-width:100%;height:auto;display:block}html:before{content:"";background:var(--accent);z-index:10000;pointer-events:none;width:100%;height:3px;transition:transform .4s ease-in;position:fixed;top:0;left:0;transform:translate(-100%)}html.is-loading:before{animation:2s linear infinite flux-loading-shimmer;transform:translate(-30%)}@keyframes flux-loading-shimmer{0%{transform:translate(-100%)}50%{transform:translate(-10%)}to{opacity:0;transform:translate(0%)}}html.is-loading body{opacity:.6;cursor:wait;transition:opacity .3s}.site-main{flex:1;min-width:0}.site-header{border-bottom:1px solid var(--border);background:linear-gradient(90deg, var(--bg), var(--bg-header-end));z-index:100;box-shadow:var(--shadow-header);position:sticky;top:0}.header-inner{width:100%;max-width:var(--width-max);transition:max-width var(--transition-slower);justify-content:space-between;align-items:center;margin:0 auto;padding:calc(.75rem + 4px) 1rem .75rem;display:flex}.header-inner a:hover{color:var(--accent);transition:color var(--transition-slowest);text-decoration:none}.logo a{color:var(--text);align-items:center;gap:.4rem;text-decoration:none;display:flex}.logo-mark{color:var(--accent);font-size:1.1rem}.logo-text{letter-spacing:.06em;text-transform:uppercase;font-size:.95rem;font-weight:700}.logo-text-wrap{flex-direction:column;line-height:1.1;display:flex}.logo-subtitle{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:1;margin-top:.15rem;font-size:.75rem;font-weight:400}.main-nav ul{align-items:baseline;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.main-nav a{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;transition:color var(--transition-fast);padding-bottom:.3rem;font-size:.9rem;text-decoration:none;position:relative}.main-nav a:after{content:"";background:var(--accent);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.main-nav a:hover,.main-nav a.active{color:var(--text)}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.nav-toggle{cursor:pointer;background:0 0;border:none;padding:.25rem;display:none}.nav-toggle-box{flex-direction:column;justify-content:center;gap:4px;display:inline-flex}.nav-toggle-line{background:var(--text);border-radius:999px;width:20px;height:2px;transition:transform .18s ease-out,opacity .18s ease-out}.dropdown-item{position:relative}.dropdown-toggle{font-family:inherit;font-size:.9rem;line-height:inherit;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:.4rem;margin:0;padding:0 0 .3rem;display:flex}.dropdown-toggle:hover,.dropdown-item[aria-expanded=true] .dropdown-toggle{color:var(--text)}.dropdown-caret{transition:transform .2s}.dropdown-caret.open{transform:rotate(180deg)}.dropdown-menu{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:200px;box-shadow:var(--shadow-soft);z-index:50;padding:.5rem 0;position:absolute;top:100%;right:0;flex-direction:column!important;gap:0!important}.dropdown-menu li{width:100%}.dropdown-menu a{text-transform:none;letter-spacing:normal;border-radius:var(--radius-lg);border-bottom:none;padding:.5rem 1.2rem;display:block}.dropdown-menu a:hover{background:var(--accent-soft);color:var(--accent)}.dropdown-menu a:after{display:none}.site-body{width:100%;max-width:var(--width-max);grid-template-columns:1fr var(--sidebar-width);transition:max-width var(--transition-slower);gap:2rem;margin:2rem auto 3rem;padding:0 1.5rem;display:grid}.site-sidebar{top:var(--sidebar-offset);min-width:0;max-height:calc(100vh - var(--sidebar-offset) - 1rem);scrollbar-width:none;-ms-overflow-style:none;align-self:start;position:sticky;overflow-y:auto}.site-sidebar::-webkit-scrollbar{display:none}.post-card,.post-single,.page-single,.archive-year{background:var(--bg-card);border-radius:var(--radius-xl);border:1px solid var(--border-card);box-shadow:var(--shadow-soft);max-width:100%;margin-bottom:1.4rem;padding:1.6rem 1.8rem}.post-card:hover{border-color:var(--accent-soft);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);transform:translateY(-2px)}h1,h2,h3,h4,h5{color:var(--text-white);margin-top:0;line-height:1.3}.post-meta-top,.post-meta-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.post-meta-top{margin-bottom:1rem}.post-meta-bottom nav{display:flex}.post-title a,.page-title{color:var(--text-white);text-decoration:none}.post-title a:hover{transition:color var(--transition-slower);color:var(--accent)}h2.post-title{margin:0;display:inline-flex}.post-meta,.post-tags,.post-nav,.archive-date{color:var(--muted);font-size:.85rem}.post-nav{display:inline!important}.meta-sep{margin:0 .5rem}.post-tags{margin-bottom:.8rem}.post-tags a{color:var(--accent);text-decoration:none}.post-tags a:hover{text-decoration:underline}.post-excerpt{color:var(--text-light);margin:.8rem 0 1.1rem;font-size:.95rem}.post-content,.page-content{min-width:0;margin-top:1.3rem}.post-content a,.page-content a{color:var(--accent);word-break:normal;overflow-wrap:break-word}.post-content a:hover,.page-content a:hover{text-decoration:underline}.post-content pre,.post-content code{font-family:var(--font-mono)}.post-content pre{background:var(--bg-black);border-radius:var(--radius-lg);border:1px solid var(--border-code);white-space:pre;max-width:100%;padding:.9rem 1rem;overflow-x:auto}.sidebar-section{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-sidebar);box-shadow:var(--shadow-soft);margin-bottom:1rem;padding:1.2rem 1.3rem}.sidebar-section h3{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);cursor:pointer;user-select:none;justify-content:space-between;align-items:center;margin-top:0;margin-bottom:0;font-size:.95rem;display:flex}.sidebar-section:not(.social-buttons)>div:not([style*="display: none"]){margin-top:.7rem}.sidebar-section ul{margin:0;padding:0;list-style:none}.sidebar-section li{align-items:center;width:100%;margin-bottom:.4rem;display:flex}.sidebar-section a{color:var(--text-sidebar);font-size:.9rem;text-decoration:none}.sidebar-section li a{align-items:center;width:100%;min-width:0;display:flex}.sidebar-section li a span:not(.lock-mark){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-section li a .lock-mark{flex-shrink:0;margin-left:0;margin-right:.4rem}.sidebar-section a:hover{color:var(--accent)}.archive h1{margin-bottom:1.2rem}.archive-year h2{border-bottom:1px solid var(--border);margin-bottom:.8rem;padding-bottom:.4rem}.archive-year-count{color:var(--muted);margin-left:.45rem;font-size:.78em;font-weight:500}.archive-year-scroll{scrollbar-width:thin;scrollbar-color:var(--muted) transparent;max-height:18rem;padding-right:.3rem;overflow-y:auto}.archive-year-scroll::-webkit-scrollbar{width:6px}.archive-year-scroll::-webkit-scrollbar-track{background:0 0}.archive-year-scroll::-webkit-scrollbar-thumb{background:var(--muted);opacity:.5;border-radius:999px}.archive-year-list{margin:0;padding:0;list-style:none}.archive-year-list li{flex-wrap:wrap;gap:.6rem;margin-bottom:.3rem;display:flex}.archive-pagination{margin-top:.5rem}.archive-date{min-width:3rem;color:var(--muted)}.site-footer{border-top:1px solid var(--border);background:var(--bg);flex-shrink:0;margin-top:auto}.footer-inner{width:100%;max-width:var(--width-max);color:var(--muted);transition:max-width var(--transition-slower);justify-content:space-between;align-items:center;margin:0 auto;padding:1rem 1.5rem 1.8rem;font-size:.85rem;display:flex}.footer-left{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex}.footer-copyright{color:var(--muted)}.footer-feed-links{flex-wrap:wrap;gap:.85rem;display:flex}.footer-feed-link{color:var(--muted);letter-spacing:.06em;transition:color var(--transition-fast);padding-bottom:.22rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-block;position:relative}.footer-feed-link:after{content:"";background:var(--accent);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}.footer-feed-link:hover{color:var(--text)}.footer-feed-link:hover:after{width:100%}.footer-feed-link:focus-visible{color:var(--text);outline:none}.footer-feed-link:focus-visible:after{width:100%}.footer-right a{color:var(--accent);margin-left:.8rem;font-size:12px;font-style:italic;text-decoration:none}.footer-right a:hover{text-decoration:underline}a{color:var(--accent)}a:hover{color:var(--accent-bright)}.encrypted-post{text-align:left;margin-top:1.2rem}.encrypted-message{color:var(--muted);margin-bottom:.6rem;font-size:.9rem}.encrypted-form{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:2rem 0;display:flex}.encrypted-input-wrap{width:auto;position:relative}.encrypted-input{border:1px solid var(--accent-soft);width:100%;min-width:220px;max-width:260px;color:var(--text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), transform var(--transition-fast);background:var(--bg-black);border-radius:999px;outline:none;padding:1.05rem 1rem .45rem;font-size:.9rem;box-shadow:0 0 0 1px #0000}.encrypted-input::placeholder{color:#0000}.encrypted-label{color:var(--muted);pointer-events:none;font-size:.85rem;transition:top .15s ease-out,transform .15s ease-out,font-size .15s ease-out,letter-spacing .15s ease-out,color .15s ease-out;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.encrypted-input:focus+.encrypted-label,.encrypted-input:not(:placeholder-shown)+.encrypted-label{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-size:.7rem;top:.15rem;transform:none}.encrypted-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--focus-ring);background:var(--bg-black)}.encrypted-error{background:var(--bg-tooltip);border:1px solid var(--accent);color:var(--text-white);max-width:90%;box-shadow:var(--shadow-tooltip);z-index:9999;text-align:center;border-radius:10px;padding:.7rem 1.3rem;font-size:.9rem;position:fixed;top:1.25rem;left:50%;transform:translate(-50%)}.post-btn,.encrypted-button{text-align:center;text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--accent-soft);color:var(--accent);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.4rem .9rem;font-size:.85rem;text-decoration:none;display:inline-flex}.post-btn:hover,.encrypted-button:hover:not(:disabled){background:var(--accent-soft);color:var(--text-white);box-shadow:0 0 20px var(--focus-ring)}.post-btn:not(:first-child),.encrypted-button:not(:first-child){margin-left:.5rem}.encrypted-button:disabled{opacity:.6;cursor:default;box-shadow:none}.encrypted-button{padding:.75rem 1rem}.lock-mark{color:var(--accent);vertical-align:middle;align-items:center;margin-left:.3rem;display:inline-flex}.lock-icon{fill:currentColor;width:1rem;height:1rem}.archive-year .lock-mark .lock-icon{width:1.3rem;height:1.3rem}.post-title .lock-mark .lock-icon{width:1.7rem;height:1.7rem;margin-top:-.2rem}.sidebar-section li .lock-mark{margin-right:.1rem}.post-shortlink{color:var(--muted);font-size:.85rem;display:flex}.post-shortlink-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-right:.4rem;font-size:.75rem}.post-shortlink a{color:var(--accent);word-break:break-all;text-decoration:none}.post-shortlink a:hover{text-decoration:underline}.palette-switcher{align-items:center;gap:.4rem;width:100%;font-size:.8rem;display:inline-flex}.palette-switcher label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.7rem}.palette-switcher select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:999px;outline:none;padding:.25rem .7rem;font-size:.8rem}.palette-switcher select:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft);background:var(--bg-alt)}.palette-controls{border-top:1px dashed var(--border);flex-direction:column;gap:.8rem;margin-top:.4rem;padding-top:.8rem;display:flex}.palette-row{justify-content:space-between;align-items:center;display:flex}.palette-label{color:var(--text-sidebar);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.palette-label.checkbox-label{cursor:pointer;align-items:center;gap:.3rem;display:flex}.color-swatch-container{border:1px solid var(--border);cursor:pointer;border-radius:50%;width:1.8rem;height:1.8rem;transition:opacity .2s;position:relative;overflow:hidden}.color-input{opacity:0;cursor:pointer;z-index:2;border:none;width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0}.color-swatch{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.mode-group{align-items:center;gap:.8rem;display:flex}.auto-label{color:var(--muted);cursor:pointer;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.mode-btn{cursor:pointer;color:var(--text);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.mode-icon{transition:transform .2s}.palette-input-col{flex-direction:column;gap:.3rem;display:flex}.palette-text-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:4px;outline:none;padding:.4rem;font-size:.85rem;transition:border-color .2s}.palette-text-input:focus{border-color:var(--accent)}.palette-export-btn{text-transform:uppercase;letter-spacing:.05em;background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:4px;margin-top:.4rem;padding:.4rem;font-size:.75rem;transition:border-color .2s}.palette-export-btn:hover{border-color:var(--accent)}figure{margin-left:0;margin-right:0;overflow:auto}.social-buttons{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.social-buttons .link{align-items:center;gap:.35rem;line-height:1;text-decoration:none;display:inline-flex}.social-buttons .label{font-size:.95em}.social-icon-wrap{justify-content:center;align-items:center;line-height:0;display:inline-flex;position:relative}.social-icon{width:100%;height:100%;-webkit-mask-image:var(--icon-url);mask-image:var(--icon-url);background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.search-page .search-box{margin-bottom:1.5rem}.search-page .search-input-wrapper{align-items:center;width:100%;max-width:420px;display:inline-flex;position:relative}.search-page #local-search-input{border:1px solid var(--border);background:var(--bg-card);width:100%;max-width:420px;color:var(--text);font:inherit;border-radius:999px;padding:.5rem 2.25rem .5rem .75rem}.search-page #local-search-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft);background:var(--bg-alt);outline:none}.search-page .search-clear-btn{width:1.4rem;height:1.4rem;color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;transition:opacity .15s ease-out,background-color .15s ease-out;display:inline-flex;position:absolute;top:50%;right:.65rem;transform:translateY(-50%)}.search-page .search-clear-btn:hover{background:var(--accent-soft)}.search-page .search-results .search-result+.search-result{margin-top:1.25rem}.cloud-page .cloud-section+.cloud-section{margin-top:1.8rem}.cloud-page .cloud-section-title{margin:0 0 .3rem;font-size:1.15rem}.cloud-page .cloud-summary{color:var(--muted);margin-top:0;margin-bottom:1rem;font-size:.92rem}.cloud-page .cloud-break{background:linear-gradient(90deg, transparent 0%, var(--accent-soft) 24%, var(--accent) 50%, var(--accent-soft) 76%, transparent 100%);opacity:.95;border:0;height:1px;margin:1.55rem 0 1.7rem;position:relative}.cloud-page .cloud-break:after{content:"";border:1px solid var(--accent-soft);background:var(--bg-card);width:.52rem;height:.52rem;box-shadow:0 0 0 5px var(--bg-card);border-radius:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cloud-list{flex-wrap:wrap;align-items:center;gap:.62rem .72rem;padding:.35rem .15rem .15rem;display:flex}.cloud-item{border:1px solid var(--border-card);background:radial-gradient(circle at 18% 18%, var(--accent-soft) 0, transparent 62%), linear-gradient(160deg, var(--bg-alt) 0, var(--bg-card) 100%);color:var(--text);line-height:1.1;font-weight:calc(430 + (var(--cloud-weight,.5) * 260));opacity:var(--cloud-opacity,.9);box-shadow:0 1px 0 #ffffff0a inset, var(--shadow-soft);transform-origin:50%;will-change:transform, background-position;transition:transform var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), background-position .45s ease, box-shadow var(--transition-fast), opacity var(--transition-fast);background-position:18% 18%,0%;background-size:175% 175%,200% 200%;border-radius:999px;align-items:baseline;gap:.4rem;padding:.38rem .78rem;text-decoration:none;display:inline-flex;position:relative}.cloud-item:hover{color:var(--accent);border-color:var(--accent-soft);opacity:1;box-shadow:0 1px 0 #ffffff0f inset, var(--shadow-strong);animation:1.9s ease-in-out infinite cloud-gradient-drift;transform:translateY(-2px)scale(1.02)}@keyframes cloud-gradient-drift{0%{background-position:18% 18%,0%}50%{background-position:82% 26%,100%}to{background-position:24% 84%,0%}}.cloud-item .cloud-count{border:1px solid var(--border);background:var(--bg-card);letter-spacing:.03em;min-width:1.55em;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:.16em .38em;font-size:.56em;font-weight:650;display:inline-flex}@media (width<=768px){.cloud-page .cloud-break{margin:1.35rem 0 1.45rem}.cloud-list{gap:.5rem .56rem}.cloud-item{padding:.34rem .68rem}}@media (prefers-reduced-motion:reduce){.cloud-item:hover{animation:none}}.spotify-embed-inline{background:0 0;border:none;margin-bottom:12px;padding:0}.spotify-embed-inline iframe{width:100%;height:80px;display:block}.post-content p>.spotify-embed-inline{margin:0;display:inline-block}.post-content p:has(.spotify-embed-inline){margin-top:1rem;margin-bottom:1rem}.video-embed-container{width:100%;margin-bottom:12px;padding-top:56.25%;position:relative;overflow:hidden}.video-embed-container iframe{width:100%;height:100%;position:absolute;top:0;left:0}.post-toc{margin:1.5rem 0 0}.post-toc-toggle{justify-content:space-between;width:100%;padding-left:1.5rem;padding-right:1.5rem;font-weight:700}.post-toc-content{background:var(--bg-black);border:1px solid var(--border-code);border-radius:var(--radius-lg);margin-top:.8rem;padding:1.2rem 1.5rem;font-size:.95rem}.toc{margin:0;padding:0;list-style:none}.toc-item{margin-bottom:.4rem}.toc-child{margin-top:.4rem;padding-left:1.2rem;list-style:none}.toc-link{color:var(--muted);transition:color var(--transition-fast);text-decoration:none}.toc-link:hover{color:var(--accent);text-decoration:underline}.reading-progress-bar{background:var(--accent);z-index:999;pointer-events:none;height:4px;transition:width .1s ease-out;position:fixed;top:0;left:0;box-shadow:0 1px 2px #0000001a}.back-to-top-btn{z-index:98;border:1px solid var(--accent-soft);background:var(--bg-card);width:3rem;height:3rem;color:var(--accent);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform var(--transition-fast), background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), opacity var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:2rem;right:2rem}.back-to-top-btn:hover{background:var(--accent-soft);color:var(--text-white);border-color:var(--accent);box-shadow:0 5px 15px var(--focus-ring);transform:translateY(-3px)}.headerlink{color:inherit;text-decoration:none;transition:color .2s ease-in-out;display:inline-block;position:relative;color:var(--accent-muted)!important}.headerlink:hover{color:var(--accent)!important}.post-toc-desktop{font-size:.9rem;display:none}.post-toc-desktop .toc-title{color:var(--text-white);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.8rem;font-size:.8rem;font-weight:700}.post-toc-desktop .toc{border-left:2px solid var(--border);padding-left:1rem}.post-toc-desktop .toc-item{margin-bottom:.4rem}.post-toc-desktop .toc-link{opacity:.8;padding:.2rem 0;line-height:1.3;display:block}.post-toc-desktop .toc-link.active{color:var(--accent);opacity:1;transition:all var(--transition-fast);font-weight:600;transform:translate(4px)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin:2rem 0;display:grid}.gallery-grid br{display:none}.gallery-item{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-soft);background:var(--bg-card);position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-fast);z-index:1;cursor:pointer;margin:0;display:block}.gallery-item:hover img{transform:scale(1.05)}.gallery-tag{color:#fff;z-index:10;pointer-events:none;backdrop-filter:blur(2px);opacity:0;white-space:nowrap;text-overflow:ellipsis;background:#0009;border-radius:999px;max-width:85%;padding:.2rem .6rem;font-size:.75rem;font-weight:500;transition:opacity .2s;position:absolute;top:.5rem;right:.5rem;overflow:hidden}.gallery-item:hover .gallery-tag{opacity:1}.lightbox-container{z-index:9999;cursor:zoom-out;backdrop-filter:blur(5px);background:#000000f2;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:var(--radius-lg);max-width:100%;max-height:90vh;box-shadow:var(--shadow-soft);cursor:default;animation:.2s ease-out zoomIn}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-close{color:#fff;cursor:pointer;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;padding:0;transition:background .2s,transform .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close svg{stroke-width:2.5px;width:1.5rem;height:1.5rem}.lightbox-close:hover{background:#fff3;transform:scale(1.05)}.lightbox-loader{box-sizing:border-box;z-index:10001;border:5px solid #ffffff4d;border-bottom-color:#fff;border-radius:50%;width:48px;height:48px;animation:1s linear infinite rotation;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotation{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.link-preview-tooltip{z-index:1000;background:var(--bg-card);border:1px solid var(--accent-soft);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-tooltip);pointer-events:none;padding:1rem;font-size:.85rem;position:fixed}.link-preview-tooltip strong{color:var(--accent);margin-bottom:.4rem;display:block}.link-preview-tooltip p{color:var(--text-light);margin:0;line-height:1.4}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--muted);opacity:.5;background-clip:content-box;border:2px solid #0000;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent);opacity:1}@media (width<=900px){:root{--sidebar-offset:0}.site-body{grid-template-columns:minmax(0,100%);gap:3rem}.site-sidebar{text-align:left;width:100%;max-height:none;margin:0;position:static;overflow:visible}.sidebar-section{text-align:left}}@media (width<=600px){.main-nav ul{flex-wrap:wrap;justify-content:center;gap:.8rem 1.2rem}.main-nav a{padding:.5rem}.header-inner{padding:1rem}.main-nav ul{gap:.8rem}.site-body{gap:2rem;margin:1.5rem auto 2rem;padding:0 1rem}.post-card,.post-single,.page-single,.archive-year{border-radius:var(--radius-lg);padding:1.2rem}.archive-year-scroll{max-height:14rem}h1{font-size:1.6rem}h2{font-size:1.4rem}.post-meta-top{flex-direction:column;align-items:flex-start;gap:.5rem}.footer-inner{text-align:center;flex-direction:column;gap:1rem}.footer-left{align-items:center}.footer-feed-links{justify-content:center}.footer-right a{margin:0 .5rem}.encrypted-form{flex-direction:column;width:100%}.encrypted-input-wrap,.encrypted-button{width:100%;max-width:100%}.encrypted-input{max-width:100%}}@media (width>=769px){.main-nav{display:block}.main-nav ul{flex-direction:row}.nav-toggle{display:none}}@media (width<=768px){.header-inner{position:relative}.nav-toggle{justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.main-nav{background:var(--bg-alt);border-top:1px solid var(--border);z-index:20;box-shadow:var(--shadow-header);padding:0 0 .75rem;display:none;position:absolute;top:100%;left:0;right:0}.main-nav ul{flex-direction:column;gap:0}.main-nav.is-open{display:block}.main-nav li{width:100%}.main-nav a{border-bottom:1px solid var(--border);width:100%;padding:.8rem 2rem;display:block}.dropdown-item{width:100%}.dropdown-toggle{border-bottom:1px solid var(--border);justify-content:space-between;width:100%;padding:.8rem 2rem}.dropdown-menu{box-shadow:none;border:none;border-bottom:1px solid var(--border);background:0 0;padding:0;position:static}.dropdown-menu a{border-bottom:1px solid var(--border-sidebar);padding:.8rem 2rem .8rem 3rem;font-size:.85rem}.dropdown-menu a:last-child{border-bottom:none}.nav-toggle.is-open .nav-toggle-line:first-child{transform:translateY(6px)rotate(45deg)}.nav-toggle.is-open .nav-toggle-line:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle-line:nth-child(3){transform:translateY(-6px)rotate(-45deg)}}@media (width>=2000px){.site-body{gap:4rem;margin-top:4rem}.post-card,.post-single,.page-single,.archive-year{margin-bottom:2rem;padding:2.5rem 3rem}h1{font-size:2.8rem}h2{font-size:2.2rem}.sidebar-section{padding:2rem}.sidebar-logo img{max-width:240px;max-height:240px}.post-toc{display:none!important}.post-body-grid{grid-template-columns:minmax(0,1fr) 240px;align-items:start;gap:3rem;display:grid;position:relative}.post-toc-desktop{scrollbar-width:thin;max-height:calc(100vh - 8rem);margin-top:.5rem;display:block;position:sticky;top:6rem;overflow-y:auto}}