@font-face{font-family:noto serif sc;src:url(/fonts/NotoSerifSC-Regular.woff2)format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:noto serif sc;src:url(/fonts/NotoSerifSC-Bold.woff2)format('woff2');font-weight:700;font-style:normal;font-display:swap}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--max-width:700px;--color-bg:#141416;--color-surface:#1c1c1e;--color-text:#b8b8b8;--color-text-secondary:#9a9aa0;--color-text-tertiary:#555555;--color-border:#2a2a2c;--color-border-light:#222224;--color-link:#b8b8b8;--color-hover:#dcdcdc;--font-heading:'Outfit', -apple-system, 'Helvetica Neue', sans-serif;--font-body:'Noto Serif SC', -apple-system, BlinkMacSystemFont, 'PingFang SC', serif;--font-mono:'Menlo', 'Consolas', monospace;--cell-size:11px;--cell-gap:2px;--heatmap-empty:#222224;--heatmap-post:#4a4a4a;--shadow-code:#141416}[data-theme=light]{--color-bg:#f7f7f7;--color-surface:#ffffff;--color-text:#1a1a1a;--color-text-secondary:#6e6e6e;--color-text-tertiary:#a0a0a0;--color-border:#e5e5e5;--color-border-light:#eeeeee;--color-link:#1a1a1a;--color-hover:#000;--heatmap-empty:#ebedf0;--heatmap-post:#9b9b9b;--shadow-code:#1e1e1e}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.75;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-link);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-hover)}header{max-width:var(--max-width);margin:0 auto;padding:1.5rem 1.25rem;border-bottom:1px solid var(--color-border-light);width:100%}nav{display:flex;justify-content:space-between;align-items:center}.nav-right{display:flex;align-items:center;gap:1.5rem}nav ul{display:flex;list-style:none;gap:1.75rem}nav ul a{font-family:var(--font-heading);font-size:.9375rem;font-weight:400;color:var(--color-text-tertiary);letter-spacing:.03em;position:relative;padding-bottom:2px}nav ul a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-text);transition:width .2s ease}nav ul a:hover{color:var(--color-text);text-decoration:none}nav ul a:hover::after{width:100%}.site-title{display:inline-flex;align-items:center}.site-logo{height:31px;width:auto;display:block}.site-logo-light{display:inline}.site-logo-dark{display:none}[data-theme=dark] .site-logo-light{display:none}[data-theme=dark] .site-logo-dark{display:inline}.site-title:hover{text-decoration:none}.theme-toggle{background:0 0;border:1px solid var(--color-border);border-radius:50%;width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease,background .2s ease;padding:0}.theme-toggle:hover{border-color:var(--color-text-tertiary);background:var(--color-surface)}.theme-icon-sun{font-size:1rem;line-height:1;color:var(--color-text-secondary)}.theme-icon-moon{font-size:1rem;line-height:1;color:silver;display:none}.theme-icon-sun{display:inline}[data-theme=dark] .theme-icon-sun{display:none}[data-theme=dark] .theme-icon-moon{display:inline}main{max-width:var(--max-width);margin:0 auto;padding:3rem 1.25rem 5rem;flex:1;width:100%}.home-header{margin-bottom:3rem}.home-header h1{font-family:var(--font-heading);font-size:2.75rem;font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:.5rem}[data-theme=dark] .home-header h1{color:#dcdcdc}.glow{color:transparent;-webkit-text-stroke:1.5px var(--color-text);animation:breathe-light 3s ease-in-out infinite}[data-theme=dark] .glow{-webkit-text-stroke:1.5px #dcdcdc}@keyframes breathe-light{0%,100%{filter:drop-shadow(0 0 0 rgba(120,120,120,0))}50%{filter:drop-shadow(0 0 4px rgba(120,120,120,.8))drop-shadow(0 0 12px rgba(120,120,120,.4))}}[data-theme=dark] .glow{-webkit-text-stroke:1.5px var(--color-text);animation:breathe-dark 3s ease-in-out infinite}@keyframes breathe-dark{0%,100%{filter:drop-shadow(0 0 0 rgba(150,150,150,0))}50%{filter:drop-shadow(0 0 6px rgba(180,180,180,.9))drop-shadow(0 0 16px rgba(180,180,180,.3))}}.heatmap-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem 1.75rem;margin-top:1.5rem;transition:background .3s ease,border-color .3s ease}.heatmap-stats{margin-bottom:1.25rem}.stat-number{font-family:var(--font-heading);font-weight:700;font-size:1.75rem;color:var(--color-text)}.stat-label{font-size:.9375rem;color:var(--color-text-tertiary);margin-left:.25rem}.year-select{appearance:none;-webkit-appearance:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.15rem .4rem;font-family:var(--font-heading);font-size:.875rem;color:var(--color-text);cursor:pointer;margin-left:.25rem;transition:border-color .2s ease}.year-select:hover{border-color:var(--color-text-tertiary)}.heatmap-cell.invisible{background:0 0;pointer-events:none}.heatmap-scroll{overflow:hidden}.heatmap-grid{display:grid;grid-template-rows:repeat(7,var(--cell-size));grid-auto-flow:column;gap:var(--cell-gap)}.heatmap-cell{width:var(--cell-size);height:var(--cell-size);border-radius:2px;background:var(--heatmap-empty);display:inline-block;transition:background .3s ease}.heatmap-cell.posted{background:var(--heatmap-post)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.section-title{font-family:var(--font-heading);font-size:.875rem;font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em}.section-link{font-family:var(--font-heading);font-size:1.125rem;color:var(--color-text-tertiary);transition:color .15s ease,transform .2s ease}.section-link:hover{color:var(--color-text);transform:translateX(3px);text-decoration:none}.post-list{list-style:none}.post-list li{padding:1.25rem 0;position:relative;transition:transform .2s ease,background .15s ease}.post-list li:last-child{border-bottom:none}.post-list li:hover{transform:translateX(4px)}.view-all{font-size:.8125rem;color:var(--color-text-tertiary);transition:color .15s ease}.view-all:hover{color:var(--color-text)}.post-list li a{display:block;font-weight:500;font-size:1.125rem;color:var(--color-link)}[data-theme=dark] .post-list li a{color:#dcdcdc}.post-summary{color:var(--color-text-tertiary);font-size:.9375rem;margin-top:.125rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-list time{color:var(--color-text-tertiary);font-size:.875rem;font-family:var(--font-mono)}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.post-category{font-size:.8125rem;color:var(--color-text-tertiary)}.post-category::before{content:'— ';color:var(--color-text-tertiary)}article header{padding:0 0 1.5rem;border-bottom:1px solid var(--color-border-light);margin-bottom:1.75rem;text-align:left}article header h1{font-family:noto serif sc,serif;font-size:2rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;text-align:left}.article-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;flex-shrink:0}.article-tag{font-size:.75rem;color:var(--color-text-tertiary);transition:color .15s ease}.article-tag:hover{color:var(--color-text)}article header time{color:var(--color-text-tertiary);font-size:.9375rem;font-family:var(--font-mono)}.article-toc{display:none}@media(min-width:1200px){.article-toc{display:block;position:fixed;top:8.5rem;left:calc(50% + (var(--max-width)/2) + 2.5rem);width:clamp(180px,calc(50vw - (var(--max-width)/2) - 4rem),300px);max-height:calc(100vh - 11rem);overflow-y:auto;border-left:1px solid var(--color-border-light);padding:.2rem 0 .2rem .85rem;font-family:var(--font-heading);font-size:.75rem;line-height:1.5;scrollbar-width:none}.article-toc::-webkit-scrollbar{display:none}.article-toc nav,.article-toc ul{margin:0;padding:0}.article-toc ul{display:block;list-style:none;gap:0}.article-toc li{margin:0}.article-toc a{display:block;padding:.18rem 0;color:var(--color-text-tertiary);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .15s ease,transform .15s ease}.article-toc a:hover,.article-toc li.active>a{color:var(--color-text-secondary)}.article-toc li.active>a{transform:translateX(2px)}.article-toc li li>a{padding-left:.75rem}.article-toc li li li>a{padding-left:1.5rem}.article-toc li ul{display:none;margin:.08rem 0 .12rem}.article-toc li.open>ul{display:block}}article h2{font-family:noto serif sc,serif;font-size:1.5rem;font-weight:600;margin:2em 0 .75em}article h3{font-family:noto serif sc,serif;font-size:1.25rem;font-weight:600;margin:1.5em 0 .5em}article p{margin-bottom:1em;line-height:1.85}article ul,article ol{margin:0 0 1em 1.5em}article li{margin-bottom:.25em}article img{max-width:100%;border-radius:4px;cursor:zoom-in}.gallery{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0 0 1em}.gallery img{flex-shrink:0;height:300px;width:auto;border-radius:4px;scroll-snap-align:center;cursor:zoom-in}.gallery::-webkit-scrollbar{height:6px}.gallery::-webkit-scrollbar-track{background:var(--color-border-light);border-radius:3px}.gallery::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.gallery::-webkit-scrollbar-thumb:hover{background:#707070}.gallery{scrollbar-width:thin;scrollbar-color:#888888 var(--color-border-light)}.medium-zoom-overlay{z-index:100;background:var(--color-bg)!important}.medium-zoom-image--opened{z-index:101;cursor:zoom-out}article code{font-family:var(--font-mono);font-size:.875em;background:var(--color-border-light);padding:.15em .4em;border-radius:3px}article pre{padding:1rem 1.25rem;overflow-x:auto;margin:0;font-size:.875rem;line-height:1.6;font-family:var(--font-mono);background:0 0;border:none;tab-size:4}.code-block{position:relative;border:1px solid var(--color-text);border-radius:6px;margin:0 0 1em;overflow:hidden}[data-theme=dark] .code-block{border-color:#dcdcdc}.code-block .highlight{margin:0;background:0 0}.code-block .highlight pre{margin:0;background:0 0;border:none}.code-block pre code{background:0 0!important;color:inherit}.copy-btn{position:absolute;top:.5rem;right:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-family:var(--font-heading);color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:opacity .2s ease,color .15s ease}.code-block:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--color-text);border-color:var(--color-text-tertiary)}article table{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:.9375rem;display:block;overflow-x:auto}article thead{border-bottom:2px solid var(--color-border)}article th{font-weight:600;padding:.625rem .75rem;text-align:left;color:var(--color-text)}article td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--color-border-light)}article tr:hover td{background:var(--color-surface)}.friends h1{font-family:noto serif sc,serif;font-size:1.75rem;font-weight:700;margin-bottom:2rem}.friends-grid{display:flex;flex-wrap:wrap;gap:.625rem}.friend-card{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .15s ease;box-shadow:2px 3px 8px rgba(0,0,0,6%)}.friend-card:hover{transform:translateY(-2px);box-shadow:4px 6px 16px rgba(0,0,0,.1);border-color:var(--color-text-tertiary)}[data-theme=dark] .friend-card{box-shadow:2px 3px 8px rgba(0,0,0,.2)}[data-theme=dark] .friend-card:hover{box-shadow:4px 6px 16px rgba(0,0,0,.3)}.friend-name{font-size:.9375rem;font-weight:500;color:var(--color-text)}.friend-card svg{color:var(--color-text-tertiary);flex-shrink:0}.terms h1{font-family:noto serif sc,serif;font-size:1.75rem;font-weight:700;margin-bottom:2rem}.terms-grid{display:flex;flex-wrap:wrap;gap:.625rem;padding:.5rem 0}.term-card{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;text-decoration:none;transform:rotate(var(--rotate,0deg));transition:transform .3s ease,box-shadow .3s ease;box-shadow:2px 3px 8px rgba(0,0,0,6%)}.term-card:hover{transform:rotate(0)scale(1.02);box-shadow:4px 6px 16px rgba(0,0,0,.1)}[data-theme=dark] .term-card{box-shadow:2px 3px 8px rgba(0,0,0,.2)}[data-theme=dark] .term-card:hover{box-shadow:4px 6px 16px rgba(0,0,0,.3)}.term-name{font-size:.875rem;font-weight:600;color:var(--color-text)}.term-count{font-size:.6875rem;color:var(--color-text-tertiary);background:var(--color-border-light);padding:.05rem .35rem;border-radius:10px}.cat-split h1{font-family:noto serif sc,serif;font-size:1.75rem;font-weight:700;margin-bottom:2rem}.cat-layout{display:flex;gap:2.5rem}.cat-sidebar{min-width:140px;flex-shrink:0;display:flex;flex-direction:column;gap:.25rem}.cat-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-radius:6px;text-decoration:none;color:var(--color-text-secondary);transition:background .15s ease,color .15s ease}.cat-item:hover{background:var(--color-border-light);color:var(--color-text)}.cat-item.active{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text)}.cat-item-name{font-size:.9375rem;font-weight:500}.cat-item-count{font-size:.75rem;font-family:var(--font-mono);color:var(--color-text-tertiary)}.cat-content{flex:1;min-width:0}.cat-panel h2{font-family:noto serif sc,serif;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.cat-articles{list-style:none}.cat-articles li{display:flex;justify-content:space-between;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--color-border-light)}.cat-articles li:last-child{border-bottom:none}.cat-articles a{font-size:.9375rem;color:var(--color-text)}.cat-articles a:hover{color:var(--color-text-secondary)}.cat-articles time{font-size:.8125rem;font-family:var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap;margin-left:1rem}@media(max-width:640px){.cat-layout{flex-direction:column;gap:1.5rem}.cat-sidebar{flex-direction:row;flex-wrap:wrap;min-width:auto}}.archives h1{font-family:noto serif sc,serif;font-size:1.75rem;font-weight:700;margin-bottom:2.5rem}.archives .categories-list{display:flex;flex-direction:column;gap:2.5rem}.archives .category-group{position:relative;padding-left:1.5rem;cursor:pointer}.archives .category-group::before{content:'';position:absolute;left:4px;top:0;bottom:0;width:1px;background:var(--color-border)}.archives .category-group::after{content:'';position:absolute;left:0;top:.65rem;width:9px;height:9px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border);transition:background .2s ease,border-color .2s ease}.archives .category-group.open::after{background:var(--color-text-tertiary);border-color:var(--color-text-tertiary)}.archives .category-header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:.875rem}.archives .category-header::after{content:'▸';font-size:.75rem;color:var(--color-text-tertiary);margin-left:auto;transition:transform .2s ease}.archives .category-group.open .category-header::after{transform:rotate(90deg)}.archives .category-name{font-family:noto serif sc,serif;font-size:1.25rem;font-weight:700}.archives .category-count{font-size:.75rem;color:var(--color-text-tertiary);background:var(--color-border-light);padding:.1rem .4rem;border-radius:10px}.archives .category-posts{list-style:none;max-height:0;overflow:hidden;transition:max-height .3s ease}.archives .category-group.open .category-posts{max-height:2e3px}.archives .category-posts li{display:flex;justify-content:space-between;align-items:baseline;padding:.375rem 0;font-size:.9375rem}.archives .category-posts li a{color:var(--color-text)}.archives .category-posts li a:hover{color:var(--color-text-secondary)}.archives .category-posts time{font-size:.8125rem;font-family:var(--font-mono);color:var(--color-text-tertiary);white-space:nowrap;margin-left:1rem}.archive-year{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-text-secondary);margin:2.5rem 0 1rem}.archives .post-list li{gap:.75rem}.archives .post-list time{font-size:.875rem}.timeline h1{font-family:noto serif sc,serif;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.timeline>p{color:var(--color-text-secondary);margin-bottom:2.5rem;font-size:1.0625rem}.timeline-content h2{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-text-secondary);margin:2.5rem 0 1.25rem}.timeline-content ul{list-style:none}.timeline-content ul li{padding:1.125rem 0 1.125rem 1.125rem;border-left:2px solid var(--color-border);margin-bottom:0;color:var(--color-text-secondary);font-size:1.0625rem;line-height:1.7;transition:border-color .2s ease}.timeline-content ul li:hover{border-color:var(--color-text-tertiary)}.timeline-content ul li strong{color:var(--color-text);font-family:var(--font-mono);font-weight:500;font-size:.9375rem}.back-to-top{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%)translateY(10px);width:40px;height:40px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease,border-color .2s ease;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,8%)}.back-to-top.visible{opacity:1;transform:translateX(-50%)translateY(0);pointer-events:auto}.back-to-top:hover{border-color:var(--color-text-tertiary)}[data-theme=dark] .back-to-top{box-shadow:0 2px 8px rgba(0,0,0,.3)}footer{max-width:var(--max-width);margin:0 auto;padding:1.75rem 1.25rem;border-top:1px solid var(--color-border-light);color:var(--color-text-tertiary);font-size:.8125rem;transition:border-color .3s ease;width:100%}.footer-content{display:flex;align-items:center;justify-content:space-between}.footer-left{display:flex;align-items:center;gap:.75rem}.footer-right{display:flex;align-items:center;gap:.75rem}.footer-divider{color:var(--color-text-tertiary);font-size:.75rem}.footer-link{color:var(--color-text-tertiary);display:inline-flex;align-items:center;transition:color .15s ease}.footer-link:hover{color:var(--color-text)}.menu-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:4px;z-index:100}.menu-toggle span{display:block;width:22px;height:2px;background:var(--color-text);transition:transform .3s ease,opacity .3s ease}.menu-toggle.open span:nth-child(1){transform:translateY(7px)rotate(45deg)}.menu-toggle.open span:nth-child(2){opacity:0}.menu-toggle.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media(max-width:640px){.home-header h1{font-size:2.5rem}.menu-toggle{display:flex}.nav-right{position:relative}.nav-right ul{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:.5rem 0;min-width:140px;flex-direction:column;gap:0;box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:50;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.nav-right.open ul{opacity:1;transform:translateY(0);pointer-events:auto}nav ul li a{display:block;padding:.5rem 1rem;font-size:.875rem}nav ul li a:hover{background:var(--color-border-light)}nav ul li a::after{display:none}.heatmap-section{padding:1rem}.post-list li{flex-direction:column;gap:.125rem}.post-list time{margin-left:0}}