:root{color-scheme:light;--hue: 250;--page-width: 75rem;--banner-height: 65vh;--radius-large: 1rem;--primary: oklch(.7 .14 var(--hue));--page-bg: oklch(.95 .01 var(--hue));--card-bg: #ffffff;--card-bg-soft: oklch(.98 .006 var(--hue));--btn-content: oklch(.55 .12 var(--hue));--btn-regular-bg: oklch(.95 .025 var(--hue));--btn-regular-bg-hover: oklch(.9 .05 var(--hue));--btn-plain-bg-hover: oklch(.95 .025 var(--hue));--deep-text: oklch(.25 .02 var(--hue));--muted-text: rgba(0, 0, 0, .5);--faint-text: rgba(0, 0, 0, .3);--line-color: rgba(0, 0, 0, .1);--meta-divider: rgba(0, 0, 0, .2);--float-panel-bg: #ffffff;--inline-code-bg: var(--btn-regular-bg);--inline-code-color: var(--btn-content);--code-bg: oklch(.17 .015 var(--hue));--code-text: #f3f7f7;font-family:Roboto,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--primary: oklch(.75 .14 var(--hue));--page-bg: oklch(.16 .014 var(--hue));--card-bg: oklch(.23 .015 var(--hue));--card-bg-soft: oklch(.27 .02 var(--hue));--btn-content: oklch(.75 .1 var(--hue));--btn-regular-bg: oklch(.33 .035 var(--hue));--btn-regular-bg-hover: oklch(.38 .04 var(--hue));--btn-plain-bg-hover: oklch(.3 .035 var(--hue));--deep-text: oklch(.91 .01 var(--hue));--muted-text: rgba(255, 255, 255, .58);--faint-text: rgba(255, 255, 255, .32);--line-color: rgba(255, 255, 255, .1);--meta-divider: rgba(255, 255, 255, .2);--float-panel-bg: oklch(.19 .015 var(--hue));--code-bg: oklch(.12 .015 var(--hue));--code-text: #f7fbfb}*{box-sizing:border-box}html{min-height:100%;background:var(--page-bg);color:var(--deep-text);font-size:15px;transition:background-color .16s ease,color .16s ease}body{margin:0;min-height:100vh;background:var(--page-bg);color:var(--deep-text);line-height:1.7}body,button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{border:0}[hidden]{display:none!important}.banner-wrapper{position:absolute;top:0;left:0;z-index:0;width:100%;height:var(--banner-height);overflow:hidden;pointer-events:none}.banner{position:relative;width:100%;height:100%;overflow:hidden;background:var(--card-bg-soft)}.banner:after{position:absolute;inset:0;background:#ffffff29;content:""}:root[data-theme=dark] .banner:after{background:#00000038}.banner img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.03)}.top-row{position:relative;z-index:50;max-width:var(--page-width);height:4.5rem;margin:0 auto;padding:0 1rem}.site-header{position:sticky;top:0;display:flex;height:4.5rem;align-items:center;justify-content:space-between;gap:1rem;border-radius:0 0 var(--radius-large) var(--radius-large);background:var(--card-bg);padding:0 1rem;box-shadow:0 14px 38px #00000014}.brand,.desktop-nav,.desktop-nav a,.nav-tools,.icon-button,.profile-links,.post-meta,.post-meta a,.post-meta span,.read-stats,.tag-row,.site-footer{display:flex;align-items:center}.brand{gap:.55rem;min-width:max-content;border-radius:.7rem;padding:.65rem .85rem;color:var(--primary);font-weight:800}.brand:hover,.desktop-nav a:hover,.icon-button:hover{background:var(--btn-plain-bg-hover)}.brand span{display:grid;color:var(--deep-text);line-height:1.18}.brand small{color:var(--muted-text);font-size:.78rem;font-weight:650}.desktop-nav{justify-content:center;gap:.15rem}.desktop-nav a{min-height:2.75rem;gap:.25rem;border-radius:.65rem;padding:0 1rem;color:color-mix(in srgb,var(--deep-text) 78%,transparent);font-weight:750}.nav-tools{gap:.18rem}.icon-button{position:relative;width:2.75rem;height:2.75rem;justify-content:center;border-radius:.7rem;background:transparent;color:var(--deep-text);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.icon-button:active{transform:scale(.92)}.theme-icon-sun,:root[data-theme=dark] .theme-icon-moon{display:none}:root[data-theme=dark] .theme-icon-sun{display:block}.menu-toggle{display:none}.float-panel{position:absolute;top:5rem;right:1rem;z-index:80;border:1px solid var(--line-color);border-radius:1rem;background:var(--float-panel-bg);box-shadow:0 18px 45px #00000024}.settings-panel{width:14rem;padding:.9rem}.settings-panel p{margin:0 0 .7rem;color:var(--muted-text);font-size:.88rem;font-weight:750}.hue-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem}.hue-row button{aspect-ratio:1;border:3px solid var(--card-bg);border-radius:.75rem;background:oklch(.72 .15 var(--swatch-hue));box-shadow:0 0 0 1px var(--line-color);cursor:pointer}.mobile-panel{min-width:12rem;padding:.45rem}.mobile-panel a{display:block;border-radius:.75rem;padding:.65rem .8rem;color:var(--muted-text);font-weight:750}.mobile-panel a:hover{background:var(--btn-plain-bg-hover);color:var(--primary)}.page-shell{position:relative;z-index:30;display:grid;max-width:var(--page-width);grid-template-columns:17.5rem minmax(0,1fr);gap:1rem;margin:calc(var(--banner-height) - 8rem) auto 0;padding:0 1rem}.page-shell-wide{max-width:var(--page-width);grid-template-columns:minmax(0,1fr)}.page-shell-detail{max-width:var(--page-width);grid-template-columns:17.5rem minmax(0,1fr);gap:1rem}.sidebar-sticky{position:sticky;top:1rem;display:grid;max-height:calc(100vh - 2rem);overflow-y:auto;gap:1rem;padding-right:.35rem;overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--primary) 45%,transparent) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.sidebar-sticky::-webkit-scrollbar{width:.45rem}.sidebar-sticky::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--primary) 35%,transparent)}.sidebar-sticky::-webkit-scrollbar-track{background:transparent}.profile-card,.sidebar-card,.section-heading,.post-card,.article,.comments,.taxonomy{border-radius:var(--radius-large);background:var(--card-bg);box-shadow:0 12px 34px #00000014;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.profile-card{display:grid;justify-items:center;padding:2rem 1.4rem 1.35rem;text-align:center}.profile-card img{width:7rem;height:7rem;border:4px solid var(--primary);border-radius:999px;outline:4px solid var(--card-bg);object-fit:cover}.profile-card h2{margin:1rem 0 .25rem;font-size:1.45rem;line-height:1.2}.profile-card p{margin:0;color:var(--muted-text)}.profile-links{gap:.55rem;margin:1rem 0 1.05rem}.profile-links a{display:grid;width:2.35rem;height:2.35rem;place-items:center;border-radius:.72rem;background:var(--btn-regular-bg);color:var(--btn-content)}.profile-links a:hover{background:var(--btn-regular-bg-hover)}.profile-card dl{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0}.profile-card dl div{border-radius:.8rem;background:var(--card-bg-soft);padding:.55rem .35rem}dt{font-size:1.22rem;font-weight:850;line-height:1.15}dd{margin:.12rem 0 0;color:var(--muted-text);font-size:.82rem}.sidebar-card{padding:1rem}.sidebar-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.sidebar-card-head h3{display:inline-flex;align-items:center;gap:.35rem;color:var(--deep-text);font-size:.96rem;font-weight:850}.sidebar-card-head a{color:var(--muted-text);font-size:.82rem;font-weight:750}.sidebar-card-head a:hover{color:var(--primary)}.sidebar-list{display:grid;gap:.22rem}.sidebar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.75rem;align-items:center;border-radius:.7rem;padding:.42rem .55rem;color:var(--muted-text);font-size:.9rem;font-weight:700}.sidebar-row:hover{background:var(--btn-plain-bg-hover);color:var(--primary)}.sidebar-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-row strong{min-width:1.7rem;border-radius:999px;background:var(--btn-regular-bg);color:var(--btn-content);font-size:.75rem;line-height:1.45;text-align:center}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.42rem}.sidebar-tags a{display:inline-flex;max-width:100%;align-items:center;gap:.28rem;border-radius:999px;background:var(--btn-regular-bg);padding:.18rem .55rem;color:var(--btn-content);font-size:.82rem;font-weight:700}.sidebar-tags a:hover{background:var(--btn-regular-bg-hover)}.sidebar-tags span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-tags small{color:var(--faint-text);font-size:.72rem;font-weight:850}.sidebar-friends{display:grid;gap:.45rem}.sidebar-friends a{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.55rem;align-items:center;border-radius:.75rem;padding:.35rem;color:var(--muted-text);font-size:.9rem;font-weight:780}.sidebar-friends a:hover{background:var(--btn-plain-bg-hover);color:var(--primary)}.sidebar-friends img,.sidebar-friends span{width:2rem;height:2rem;border-radius:.62rem}.sidebar-friends img{object-fit:cover}.sidebar-friends span{display:grid;place-items:center;background:var(--btn-regular-bg);color:var(--btn-content);font-size:.9rem;font-weight:850}.sidebar-friends strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.article-toc{border-radius:var(--radius-large);background:var(--card-bg);box-shadow:0 12px 34px #00000014;padding:1rem}.article-toc-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.72rem}.article-toc-head h2{display:inline-flex;align-items:center;gap:.35rem;color:var(--deep-text);font-size:.96rem;font-weight:850}.article-toc-head a{color:var(--muted-text);font-size:.82rem;font-weight:760}.article-toc-head a:hover{color:var(--primary)}.article-toc-nav{display:grid;gap:.16rem}.article-toc-nav a{display:block;min-width:0;overflow:hidden;border-left:2px solid transparent;border-radius:.6rem;padding:.4rem .55rem .4rem .7rem;color:var(--muted-text);font-size:.88rem;font-weight:700;line-height:1.38;text-overflow:ellipsis;white-space:nowrap}.article-toc-nav a:hover,.article-toc-nav a.active{border-left-color:var(--primary);background:var(--btn-plain-bg-hover);color:var(--primary)}.article-toc-nav .toc-depth-3{margin-left:.62rem;font-size:.84rem;font-weight:680}.article-toc-nav .toc-depth-4{margin-left:1.2rem;color:var(--faint-text);font-size:.8rem;font-weight:650}.article-toc-empty{margin:0;color:var(--muted-text);font-size:.88rem}.content-shell{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1.35rem 1.6rem}.eyebrow{margin:0 0 .28rem;color:var(--primary);font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:0;line-height:1.18;letter-spacing:0}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.35rem,2.6vw,1.95rem)}.section-heading p:not(.eyebrow){margin:.35rem 0 0;color:var(--muted-text)}.section-heading>a,.back-link,.heading-count{color:var(--primary);font-weight:780}.heading-count{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;background:var(--btn-regular-bg);padding:.36rem .78rem;white-space:nowrap}.post-list{display:grid;gap:1rem;padding:0 0 2rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 0 2rem}.pagination-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem}.pagination-control,.pagination-page,.pagination-gap{display:inline-flex;min-width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border-radius:.75rem;background:var(--card-bg);color:var(--muted-text);font-weight:800;box-shadow:0 10px 26px #00000012}.pagination-control{gap:.18rem;padding:0 .8rem}.pagination-page.active,.pagination-control:hover,.pagination-page:hover{background:var(--primary);color:#fff}.pagination-control.disabled{pointer-events:none;opacity:.42}.pagination-gap{background:transparent;box-shadow:none}.post-card{position:relative;display:flex;min-height:12rem;flex-direction:column;overflow:hidden;padding:1.55rem 5.4rem 1.55rem 2.25rem}.post-card:before{position:absolute;top:2rem;left:1.1rem;width:.26rem;height:1.45rem;border-radius:999px;background:var(--primary);content:""}.post-card:hover{transform:translateY(-2px)}.post-title{display:block;margin:.75rem 0 .85rem;color:color-mix(in srgb,var(--deep-text) 94%,transparent);font-size:clamp(1.45rem,3vw,1.9rem);font-weight:850;line-height:1.24}.post-title:hover{color:var(--primary)}.post-meta{flex-wrap:wrap;gap:.45rem 1rem;color:var(--muted-text);font-size:.9rem;font-weight:650}.post-meta a,.post-meta span{gap:.28rem}.post-meta a:hover,.meta-tags a:hover,.taxonomy-grid a:hover,.tag-row a:hover{color:var(--primary)}.meta-tags em{color:var(--meta-divider);font-style:normal}.post-card p{display:-webkit-box;overflow:hidden;margin:0 0 1rem;color:color-mix(in srgb,var(--deep-text) 75%,transparent);-webkit-box-orient:vertical;-webkit-line-clamp:2}.read-stats{gap:.7rem;margin-top:auto;color:var(--faint-text);font-size:.88rem}.read-stats span{display:inline-flex;align-items:center;gap:.25rem}.enter-button{position:absolute;top:.75rem;right:.75rem;bottom:.75rem;display:flex;width:3.25rem;align-items:center;justify-content:center;border-radius:.85rem;background:var(--btn-regular-bg);color:var(--primary);transition:background-color .15s ease,transform .15s ease}.enter-button:hover{background:var(--btn-regular-bg-hover)}.enter-button:active{transform:scale(.95)}.article,.taxonomy{padding:clamp(1.4rem,4vw,2.2rem)}.article{margin-bottom:1rem}.page-shell-detail .article{padding:clamp(1.55rem,3vw,2.65rem)}.article-head{border-bottom:1px dashed var(--line-color);padding-bottom:1.35rem}.article-head h1{font-size:clamp(1.7rem,2.35vw,2.35rem);line-height:1.22;overflow-wrap:anywhere;text-wrap:balance}.article-head h1.article-title-long{font-size:clamp(1.55rem,2.05vw,2.05rem);line-height:1.2}.article-head h1.article-title-compact{font-size:clamp(1.42rem,1.8vw,1.85rem);line-height:1.18}.page-shell-detail .prose{font-size:1.03rem}.article .post-meta{margin-top:.9rem}.tag-row{flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.tag-row a,.taxonomy-grid a{border-radius:999px;background:var(--btn-regular-bg);padding:.16rem .62rem;color:var(--btn-content);font-size:.86rem;font-weight:650}.back-link{display:inline-flex;margin-bottom:1rem}.prose{padding-top:1.5rem;color:color-mix(in srgb,var(--deep-text) 82%,transparent);font-size:1rem;overflow-wrap:anywhere}.prose :where(p,ul,ol,blockquote,pre,table){margin-top:1.1rem;margin-bottom:1.1rem}.prose :where(p,li,blockquote,td,th,a){overflow-wrap:anywhere;word-break:break-word}.prose h2,.prose h3{margin-top:2rem;color:var(--deep-text)}.prose a{border-radius:.35rem;color:var(--primary);font-weight:650;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:.22em}.prose img{max-width:100%;border-radius:1rem}.prose pre{max-width:100%;overflow-x:auto;border-radius:.9rem;padding:1rem;background:var(--code-bg);color:var(--code-text)}.prose .code-block{position:relative;max-width:100%;overflow:hidden;margin:1.1rem 0}.prose .code-block pre{margin:0}.code-copy-button{position:absolute;top:.55rem;right:.55rem;z-index:2;display:grid;width:2rem;height:2rem;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:.55rem;background:#00000047;padding:0;color:#ffffffc7;font-size:.82rem;font-weight:850;line-height:1;cursor:pointer;opacity:0;transform:translateY(-.18rem);transition:opacity .14s ease,transform .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease}.prose .code-block:hover .code-copy-button,.prose .code-block:focus-within .code-copy-button{opacity:1;transform:translateY(0)}.code-copy-button:hover,.code-copy-button:focus-visible{border-color:#ffffff3d;background:#ffffff29;color:#fff;opacity:1;transform:translateY(0)}.code-copy-button.copied{border-color:color-mix(in srgb,#1db954 68%,white 12%);background:color-mix(in srgb,#1db954 24%,transparent);color:#fff;opacity:1}.code-copy-button svg{width:1rem;height:1rem}.prose code{font-size:.92em}.prose :not(pre)>code{overflow-wrap:anywhere;word-break:break-word;border-radius:.38rem;background:var(--inline-code-bg);color:var(--inline-code-color);padding:.1rem .28rem}.prose table{display:block;width:100%;max-width:100%;overflow-x:auto;border-collapse:collapse;scrollbar-color:color-mix(in srgb,var(--primary) 45%,transparent) transparent;scrollbar-width:thin}.prose :where(th,td){border:1px solid var(--line-color);padding:.55rem .7rem;vertical-align:top}.prose th{background:var(--card-bg-soft);color:var(--deep-text);font-weight:800;text-align:left}.comments{margin-bottom:2rem;padding:1.2rem}.taxonomy{margin-bottom:1rem}.taxonomy-desc{margin:.5rem 0 1.2rem;color:var(--muted-text)}.taxonomy-grid{display:flex;flex-wrap:wrap;gap:.6rem}.about-article{display:grid;gap:0}.about-profile-page{overflow:hidden;padding:0}.about-hero{display:grid;grid-template-columns:7.25rem minmax(0,1fr);gap:1.35rem;align-items:center;border-bottom:1px solid var(--line-color);background:var(--card-bg-soft);padding:clamp(1.5rem,4vw,2.35rem)}.about-avatar-frame{display:grid;width:7.25rem;height:7.25rem;place-items:center;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line-color));border-radius:999px;background:var(--card-bg)}.about-avatar-frame img{width:6.25rem;height:6.25rem;border-radius:inherit;object-fit:cover}.about-hero-copy{min-width:0}.about-hero-copy h1{margin:.05rem 0 .45rem;font-size:clamp(2rem,5vw,3rem);line-height:1.05}.about-lead,.about-copy p{margin:0;color:color-mix(in srgb,var(--deep-text) 68%,transparent);overflow-wrap:anywhere}.about-actions,.about-chip-row{display:flex;flex-wrap:wrap;gap:.45rem}.about-actions{margin-top:1rem}.about-actions a,.about-chip-row span,.about-extra-link{display:inline-flex;align-items:center;max-width:100%;border-radius:999px;background:var(--btn-regular-bg);color:var(--btn-content);font-weight:760}.about-actions a{gap:.35rem;padding:.35rem .78rem;font-size:.86rem}.about-actions a:hover,.about-extra-link:hover{background:var(--btn-regular-bg-hover)}.about-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line-color)}.about-highlights div{min-width:0;padding:1rem clamp(1.2rem,4vw,2.35rem)}.about-highlights div+div{border-left:1px solid var(--line-color)}.about-highlights span{display:block;color:var(--muted-text);font-size:.78rem;font-weight:760}.about-highlights strong{display:block;margin-top:.15rem;color:var(--deep-text);font-size:.95rem;line-height:1.35;overflow-wrap:anywhere}.about-section{display:grid;gap:1rem;padding:clamp(1.45rem,4vw,2.25rem)}.about-section+.about-section{border-top:1px dashed var(--line-color)}.about-section h2,.about-skill-list h3,.about-timeline-item h3,.about-timeline-item h3 a,.about-status{display:inline-flex;align-items:center}.about-section h2{gap:.45rem;margin:0;color:color-mix(in srgb,var(--deep-text) 92%,transparent);font-size:clamp(1.25rem,3vw,1.55rem)}.about-copy{display:grid;gap:.75rem;max-width:48rem}.about-skill-list{display:grid;gap:0;border-top:1px solid var(--line-color)}.about-skill-list section{display:grid;grid-template-columns:minmax(8.5rem,.35fr) minmax(0,1fr);gap:1rem;align-items:start;border-bottom:1px solid var(--line-color);padding:1rem 0}.about-skill-list h3{gap:.4rem;margin:0;color:var(--primary);font-size:.98rem}.about-chip-row span{padding:.16rem .62rem;font-size:.8rem}.about-timeline{display:grid;gap:1.4rem;border-left:2px solid color-mix(in srgb,var(--primary) 28%,var(--line-color));margin-left:.45rem;padding-left:1.15rem}.about-timeline-item{position:relative;display:grid;gap:.75rem}.about-timeline-item:before{position:absolute;top:.55rem;left:-1.55rem;width:.72rem;height:.72rem;border:3px solid var(--card-bg);border-radius:999px;background:var(--primary);content:""}.about-project-head{display:grid;gap:.55rem}.about-timeline-item h3,.about-timeline-item h3 a{gap:.35rem;margin:0;color:color-mix(in srgb,var(--deep-text) 94%,transparent);font-size:1.06rem}.about-timeline-item h3 a:hover{color:var(--primary)}.about-timeline-item ul{display:grid;gap:.35rem;margin:0;padding-left:1.1rem;color:var(--muted-text)}.about-extra-link{gap:.25rem;width:max-content;padding:.24rem .65rem;font-size:.8rem}.about-status{gap:.35rem;color:var(--primary);font-weight:760}.friends-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-bottom:2rem}.friend-card{display:grid;grid-template-columns:4.25rem minmax(0,1fr);gap:1rem;align-items:start;border-radius:var(--radius-large);background:var(--card-bg);padding:1.2rem;box-shadow:0 12px 34px #00000014;transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}.friend-card:hover{transform:translateY(-2px)}.friend-avatar,.friend-avatar img,.friend-avatar span{width:4.25rem;height:4.25rem;border-radius:.95rem}.friend-avatar{overflow:hidden;background:var(--btn-regular-bg)}.friend-avatar img{object-fit:cover}.friend-avatar span{display:grid;place-items:center;color:var(--btn-content);font-size:1.6rem;font-weight:900}.friend-body{min-width:0}.friend-body h2{overflow:hidden;margin:.12rem 0 .45rem;color:color-mix(in srgb,var(--deep-text) 92%,transparent);font-size:1.15rem;text-overflow:ellipsis;white-space:nowrap}.friend-card:hover .friend-body h2{color:var(--primary)}.friend-body p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted-text);-webkit-box-orient:vertical;-webkit-line-clamp:2}.friend-body span{display:inline-flex;max-width:100%;align-items:center;gap:.28rem;margin-top:.75rem;color:var(--primary);font-size:.86rem;font-weight:760}.friend-body span svg{flex:0 0 auto}.friend-body em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal}.timeline-wrapper{width:100%;margin:0 auto 2rem;border-radius:var(--radius-large);background:var(--card-bg);padding:clamp(1.6rem,4vw,2.8rem);box-shadow:0 12px 34px #00000014}.timeline-content,.timeline-year-list{margin:0;padding:0;list-style:none}.timeline-content{position:relative;padding-left:2rem}.timeline-content:after{position:absolute;top:.9rem;bottom:.95rem;left:0;z-index:0;width:3px;border-radius:999px;background:var(--line-color);content:""}.timeline-desc,.timeline-year,.timeline-year-list li{position:relative;z-index:1}.timeline-desc{color:var(--deep-text);font-size:1.05rem;font-weight:750;line-height:1.7}.timeline-desc:before,.timeline-year:before,.timeline-date:before{position:absolute;z-index:2;border:1px solid var(--line-color);border-radius:999px;background:var(--card-bg);content:""}.timeline-desc:before,.timeline-year:before{top:50%;left:-2.28rem;width:.62rem;height:.62rem;transform:translateY(-50%)}.timeline-year{margin:4rem 0 .4rem;color:color-mix(in srgb,var(--deep-text) 92%,transparent);font-size:1.75rem;font-weight:860}.timeline-year-list{display:grid}.timeline-year-list li{display:flex;min-width:0;gap:1.1rem;align-items:flex-start;border-bottom:1px dashed var(--line-color);padding:1.35rem 0 .78rem}.timeline-date{position:relative;flex:0 0 3.15rem;color:var(--muted-text);font-size:.82rem;font-weight:760;line-height:1.85rem}.timeline-date:before{top:.62rem;left:-2.16rem;width:.48rem;height:.48rem}.timeline-title{display:block;min-width:0;overflow:hidden;color:var(--muted-text);font-size:1.05rem;font-weight:720;line-height:1.85rem;text-overflow:ellipsis;white-space:nowrap}.timeline-year-list li:hover .timeline-date,.timeline-year-list li:hover .timeline-title{color:var(--primary)}.timeline-year-list li:hover .timeline-date:before{border-color:var(--primary);background:var(--primary)}.archive-panel{display:grid;gap:1rem;padding-bottom:2rem}.archive-year{border-radius:var(--radius-large);background:var(--card-bg);box-shadow:0 12px 34px #00000014;padding:1.35rem}.archive-year h2{margin-bottom:.9rem;color:var(--primary)}.archive-items{display:grid;gap:.35rem}.archive-item{display:grid;grid-template-columns:8.8rem minmax(0,1fr) auto;gap:.9rem;align-items:center;border-radius:.85rem;padding:.65rem .75rem}.archive-item:hover{background:var(--btn-plain-bg-hover)}.archive-date,.archive-category{display:inline-flex;align-items:center;gap:.28rem;color:var(--muted-text);font-size:.86rem;font-weight:700}.archive-item strong{overflow:hidden;color:color-mix(in srgb,var(--deep-text) 88%,transparent);text-overflow:ellipsis;white-space:nowrap}.archive-item:hover strong{color:var(--primary)}.archive-category{max-width:10rem;overflow:hidden;border-radius:999px;background:var(--btn-regular-bg);padding:.12rem .55rem;color:var(--btn-content);text-overflow:ellipsis;white-space:nowrap}.site-footer{position:relative;z-index:30;max-width:var(--page-width);justify-content:center;gap:.5rem;margin:2.5rem auto 0;border-top:1px dashed var(--line-color);padding:2rem 1rem 2.5rem;color:var(--muted-text);font-size:.9rem;text-align:center}.site-footer a{color:var(--primary);font-weight:700}.search-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:start center;background:#00000061;padding:7rem 1rem 1rem}.search-dialog{width:min(42rem,100%);max-height:calc(100vh - 8rem);overflow:hidden;border-radius:1.2rem;background:var(--float-panel-bg);box-shadow:0 26px 70px #00000042}.search-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.75rem;align-items:center;border-bottom:1px solid var(--line-color);padding:.85rem .9rem}.search-head input{min-width:0;border:0;outline:0;background:transparent;color:var(--deep-text)}.search-results{max-height:calc(100vh - 14rem);overflow-y:auto;padding:.55rem}.search-results a{display:block;border-radius:.9rem;padding:.85rem .95rem}.search-results a:hover{background:var(--btn-plain-bg-hover)}.search-results strong,.search-results span,.search-results p{display:block}.search-results strong{line-height:1.35}.search-results span,.search-results p,.empty-search{color:var(--muted-text);font-size:.9rem}.search-results p{display:-webkit-box;overflow:hidden;margin:.25rem 0 0;-webkit-box-orient:vertical;-webkit-line-clamp:2}.empty-search{margin:0;padding:1rem}.back-to-top{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:98;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid var(--line-color);border-radius:.85rem;background:var(--card-bg);color:var(--primary);box-shadow:0 16px 36px #00000024;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(.75rem) scale(.96);transition:opacity .16s ease,transform .16s ease,background-color .16s ease}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.back-to-top:hover{background:var(--btn-regular-bg-hover)}.back-to-top:active{transform:translateY(0) scale(.94)}.music-widget{--music-size: 3.1rem;--music-padding: .27rem;--music-cover-size: calc(var(--music-size) - var(--music-padding) - var(--music-padding) - 2px);--music-expanded-width: min(21rem, calc(100vw - 2rem) );position:fixed;left:max(1rem,env(safe-area-inset-left));bottom:max(1rem,env(safe-area-inset-bottom));z-index:98;display:block;width:var(--music-size);height:var(--music-size);overflow:hidden;border:1px solid var(--line-color);border-radius:.9rem;padding:0;background:var(--card-bg);color:var(--deep-text);box-shadow:0 16px 36px #00000024;opacity:1;transform:translateY(0) scale(1);transition:width .22s cubic-bezier(.2,.7,.2,1),opacity .16s ease,transform .16s ease,box-shadow .16s ease,background-color .16s ease}.music-widget.pending{opacity:0;pointer-events:none;transform:translateY(.5rem) scale(.96)}.music-widget:hover{box-shadow:0 18px 40px #0000002e}.music-widget:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.music-widget.playing:hover,.music-widget.playing:focus-visible{width:var(--music-expanded-width)}.music-cover{position:absolute;top:50%;left:var(--music-padding);display:block;width:var(--music-cover-size);height:var(--music-cover-size);overflow:hidden;border-radius:.7rem;background:#1db954;transform:translateY(-50%)}.music-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.music-equalizer{position:absolute;right:.26rem;bottom:.26rem;display:flex;height:.9rem;align-items:flex-end;gap:.08rem;padding:.16rem .18rem;border-radius:999px;background:#0000008a;opacity:0;transform:translateY(.18rem);transition:opacity .16s ease,transform .16s ease}.music-equalizer i{display:block;width:.12rem;height:.52rem;border-radius:999px;background:#fff;transform:scaleY(.42);transform-origin:bottom}.music-equalizer i:nth-child(1){height:.42rem;animation-delay:-.26s}.music-equalizer i:nth-child(2){height:.68rem;animation-delay:-80ms}.music-equalizer i:nth-child(3){height:.56rem;animation-delay:-.42s}.music-equalizer i:nth-child(4){height:.74rem;animation-delay:-.18s}.music-widget.playing .music-equalizer{opacity:1;transform:translateY(0)}.music-widget.playing .music-equalizer i{animation-name:music-equalizer;animation-duration:.84s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.music-info{position:absolute;top:50%;right:.85rem;left:calc(var(--music-padding) + var(--music-cover-size) + .72rem);display:grid;min-width:0;opacity:0;transform:translate(-.35rem,-50%);transition:opacity .15s ease 45ms,transform .2s cubic-bezier(.2,.7,.2,1)}.music-widget.playing:hover .music-info,.music-widget.playing:focus-visible .music-info{opacity:1;transform:translateY(-50%)}.music-widget.idle .music-info{display:none}.music-info span{color:var(--primary);font-size:.62rem;font-weight:850;letter-spacing:.06em;line-height:1;text-transform:uppercase}.music-wave{position:absolute;top:.32rem;right:0;display:block;width:min(4.6rem,36%);height:.18rem;overflow:hidden;border-radius:999px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--primary) 52%,transparent) 0 .18rem,transparent .18rem .36rem);opacity:0}.music-wave:after{position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--primary) 80%,white 16%),transparent);content:"";transform:translate(-100%)}.music-widget.playing .music-wave{opacity:.66}.music-widget.playing .music-wave:after{animation:music-wave-scan 1.9s ease-in-out infinite}.music-info strong,.music-info em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-info strong{margin-top:.05rem;color:color-mix(in srgb,var(--deep-text) 92%,transparent);font-size:.88rem;font-weight:850;line-height:1.12}.music-info em{margin-top:.02rem;color:var(--muted-text);font-size:.74rem;font-style:normal;font-weight:720;line-height:1.1}@keyframes music-equalizer{0%,to{transform:scaleY(.36)}45%{transform:scaleY(1)}}@keyframes music-wave-scan{0%{transform:translate(-100%)}55%,to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.music-widget.playing .music-equalizer i,.music-widget.playing .music-wave:after{animation:none}.music-widget.playing .music-equalizer i{transform:scaleY(.72)}}@media(max-width:980px){:root{--banner-height: 46vh}.desktop-nav{display:none}.menu-toggle{display:flex}.page-shell{grid-template-columns:1fr;margin-top:calc(var(--banner-height) - 6rem)}.sidebar-sticky{position:static;max-height:none;overflow:visible;padding-right:0}.profile-card{grid-template-columns:auto minmax(0,1fr);justify-items:start;gap:0 1rem;text-align:left}.profile-card img{grid-row:span 3;width:5rem;height:5rem}.profile-links{margin:.8rem 0}.profile-card dl{grid-column:1 / -1}.article-toc-nav{max-height:16rem;overflow-y:auto}}@media(max-width:700px){html{font-size:14px}.top-row{padding:0}.site-header{border-radius:0}.brand{padding-left:.35rem}.brand span{max-width:10rem}.nav-tools{gap:0}.icon-button{width:2.45rem;height:2.45rem}.page-shell-detail .article{padding:1.2rem}.article-head h1{font-size:clamp(1.42rem,6vw,1.75rem);line-height:1.24}.back-to-top{right:.9rem;bottom:.9rem;width:2.75rem;height:2.75rem}.music-widget{--music-size: 2.75rem;--music-padding: .25rem;--music-expanded-width: min(19rem, calc(100vw - 4.6rem) );left:.9rem;bottom:.9rem}.music-equalizer{right:.18rem;bottom:.18rem}.page-shell{padding:0 .75rem}.section-heading{align-items:flex-start;flex-direction:column;padding:1.1rem}.about-hero,.about-highlights,.about-skill-list section{grid-template-columns:1fr}.about-hero{align-items:start}.about-highlights div+div{border-top:1px solid var(--line-color);border-left:0}.pagination{align-items:stretch;flex-direction:column}.pagination-control{width:100%}.friends-panel{grid-template-columns:1fr}.friend-card{grid-template-columns:3.7rem minmax(0,1fr);padding:1rem}.friend-avatar,.friend-avatar img,.friend-avatar span{width:3.7rem;height:3.7rem}.post-card{min-height:0;padding:1.25rem 1.2rem 1.25rem 1.65rem}.post-card:before{left:.8rem}.enter-button{position:static;width:100%;height:2.75rem;margin-top:.8rem}.post-meta .meta-tags{display:none}.archive-item{grid-template-columns:1fr;gap:.25rem}.timeline-wrapper{padding:1.4rem 1rem 1.6rem}.timeline-content{padding-left:1.25rem}.timeline-desc:before,.timeline-year:before{left:-1.5rem}.timeline-year{margin-top:3rem}.timeline-year-list li{gap:.75rem}.timeline-date{flex-basis:2.8rem}.timeline-date:before{left:-1.43rem}.timeline-title{white-space:normal}.archive-category{width:max-content;max-width:100%}.site-footer{display:grid}}@media(max-width:430px){.brand small{display:none}.profile-card,.profile-card dl{grid-template-columns:1fr}.profile-card img{grid-row:auto}}