:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;--color-light-bg:#f3ede7;--color-dark-bg:#333333;--shadow-color:rgba(0, 0, 0, 0.3)}html{scrollbar-gutter:stable}body{font-family:var(--font-primary);line-height:1.4;letter-spacing:.02rem;min-height:100vh;position:relative;background-size:400% 400%}header{position:relative;z-index:1}h3{font-size:2.5rem;letter-spacing:.05rem;margin:.8rem 0}.underline{text-decoration:underline}ul{padding-left:4rem;line-height:1.4;letter-spacing:.04rem}li{padding-left:2rem;line-height:1.4;letter-spacing:.04rem}p{margin:.8rem 0;line-height:1.4;letter-spacing:.04rem}hr{margin:2rem 0;border:none;border-top:1px solid #ddd}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:5px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:5px}.portfolio-image{position:relative;width:100%;max-width:800px;aspect-ratio:16/9;border-radius:5px;display:block;margin:0 auto;object-fit:cover}.profile-portrait{width:90%;max-width:260px;height:auto;border-radius:7.5px;display:block;margin:0 auto}.reading-area{position:relative;padding:2rem;max-width:800px;margin:2rem auto;z-index:1;box-shadow:0 0 10px var(--shadow-color);background:inherit}body.colorscheme-light .reading-area{background:var(--color-light-bg)}body.colorscheme-dark .reading-area{background:var(--color-dark-bg)}.content>.reading-area{width:100%;max-width:86rem;align-self:flex-start;min-height:66.67vh}@media(min-width:768.1px){.content>.reading-area{margin-top:0}.content>.reading-area header{margin-top:2rem}}.content>.reading-area header .title{font-size:3.2rem;line-height:3.6rem}.background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.post-meta .reading-time{font-size:1.4rem;opacity:.85}.image-compare{--start:50%;position:relative;width:100%;max-width:800px;margin:1.5rem auto;border-radius:5px;overflow:hidden;user-select:none;touch-action:none;line-height:0;cursor:ew-resize}.image-compare img{display:block;width:100%;height:auto;pointer-events:none}.image-compare-after{width:100%}.image-compare-before-wrap{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 calc(100% - var(--start)) 0 0)}.image-compare-before-wrap .image-compare-before{width:100%;height:100%;object-fit:cover}.image-compare-divider{position:absolute;top:0;left:var(--start);height:100%;width:2px;background:#fff;transform:translateX(-50%);box-shadow:0 0 4px var(--shadow-color);pointer-events:none}.image-compare-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2.4rem;height:2.4rem;border-radius:50%;background:#fff;color:#333;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;box-shadow:0 0 6px var(--shadow-color)}.image-compare-label{position:absolute;bottom:.75rem;padding:.2rem .6rem;font-size:.8rem;line-height:1.2;letter-spacing:.03rem;color:#fff;background:rgba(0,0,0,.6);border-radius:3px;pointer-events:none;z-index:2}.image-compare-label-before{left:.75rem}.image-compare-label-after{right:.75rem}.image-compare-range{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.mathbox{margin:1.5rem 0;border:1px solid var(--shadow-color);border-left:4px solid #888;border-radius:5px;overflow:hidden;box-shadow:0 0 6px var(--shadow-color)}.mathbox-title{padding:.6rem 1rem;font-weight:600;letter-spacing:.03rem;border-bottom:1px solid var(--shadow-color)}.mathbox-title i{margin-right:.6rem}.mathbox-content{padding:.4rem 1rem;overflow-x:auto}.mathbox-content>:first-child{margin-top:0}.mathbox-content>:last-child{margin-bottom:0}body.colorscheme-light .mathbox{background:rgba(0,0,0,2%)}body.colorscheme-light .mathbox-title{background:rgba(0,0,0,5%)}body.colorscheme-dark .mathbox{background:rgba(255,255,255,3%)}body.colorscheme-dark .mathbox-title{background:rgba(255,255,255,6%)}@media(max-width:768px){h3{font-size:2rem}.portfolio-image,.profile-portrait{max-width:100%}}