:root{--background-color: rgb(28, 28, 30);--text-color: #fff;--link-color: #0a84ff;--border-color: rgba(255, 255, 255, .2);--glass-background: rgba(44, 44, 46, .7);--shape-pink: 255, 0, 128;--shape-blue: 0, 198, 255;--panel-bg: rgba(255, 255, 255, .02);--panel-shadow: 0 10px 40px rgba(0, 0, 0, .2);--prism-edge: linear-gradient(135deg, rgba(255, 255, 255, .5) 0%, rgba(var(--shape-pink), .12) 35%, rgba(var(--shape-blue), .12) 65%, rgba(255, 255, 255, .15) 100%);--divider-color: rgba(255, 255, 255, .1);--btn-bg: rgba(255, 255, 255, .1);--btn-bg-hover: rgba(255, 255, 255, .15);--btn-border: rgba(255, 255, 255, .2);--scrollbar-thumb: rgba(255, 255, 255, .05);--scrollbar-thumb-hover: rgba(255, 255, 255, .15);--scrollbar-thumb-active: rgba(255, 255, 255, .25);--interactive-glow: rgba(255, 255, 255, .03);--interactive-bg-hover: rgba(255, 255, 255, .02);--interactive-border-hover: rgba(255, 255, 255, .05);--interactive-shadow-hover: 0 15px 35px -5px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .1);--blob-opacity: .03;--tunnel-bg: radial-gradient(circle, rgba(255, 255, 255, .6) 0%, rgba(255, 255, 255, .2) 70%, rgba(255, 255, 255, .05) 100%);--tunnel-shadow: 0 10px 30px rgba(0, 0, 0, .5), inset 0 0 4px rgba(255, 255, 255, 1)}:root[data-theme=light]{--background-color: rgb(242, 242, 247);--text-color: rgb(28, 28, 30);--link-color: #007aff;--border-color: rgba(0, 0, 0, .2);--glass-background: rgba(255, 255, 255, .7);--panel-bg: rgba(255, 255, 255, .3);--panel-shadow: 0 10px 40px rgba(0, 0, 0, .05);--prism-edge: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(var(--shape-pink), .2) 35%, rgba(var(--shape-blue), .2) 65%, rgba(255, 255, 255, .3) 100%);--divider-color: rgba(0, 0, 0, .1);--btn-bg: rgba(0, 0, 0, .05);--btn-bg-hover: rgba(0, 0, 0, .1);--btn-border: rgba(0, 0, 0, .1);--scrollbar-thumb: rgba(0, 0, 0, .05);--scrollbar-thumb-hover: rgba(0, 0, 0, .15);--scrollbar-thumb-active: rgba(0, 0, 0, .25);--interactive-glow: rgba(0, 0, 0, .02);--interactive-bg-hover: rgba(255, 255, 255, .3);--interactive-border-hover: rgba(0, 0, 0, .05);--interactive-shadow-hover: 0 15px 35px -5px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, 1);--blob-opacity: .2;--tunnel-bg: radial-gradient(circle, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .15) 70%, rgba(0, 0, 0, .05) 100%);--tunnel-shadow: 0 10px 30px rgba(0, 0, 0, .2), inset 0 0 4px rgba(0, 0, 0, .5)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border:4px solid transparent;background-clip:padding-box;border-radius:10px}*:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-hover)}*:hover::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-active);border:2px solid transparent}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}*:hover{scrollbar-color:var(--scrollbar-thumb-hover) transparent}html,body{height:100%;overflow:hidden}body{background-color:var(--background-color);color:var(--text-color);font-family:system-ui,-apple-system,SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding-top:clamp(.5rem,1.5vh,1rem)}app-shell{display:contents}.tunnel-dot{position:fixed;width:10px;height:10px;background:var(--tunnel-bg);border-radius:50%;box-shadow:var(--tunnel-shadow);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%) scale(1);transition:all .68s ease-in}.background-shapes{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;transform:translate(calc(var(--mouse-norm-x, 0) * -12px),calc(var(--mouse-norm-y, 0) * -12px));will-change:transform;transition:transform 1.5s cubic-bezier(.2,.8,.2,1)}.background-shapes:before,.background-shapes:after{content:"";position:absolute;border-radius:50%;filter:blur(150px);opacity:var(--blob-opacity)}.background-shapes:before{width:600px;height:600px;background:linear-gradient(135deg,rgb(var(--shape-pink)),#7928ca);top:10%;left:10%;animation:move-shape 25s infinite alternate}.background-shapes:after{width:550px;height:550px;background:linear-gradient(135deg,rgb(var(--shape-blue)),#0072ff);bottom:10%;right:10%;animation:move-shape 30s infinite alternate-reverse}@keyframes move-shape{0%{transform:translate(-50px,-50px) scale(1)}to{transform:translate(250px,150px) scale(1.3)}}.lens-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;backdrop-filter:url(#glass-warp) blur(40px) saturate(200%);-webkit-backdrop-filter:url(#glass-warp) blur(40px) saturate(200%);pointer-events:none}.glass-panel,main{background:var(--panel-bg);border-radius:16px;border:none;box-shadow:var(--panel-shadow);position:relative;z-index:1;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.glass-panel:after,main:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:inherit;padding:1px;background:var(--prism-edge);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:10}.glass-pill{background:var(--panel-bg);border-radius:100px;box-shadow:var(--panel-shadow);backdrop-filter:url(#glass-warp) blur(24px) saturate(150%);-webkit-backdrop-filter:url(#glass-warp) blur(24px) saturate(150%);position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.glass-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--prism-edge);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.page-layout{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:2rem;width:100%;padding:0 clamp(1rem,4vw,2rem);max-width:1400px;z-index:1;animation:float-in .5s cubic-bezier(.25,1,.5,1) forwards}@keyframes float-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}main{flex:1 1 min(100%,600px);max-width:1000px;width:100%;min-width:0;margin:0;text-align:left;max-height:calc(100vh - clamp(8rem,12vh,10rem));height:auto;overflow:hidden;display:flex;flex-direction:column}.main-scroll-area{padding:clamp(1.25rem,4vw,2rem);height:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.layout--space-between{display:flex;flex-direction:column;justify-content:space-between}.site-header{position:sticky;top:clamp(.5rem,1.5vh,1rem);z-index:100;width:calc(100% - (2*clamp(1rem,4vw,2rem)));max-width:calc(1400px - (2*clamp(1rem,4vw,2rem)));margin-bottom:clamp(2.5rem,5vh,4rem);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.site-header .logo{padding:.5rem 1.25rem;font-size:1.2rem;font-weight:700;letter-spacing:-.5px;color:var(--text-color);transition:transform .2s cubic-bezier(.25,1,.5,1),filter .2s ease;will-change:transform}.site-header .logo:hover{filter:brightness(1.2)}.site-header .logo:active{transform:scale(.92)}.desktop-nav{position:absolute;left:50%;transform:translate(-50%);padding:.4rem;gap:0}.desktop-nav a{padding:.5rem 1.25rem;font-weight:500;opacity:.6;color:var(--text-color);transition:opacity .2s ease;position:relative;z-index:3}.desktop-nav a:hover,.desktop-nav a.active{opacity:1}p{font-size:1.1rem;line-height:1.6}a{color:var(--link-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}.secret-link{color:inherit;text-decoration:none;cursor:pointer;transition:color .3s ease;position:relative}.secret-link:before{content:"";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%}.secret-link:hover{color:var(--link-color);text-shadow:0 0 8px var(--link-color)}section{text-align:left;margin-bottom:2.5rem}section:last-child{margin-bottom:0}section h2{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.stack-section{margin-top:2rem}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin:0 0 1rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.6rem}.tag{background:var(--btn-bg);border:1px solid var(--btn-border);padding:.4rem .8rem;border-radius:100px;font-size:.85rem;color:var(--text-color);transition:transform .2s ease,background .2s ease,border-color .2s ease}.tag:hover{transform:translateY(-2px);background:var(--btn-bg-hover);border-color:#ffffff4d}.hero{display:flex;flex-direction:column;align-items:flex-start}.hero h1{font-size:clamp(2.25rem,6vw,3rem);margin:0 0 .5rem;letter-spacing:-1px}.actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:clamp(1rem,3vh,1.5rem);width:100%}.subtitle{color:var(--link-color);font-weight:500;margin:0 0 1rem}.divider{border:0;height:1px;background:linear-gradient(90deg,transparent,var(--divider-color),transparent);margin:2.5rem 0}.button{display:inline-block;background:var(--btn-bg);border:1px solid var(--btn-border);padding:.75rem 1.5rem;flex:1 1 150px;text-align:center;border-radius:8px;color:var(--text-color);font-weight:500;transition:background .2s,transform .2s}.button:hover{background:var(--btn-bg-hover);opacity:1}.button:active{transform:scale(.96)}.button-secondary{background:transparent;border:1px solid var(--border-color);color:var(--text-color)}.button-secondary:hover{background:var(--btn-bg)}.site-header .theme-toggle{background:var(--btn-bg);border:1px solid var(--btn-border);color:var(--text-color);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s;padding:0}.site-header .theme-toggle:hover{background:var(--btn-bg-hover)}.site-header .theme-toggle:active{transform:scale(.92)}:root[data-theme=light] .sun-icon{display:none}:root[data-theme=light] .moon-icon{display:block}:root:not([data-theme=light]) .sun-icon{display:block}:root:not([data-theme=light]) .moon-icon{display:none}.quick-status{display:flex;flex-wrap:wrap;gap:1rem;margin-top:clamp(2rem,5vh,3rem)}.status-card{flex:1 1 250px;padding:clamp(.8rem,2vw,1rem) clamp(1rem,3vw,1.5rem);display:flex;align-items:center;gap:1rem;border-radius:12px;background:#ffffff05;border:1px solid var(--panel-border)}.status-text{display:flex;flex-direction:column;text-align:left}.status-text .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;opacity:.6;margin-bottom:.2rem}.status-text .value{font-size:.95rem;font-weight:500}.pulse-dot{width:10px;height:10px;background-color:#34c759;border-radius:50%;box-shadow:0 0 10px #34c759;animation:pulse 2s infinite;flex-shrink:0}.pulse-dot.static{background-color:var(--link-color);box-shadow:0 0 10px var(--link-color);animation:none}@keyframes pulse{0%{box-shadow:0 0 #34c759b3}70%{box-shadow:0 0 0 10px #34c75900}to{box-shadow:0 0 #34c75900}}.sidebar{flex:1 1 320px;display:flex;flex-direction:column;gap:clamp(.75rem,2vw,1rem);padding:0 1rem 1rem;text-align:left;max-height:calc(100vh - clamp(8rem,12vh,10rem));height:auto;overflow-y:auto;overflow-x:hidden}.sidebar h2{font-size:1.5rem;margin:0;font-weight:600}.card{padding:clamp(1rem,3vw,1.25rem);display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s ease;will-change:transform}.card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px -5px #0006;z-index:10}.card:hover:after{filter:brightness(1.3)}.card h3{font-size:1rem;margin:0 0 .25rem;font-weight:600}.card p{font-size:.85rem;line-height:1.4;margin:0;opacity:.85}.site-footer{display:none}.tab-indicator{position:absolute;top:var(--tab-y, 0);left:var(--tab-x, 0);width:var(--tab-w, 0);height:var(--tab-h, 0);background:#ffffff08;box-shadow:0 4px 12px #0000001a,inset 0 1px 1px #ffffff4d;border-radius:100px;z-index:2;pointer-events:none;opacity:0;backdrop-filter:blur(12px) saturate(200%);-webkit-backdrop-filter:blur(12px) saturate(200%)}.nav-container.initialized .tab-indicator{opacity:1}.tab-indicator.wobble{animation:liquid-wobble .8s cubic-bezier(.34,1.4,.64,1)}@keyframes liquid-wobble{0%{transform:scale(1)}30%{transform:scale(1.15)}60%{transform:scale(.97)}80%{transform:scale(1.01)}to{transform:scale(1)}}.nav-container.ready .tab-indicator{transition:left .7s cubic-bezier(.32,1.25,.32,1),width .7s cubic-bezier(.32,1.25,.32,1),top .7s cubic-bezier(.32,1.25,.32,1),height .7s cubic-bezier(.32,1.25,.32,1)}.site-footer a,.site-footer button{color:var(--text-color);font-weight:500;text-decoration:none;transition:all .3s ease;opacity:.8;padding:.6rem clamp(.5rem,3vw,1.2rem);white-space:nowrap;border-radius:100px;position:relative;z-index:3;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.site-footer button:active{transform:scale(.92)}.site-footer a:hover,.site-footer button:hover,.site-footer a.active{opacity:1}@media (max-width: 1024px){body{padding-top:0}.page-layout{height:100dvh;overflow-y:auto;overflow-x:hidden;padding-bottom:6rem}.site-header,.lens-overlay{display:none}main{margin-top:calc(env(safe-area-inset-top,0px) + clamp(1rem,4vw,2rem));max-height:none;height:auto;overflow:hidden}.main-scroll-area{height:auto;overflow:visible}.sidebar{padding:0;max-height:none;height:auto;overflow:visible}.site-footer{position:fixed;bottom:clamp(1rem,3vh,2rem);left:0;right:0;margin:0 auto;width:max-content;max-width:calc(100% - 2rem);min-width:200px;padding:.4rem;display:flex;align-items:center;justify-content:space-between;gap:0;z-index:100;border-radius:100px}.site-footer.toggle-only{left:clamp(1rem,4vw,2rem);right:auto;margin:0;width:48px;height:48px;min-width:unset;padding:0;border-radius:50%;justify-content:center}.site-footer.toggle-only a,.site-footer.toggle-only .tab-indicator{display:none}.site-footer.toggle-only button{width:100%;height:100%;padding:0;border-radius:50%}.sticky-article-header{top:-1px!important}}.skeleton{background:linear-gradient(90deg,var(--btn-bg) 25%,var(--btn-bg-hover) 50%,var(--btn-bg) 75%);background-size:200% 100%;animation:skeleton-reveal .3s .2s both,skeleton-loading 2s infinite ease-in-out;border-radius:8px;color:transparent!important;border-color:transparent!important;pointer-events:none}@keyframes skeleton-reveal{0%{opacity:0}to{opacity:1}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{height:2.5rem;width:60%;margin-bottom:1rem;border-radius:8px}.skeleton-text{height:1rem;margin-bottom:.75rem;width:100%;border-radius:4px}.skeleton-text.short{width:70%}.skeleton-btn{height:3rem;width:120px;border-radius:8px;display:inline-block}.skeleton-tag{height:32px;width:90px;border-radius:100px;display:inline-block}.skeleton-card{height:120px;width:100%;border-radius:16px;margin-bottom:1rem}.noscript-fallback{position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;background-color:var(--background-color);z-index:99999;display:flex;flex-direction:column;align-items:center;padding:clamp(2rem,5vw,4rem);text-align:left}.noscript-fallback>div{width:100%;max-width:800px}.article-content{line-height:1.7;overflow-wrap:anywhere;word-break:break-word}.article-content p{margin-bottom:1rem}.article-content figure{margin:1.5rem 0;max-width:100%}.article-content img{max-width:100%;height:auto;border-radius:8px}.article-content pre{max-width:100%;overflow-x:auto!important;border-radius:8px;border:1px solid var(--divider-color)!important;font-size:.9rem!important;background:var(--btn-bg)!important}.article-content code{background:var(--btn-bg);padding:.2em .4em;border-radius:4px;font-size:.9em}.article-content pre code{background:transparent;padding:0}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-color);text-decoration:none;opacity:.6;font-weight:500;margin-bottom:1.5rem;transition:opacity .2s ease,transform .2s cubic-bezier(.25,1,.5,1)}.back-link:hover{opacity:1;transform:translate(-4px)}.back-link:active{transform:scale(.95)}