body.is-immersive{overflow:hidden;height:100dvh;overscroll-behavior:none}.stage{position:fixed;inset:0;overflow:hidden;background-color:var(--bg);background-image:radial-gradient(var(--bg-grid) 1px,transparent 1px);background-size:30px 30px}.world{position:absolute;left:0;top:0;width:0;height:0;transform:translate(50vw,50vh);will-change:transform;transition:transform .62s cubic-bezier(.5,.02,.2,1)}.hub{position:absolute;left:0;top:0;width:360px;height:360px;transform:translate(-50%,-50%);z-index:5}.hub__edges{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transition:opacity .3s ease}.hub__edges line{stroke:var(--edge);stroke-width:1.5}.hnode{position:absolute;top:50%;left:50%;width:56px;height:56px;transform:translate(-50%,-50%) translate(var(--dx, 0px),var(--dy, 0px));text-decoration:none;cursor:pointer;transition:opacity .3s ease}.hnode__dot{display:block;width:100%;height:100%;border-radius:50%;transition:transform .16s cubic-bezier(.2,.8,.3,1.1),box-shadow .16s ease}.hnode:hover .hnode__dot{transform:scale(1.12);box-shadow:0 6px 18px #14140f2e}.hnode:active .hnode__dot{transform:scale(1.04)}.hnode__label{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);white-space:nowrap;font-size:.8rem;font-weight:500;color:var(--text-dim);transition:color .15s ease}.hnode:hover .hnode__label{color:var(--text)}.hnode--hub{width:78px;height:78px;cursor:default}.hnode--hub .hnode__label{color:var(--text);font-weight:700;font-size:.9rem}.area{position:absolute;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;z-index:2;opacity:0;pointer-events:none;transition:opacity .4s ease}.room__inner{max-width:42rem;margin:0 auto;padding:3rem 1.5rem 3.5rem}.area[data-area=about],.area[data-area=contact]{display:grid;align-items:center}.room__title{font-size:clamp(1.5rem,4vw,2rem);margin:0 0 1.5rem;letter-spacing:-.02em}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:3.4rem;top:.4rem;bottom:.4rem;width:2px;background:var(--border)}.tl__link{display:grid;grid-template-columns:2.6rem 1.4rem 1fr;gap:.5rem;align-items:start;padding:.9rem .6rem;border-radius:10px;color:var(--text);transition:background .15s ease}.tl__link:hover{background:var(--surface-2);text-decoration:none}.tl__year{font-family:var(--font-mono);font-size:.78rem;color:var(--text-dim);padding-top:.15rem}.tl__marker{width:13px;height:13px;border-radius:50%;margin:.25rem auto 0;background:var(--accent-2)}.tl--job .tl__marker{border-radius:3px;background:var(--accent)}.tl__body{display:flex;flex-direction:column;gap:.15rem;min-width:0}.tl__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem}.tl__name{font-weight:600}.tl__org{color:var(--text-dim);font-size:.9rem}.tl__kind{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:.05rem .35rem}.tl__period{font-family:var(--font-mono);font-size:.74rem;color:var(--text-dim)}.tl__summary{color:var(--text-dim);font-size:.92rem;margin-top:.1rem}.postlist{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.post{display:block;padding:.9rem .8rem;border-radius:10px;color:var(--text);transition:background .15s ease}.post:hover{background:var(--surface-2);text-decoration:none}.post__title{font-weight:600}.post__date{display:block;font-family:var(--font-mono);font-size:.74rem;color:var(--text-dim);margin:.15rem 0}.post__summary{color:var(--text-dim);font-size:.92rem}.about{display:flex;gap:1.5rem;align-items:flex-start;flex-wrap:wrap}.about__portrait{flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:2.2rem;background:var(--surface-2);border:1px solid var(--border)}.about__text{flex:1;min-width:15rem}.about__text p{color:var(--text);line-height:1.7}.about__intro{font-size:1.15rem;font-weight:600;margin-top:0}.about__now{font-family:var(--font-mono);font-size:.82rem;color:var(--text-dim)}.contact__lede{color:var(--text-dim);margin:0 0 1rem}.contact__links{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}.contact__links a{font-size:1.3rem;font-weight:600;color:var(--text)}.contact__links a:hover{color:var(--accent);text-decoration:none}.overlay{position:fixed;z-index:10}.overlay--top{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;pointer-events:none}.overlay--top>*{pointer-events:auto}.brand{font-weight:700;font-size:1rem;color:var(--text);letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand span{color:var(--text-dim)}.overlay-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:8px;padding:.35rem .7rem;font-size:.72rem;cursor:pointer}.overlay-btn:hover{border-color:var(--border-strong);color:var(--text)}.hint{position:fixed;z-index:10;bottom:1rem;left:50%;transform:translate(-50%);margin:0;font-size:.72rem;color:var(--text-dim);pointer-events:none}body.in-area .hint{opacity:0}@media(max-width:560px){.hub{transform:translate(-50%,-50%) scale(.82)}.room__inner{padding:2.5rem 1.1rem 3rem}}@media(prefers-reduced-motion:reduce){.world,.hnode,.hub__edges{transition:none}}