:root{--ink:#000;--white:#fff;--ease:cubic-bezier(.65, .05, 0, 1);--pad:40px;--serif:"Instrument Serif", serif}*{box-sizing:border-box;margin:0}html,body{height:100%;overflow:hidden}body{color:var(--ink);background:radial-gradient(60% 70% at 38% 55%,#e0e0e0 0%,#bdbdbd 45%,#8d8d8d 100%);font:400 15px/1.2 Inter Tight,system-ui,sans-serif}#stage{width:100%;height:100%;display:block;position:fixed;inset:0}a{color:inherit;text-decoration:none}.head{z-index:5;padding:20px var(--pad);letter-spacing:-.01em;align-items:center;font-size:26px;display:flex;position:fixed;inset:0 0 auto}.logo sup{vertical-align:top;font-size:.45em;position:relative;top:.15em}.mark{margin-left:86px}.talk{margin-left:auto;position:relative}.talk:after{content:"";transform-origin:100%;height:1px;transition:transform .6s var(--ease);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.talk:hover:after{transform-origin:0;transform:scaleX(1)}.lisa{z-index:4;left:var(--pad);flex-direction:column;justify-content:center;width:min(360px,30vw);padding-bottom:80px;display:flex;position:fixed;top:0;bottom:0}.dialog{letter-spacing:-.01em;font-size:26px;line-height:1.1;position:relative}.msg{transition:filter .8s var(--ease), opacity .8s var(--ease), transform .8s var(--ease)}.msg+.msg{margin-top:28px}.msg.is-past{filter:blur(4px);opacity:.5;transform-origin:0 100%;transform:scale(.7)}.msg.is-gone{display:none}.msg em{font-family:var(--serif);font-size:1.12em}.cursor{background:var(--ink);vertical-align:-.1em;width:.45em;height:.95em;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.controls{flex-wrap:wrap;gap:8px;min-height:40px;margin-top:28px;display:flex}.chip,.mail{font:inherit;cursor:pointer;background:var(--white);color:var(--ink);transition:background .5s var(--ease), color .5s var(--ease), transform .5s var(--ease);border:0;border-radius:999px;padding:11px 18px;font-size:13px;line-height:1}.chip:hover{background:var(--ink);color:var(--white);transform:translateY(-2px)}.mail{cursor:default;background:0 0;border:1px solid #0000002e;align-items:center;gap:10px;display:inline-flex}.mail u{cursor:pointer}.mail button{all:unset;cursor:pointer;display:grid}.ask{border-bottom:1px solid var(--ink);align-items:center;gap:12px;width:100%;padding-bottom:6px;display:flex}.ask input{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:22px}.ask input::placeholder{color:#0006}.ask button{all:unset;cursor:pointer;transition:transform .5s var(--ease);font-size:26px}.ask button:hover{transform:translate(5px)}.gallery{scrollbar-width:none;gap:8px;width:min(340px,100%);margin-top:20px;display:flex;overflow-x:auto}.gallery div{aspect-ratio:4/5;background:#a9a39f;border-radius:6px;flex:0 0 86px;overflow:hidden}.gallery img{object-fit:cover;width:100%;height:100%;display:block}.back{z-index:6;left:var(--pad);background:var(--ink);width:40px;height:40px;color:var(--white);cursor:pointer;transition:transform .6s var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:fixed;bottom:40px}.back:hover{transform:rotate(-90deg)}.back[hidden]{display:none}.sound{z-index:6;right:var(--pad);font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:0;font-size:13px;position:fixed;bottom:40px}.progress{background:var(--ink);transform-origin:0;width:100%;height:4px;transform:scaleX(var(--progress,0));transition:transform 1s var(--ease);z-index:6;position:fixed;bottom:0;left:0}@media (width<=900px){:root{--pad:20px}.lisa{justify-content:flex-start;width:calc(100vw - 40px);padding-bottom:0;top:70px;bottom:auto}.dialog{font-size:22px}.mark{margin-left:24px}.head{font-size:22px}.gallery div{flex-basis:64px}.back{bottom:24px}.sound{bottom:34px}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}*{transition-duration:10ms!important}}