:root{--bg-color: #f1eee5;--text-primary: #2c2c2c;--text-secondary: #555;--accent-color: #333;--header-height: 64px;--header-height-mobile: 70px;--max-width-content: 1120px;--max-width-main: 640px;--max-width-tldr: 480px;--item-hover-bg: rgba(0, 0, 0, .04);--link-hover-color: #0056b3}[data-theme=dark]{--bg-color: #1a1a1a;--text-primary: #e0e0e0;--text-secondary: #c0c0c0;--accent-color: #f0f0f0;--item-hover-bg: rgba(255, 255, 255, .06);--link-hover-color: #60a5fa}[data-theme=dark] .name-section h1{color:#fff}*{box-sizing:border-box}body{margin:0;background-color:var(--bg-color);color:var(--accent-color);overflow-x:hidden;min-height:100vh;font-size:16px;line-height:1.5;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{background-color:var(--bg-color);min-height:100vh;padding-top:calc(var(--header-height) + 1.6rem);padding-bottom:3.2rem;transition:background-color .3s ease}.content-wrapper{max-width:var(--max-width-content);margin:0 auto;padding:0 1rem}.name-section{text-align:center;margin-bottom:clamp(2rem,5vw,3.2rem);padding:0 1rem}.name-section h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:700;letter-spacing:clamp(.05em,.1em,.12em);color:#000;margin:0;font-family:Century Schoolbook,serif;line-height:1.2;transition:color .3s ease}.content-section{display:flex;justify-content:flex-start;padding:0 1rem}.main-column{display:flex;flex-direction:column;width:100%;max-width:var(--max-width-main)}.tldr-section{max-width:min(var(--max-width-tldr),90vw);margin:0}.tldr-section h2,.blog-section h2,.research-section h2{font-size:clamp(1.25rem,3vw,1.4rem);color:#000;margin:.8rem 0;font-weight:600;transition:color .3s ease}[data-theme=dark] .tldr-section h2,[data-theme=dark] .blog-section h2,[data-theme=dark] .research-section h2{color:#fff}.tldr-section h3{font-size:clamp(1.1rem,2.5vw,1.12rem);color:var(--text-primary);margin:.8rem 0;font-weight:600;transition:color .3s ease}.tldr-section p{font-size:clamp(1rem,2.5vw,.96rem);line-height:1.6;color:var(--text-secondary);margin:1.2rem 0;transition:color .3s ease}.decorative-line{height:2px;background:linear-gradient(90deg,var(--text-primary) 0%,transparent 100%);margin:.8rem 0;width:clamp(100px,30vw,160px);transition:background .3s ease}@media (max-width: 1024px){.content-section{justify-content:center}.main-column{align-items:center}.tldr-section{max-width:80vw}}@media (max-width: 768px){:root{--header-height: var(--header-height-mobile)}main{padding-top:calc(var(--header-height) + 1.5rem)}.content-wrapper{padding:0 .75rem}.name-section{margin-bottom:2rem;padding:0 .5rem}.content-section{padding:0 .5rem;justify-content:center}.main-column{max-width:100%}.tldr-section{max-width:95vw}.tldr-section p{font-size:1rem;line-height:1.7}}@media (max-width: 480px){.name-section h1{font-size:1.75rem;letter-spacing:.05em}.tldr-section h2,.blog-section h2,.research-section h2{font-size:1.25rem}.decorative-line{width:80px}}@media (max-width: 768px) and (orientation: landscape){main{padding-top:calc(var(--header-height-mobile) + 1rem)}.name-section{margin-bottom:1.5rem}.name-section h1{font-size:2.25rem}}:root{--tetris-block-size: 20px;--tetris-block-size-tablet: 16px;--tetris-block-size-mobile: 12px;--tetris-glass-bg: rgba(44, 44, 44, .3);--tetris-glass-highlight: rgba(255, 255, 255, .3);--tetris-glass-shadow-dark: rgba(0, 0, 0, .4);--tetris-glass-shadow-medium: rgba(0, 0, 0, .2)}[data-theme=dark]{--tetris-glass-bg: rgba(241, 238, 229, .25);--tetris-glass-highlight: rgba(0, 0, 0, .3);--tetris-glass-shadow-dark: rgba(0, 0, 0, .3);--tetris-glass-shadow-medium: rgba(0, 0, 0, .15)}.tetris-container{position:fixed;top:0;width:clamp(60px,8vw,100px);height:100vh;pointer-events:none;z-index:50;overflow:visible;transform:translateZ(0);-webkit-transform:translateZ(0)}.tetris-container.left-corner{left:clamp(5px,1vw,15px)}.tetris-container.right-corner{right:clamp(5px,1vw,15px)}.tetrimino{position:absolute;top:0;transform-origin:center center;border-radius:3px;background:var(--tetris-glass-bg);will-change:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none;opacity:0}.left-corner .tetrimino{left:var(--left-pos)}.right-corner .tetrimino{right:var(--right-pos)}@media (min-width: 769px){.tetrimino{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);filter:drop-shadow(0 0 1px var(--tetris-glass-highlight)) drop-shadow(0 2px 4px var(--tetris-glass-shadow-medium));box-shadow:inset -1px -1px 2px var(--tetris-glass-shadow-dark);transition:filter .25s ease-out}}.i-piece{width:calc(var(--tetris-block-size) * 4);height:var(--tetris-block-size)}.o-piece{width:calc(var(--tetris-block-size) * 2);height:calc(var(--tetris-block-size) * 2)}.t-piece{width:calc(var(--tetris-block-size) * 3);height:calc(var(--tetris-block-size) * 2);clip-path:polygon(33.33% 0%,66.66% 0%,66.66% 50%,100% 50%,100% 100%,0% 100%,0% 50%,33.33% 50%)}.s-piece{width:calc(var(--tetris-block-size) * 3);height:calc(var(--tetris-block-size) * 2);clip-path:polygon(33.33% 0%,100% 0%,100% 50%,66.66% 50%,66.66% 100%,0% 100%,0% 50%,33.33% 50%)}.z-piece{width:calc(var(--tetris-block-size) * 3);height:calc(var(--tetris-block-size) * 2);clip-path:polygon(0% 0%,66.66% 0%,66.66% 50%,100% 50%,100% 100%,33.33% 100%,33.33% 50%,0% 50%)}.j-piece{width:calc(var(--tetris-block-size) * 2);height:calc(var(--tetris-block-size) * 3);clip-path:polygon(0% 66.66%,50% 66.66%,50% 0%,100% 0%,100% 100%,0% 100%)}.l-piece{width:calc(var(--tetris-block-size) * 2);height:calc(var(--tetris-block-size) * 3);clip-path:polygon(0% 0%,50% 0%,50% 66.66%,100% 66.66%,100% 100%,0% 100%)}.mobile-extra{display:none}@media (max-width: 768px){.mobile-extra{display:block}}@media (max-width: 1024px){:root{--tetris-block-size: var(--tetris-block-size-tablet)}}@media (max-width: 768px){:root{--tetris-block-size: var(--tetris-block-size-mobile)}}