:root{--bg: #ede8e3;--plum: #3d2a30;--plum-mid: #5a3d44;--red: #ff2c0b;--muted: #8c7e7a;--transition: .4s ease;--left-w: 390px}html[data-theme=dark]{--bg: #1c1017;--plum: #f0e6e0;--plum-mid: #c9a9a0;--red: #ff4d2e;--muted: #7a5f65}@font-face{font-family:GeneralSans-Regular;src:url(/fonts/GeneralSans-Regular.woff2) format("woff2");font-weight:300;font-display:swap;font-style:normal}@font-face{font-family:GeneralSans-Medium;src:url(/fonts/GeneralSans-Medium.woff2) format("woff2");font-weight:500;font-display:swap;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--plum);font-family:GeneralSans-Regular,serif;font-weight:300;font-size:1rem;line-height:1.7;height:100vh;overflow:hidden;display:flex;transition:background var(--transition),color var(--transition)}.theme-toggle{position:fixed;top:1.4rem;right:1.5rem;z-index:100;background:none;border:none;cursor:pointer;padding:.3rem;color:var(--muted);opacity:.7;transition:opacity .2s ease,color var(--transition);line-height:0}.theme-toggle:hover{opacity:1}.theme-toggle svg{width:17px;height:17px;fill:currentColor}.theme-toggle .icon-moon{display:block}.theme-toggle .icon-sun,html[data-theme=dark] .theme-toggle .icon-moon{display:none}html[data-theme=dark] .theme-toggle .icon-sun{display:block}.app{display:flex;width:100%;height:100vh}.left-panel{width:var(--left-w);flex-shrink:0;height:100%;overflow:hidden;background:var(--bg);display:flex;flex-direction:column;transition:background var(--transition);animation:fadeUp .7s ease both;animation-delay:.1s;padding-bottom:4.5rem}.me-photo{width:calc(100% - 3rem);margin:1.5rem auto 0;height:300px;object-fit:cover;object-position:center top;display:block;flex-shrink:0;transition:filter var(--transition)}html[data-theme=dark] .me-photo{filter:brightness(.85) saturate(.85)}.left-content{flex:1;display:flex;flex-direction:column;gap:.65rem;padding:0 1.5rem;margin-top:-1.4rem;position:relative;z-index:1;min-height:0}.hero-name{font-family:GeneralSans-Medium,serif;font-size:clamp(2rem,3.5vw,2.6rem);font-weight:700;line-height:1.05;color:var(--red);transition:color var(--transition);padding-top:.2rem}.bio-text{font-size:.88rem;line-height:1.75;color:var(--plum);transition:color var(--transition)}.bio-text .highlight{color:var(--red);transition:color var(--transition)}.tube-panel{flex:1;position:relative;overflow:hidden}.tube-hint{position:absolute;top:1.25rem;left:1.25rem;z-index:10;font-size:1rem;color:var(--muted);pointer-events:none}#tube-canvas{width:100%;height:100%;position:absolute;inset:0}.hover-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;transition:opacity .25s ease;z-index:5;text-align:center}.hover-overlay.visible{opacity:1}.hover-note{background:none;color:var(--plum);padding:0;font-size:.82rem;line-height:1.5;max-width:220px;font-family:GeneralSans-Regular,serif;font-style:italic;transition:color var(--transition)}footer{position:fixed;bottom:0;left:0;width:var(--left-w);padding:.8rem 1.5rem 1.1rem;font-size:.67rem;color:var(--muted);letter-spacing:.07em;z-index:20;background:var(--bg);border-top:1px solid rgba(61,42,48,.08);transition:color var(--transition),background var(--transition),border-color var(--transition)}html[data-theme=dark] footer{border-top-color:#f0e6e00f}.footer-icons{display:flex;justify-content:flex-start;gap:1rem;margin-top:.55rem}.footer-icons a{color:var(--muted);opacity:.7;transition:opacity .2s ease,color var(--transition);display:flex;align-items:center}.footer-icons a:hover{opacity:1;color:var(--plum)}.footer-icons svg{width:14px;height:14px;fill:currentColor}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){body{height:auto;overflow-y:auto;overflow-x:hidden;flex-direction:column}.app{flex-direction:column;height:auto;width:100%}.left-panel{width:100%;height:auto;overflow:visible;padding-bottom:0;border-right:none;animation:none}.me-photo{height:60vw;max-height:320px}.left-content{margin-top:-1.4rem;padding:0 1.5rem 1.5rem}.tube-panel{width:100%;height:90vw;min-height:380px;flex:none}footer{position:static;width:100%;border-top:1px solid rgba(61,42,48,.08);text-align:center;padding:1.2rem 1.5rem 1.5rem}html[data-theme=dark] footer{border-top-color:#f0e6e00f}.footer-icons{justify-content:center}.theme-toggle{top:1rem;right:1rem}}