:root{--bg:#07080c;--panel:#0c0e14d1;--border:#ffffff14;--text:#f2f3f7;--muted:#f2f3f78c;--faint:#f2f3f752}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;text-wrap:pretty;margin:0;padding:0;font-family:ui-sans-serif,-apple-system,Helvetica Neue,Arial,sans-serif;overflow:hidden}#map{position:absolute;inset:0}.mapboxgl-ctrl-logo,.mapboxgl-ctrl-attrib{display:none!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px}.fade-in{animation:.5s both fade}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.diary-field:focus,.diary-field:focus-visible{border-color:#ffffff47!important}.drift{opacity:0;animation-name:drift;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes drift{0%{opacity:0;transform:translateY(6px)}18%{opacity:.85}55%{opacity:.5}82%{opacity:.85;transform:translateY(-5px)}to{opacity:0;transform:translateY(-10px)}}.intro-scrim{z-index:10;text-align:center;background:radial-gradient(circle at 50% 42%,#07080c80,#07080ceb);place-items:center;animation:1s both fade;display:grid;position:absolute;inset:0}.intro-scrim.leaving{animation:.65s forwards scrimout}@keyframes scrimout{to{opacity:0}}.intro-line{opacity:0;text-wrap:balance;animation:1.1s forwards introline}@keyframes introline{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lived-text .lw{transition:opacity .85s,transform .85s,filter .85s;display:inline-block}.lived-text .lw.gone{opacity:0;filter:blur(3px);transform:translateY(24px)}.record-block{opacity:0;transition:opacity 1.2s .45s,transform 1.2s .45s;transform:translateY(10px)}.record-block.shown{opacity:1;transform:none}.encounter-card{animation:.6s both rise}@keyframes rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.stage{z-index:3;pointer-events:none;background:linear-gradient(#07080c00 0%,#07080c9e 45%,#07080ce0 74%,#07080cf0 100%);padding:26vh 7vw 6vh;animation:.7s both fade;position:absolute;bottom:0;left:0;right:0}.stage>*{pointer-events:auto}.stage-inner{max-width:760px;margin:0 auto}.stage .lived-text{font-size:clamp(22px,3.2vw,40px);line-height:1.32}.gaze{pointer-events:none;width:12px;height:12px}.gaze:before,.gaze:after{content:"";border:1.5px solid var(--gaze,#f2f3f7);border-radius:50%;width:12px;height:12px;animation:2.6s ease-in-out infinite gaze-converge;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(5)}.gaze:after{animation-delay:1.3s}@keyframes gaze-converge{0%{opacity:0;transform:translate(-50%,-50%)scale(5)}55%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}