body{background:rgb(var(--bg))}body.liquid-home{--liquid-bg: radial-gradient(circle at 18% 18%, rgba(82, 109, 255, .22), transparent 34%), radial-gradient(circle at 84% 18%, rgba(214, 182, 216, .18), transparent 32%), radial-gradient(circle at 50% 80%, rgba(112, 225, 245, .2), transparent 44%), #f6f8ff;--liquid-filter: saturate(1.03) contrast(1.02) brightness(1.04);--liquid-chrome-bg: rgba(var(--bg), .76);--liquid-panel-bg: rgba(var(--bg), .72);--liquid-panel-border: rgba(var(--gray-light), .86);--liquid-panel-shadow: 0 24px 80px rgba(var(--gray), .18)}:root[data-theme=dark] body.liquid-home{--liquid-bg: radial-gradient(circle at 20% 20%, rgba(82, 39, 255, .26), transparent 34%), radial-gradient(circle at 86% 24%, rgba(255, 159, 252, .28), transparent 30%), #070711;--liquid-filter: saturate(1.28) contrast(1.08);--liquid-chrome-bg: rgba(var(--bg), .64);--liquid-panel-bg: rgba(var(--bg), .5);--liquid-panel-border: rgba(var(--gray-dark), .16);--liquid-panel-shadow: 0 24px 90px rgba(0, 0, 0, .38)}@media(prefers-color-scheme:dark){:root[data-theme=auto] body.liquid-home{--liquid-bg: radial-gradient(circle at 20% 20%, rgba(82, 39, 255, .26), transparent 34%), radial-gradient(circle at 86% 24%, rgba(255, 159, 252, .28), transparent 30%), #070711;--liquid-filter: saturate(1.28) contrast(1.08);--liquid-chrome-bg: rgba(var(--bg), .64);--liquid-panel-bg: rgba(var(--bg), .5);--liquid-panel-border: rgba(var(--gray-dark), .16);--liquid-panel-shadow: 0 24px 90px rgba(0, 0, 0, .38)}}body.liquid-home .letter-glitch-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;background:var(--liquid-bg);filter:var(--liquid-filter);transition:background .35s ease,filter .35s ease}body.liquid-home header,body.liquid-home footer{position:relative;background:var(--liquid-chrome-bg);backdrop-filter:blur(18px)}body.liquid-home header{z-index:40}body.liquid-home footer{z-index:1}main{width:720px;position:relative;z-index:1}main:before{content:"";position:absolute;inset:1.7em 0;z-index:-1;border:1px solid var(--liquid-panel-border);border-radius:8px;background:var(--liquid-panel-bg);backdrop-filter:blur(22px);box-shadow:var(--liquid-panel-shadow)}.post-glow-card{width:100%;border-color:transparent;background:rgba(var(--bg),.12);box-shadow:none}.post-glow-card:before,.post-glow-card:after{display:none}.post-glow-card>.edge-light{z-index:0;mix-blend-mode:screen}.post-glow-card .border-glow-inner{overflow:visible;border-radius:8px;z-index:1}.year{margin:2.5em 0 .8em;padding-inline:1em;font-size:1em;font-weight:700;color:rgb(var(--gray));letter-spacing:.05em}.year:first-child{margin-top:0}.post-list{list-style:none;margin:0 0 .5em;padding:0}.post-list>li+li{border-top:1px solid rgb(var(--gray-light))}.post-row{display:flex;align-items:flex-start;gap:1.5em;padding:1.2em 1em;border-radius:8px;transition:background .2s;position:relative}.post-row:hover{background:rgba(var(--gray-light),.32)}.post-row:after{content:"";position:absolute;left:-.5em;top:50%;transform:translateY(-50%);width:3px;height:0;border-radius:2px;background:var(--accent);transition:height .2s}.post-row:hover:after{height:60%}.post-link{text-decoration:none;color:inherit}.post-link:after{content:"";position:absolute;inset:0}.post-date{flex-shrink:0;width:5em;padding-top:.15em;font-size:.85em;color:rgb(var(--gray));text-align:right;line-height:1.4}.post-date span{display:block;font-variant-numeric:tabular-nums}.post-thumb{flex-shrink:0;border-radius:6px;object-fit:cover}.post-body{flex:1;min-width:0}.post-title{margin:0;font-size:1.15em;font-weight:600;color:rgb(var(--black));line-height:1.4}.post-desc{margin:.3em 0 .4em;font-size:.9em;color:rgb(var(--gray));line-height:1.55}@media(max-width:600px){main{width:calc(100% - 1rem);padding-top:1rem}.year{margin:1.6rem 0 .5rem;padding-inline:.85rem}main:before{inset:.25rem 0}.post-row{padding:.8rem;flex-direction:column;gap:.25rem}.post-date{width:auto;text-align:left;font-size:.8em}.post-date span{display:inline}.post-title{font-size:1.05em}.post-desc{margin-top:.25rem;line-height:1.5}.post-thumb{order:-1;width:100%;height:auto;aspect-ratio:16 / 9;margin-bottom:.45rem}}