:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1b1622;--night:#15121b;--paper:#fffaf0ed;--white:#fff;--pink:#ff4f8b;--yellow:#ffe066;--cyan:#52d6f4;--muted:#564d61;--faint:#6a6175;--ui:var(--font-ui), "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--night)}body{min-height:100dvh;font-family:var(--ui);color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(#ffffff0f 1px, transparent 1.5px) 0 0 / 14px 14px, var(--night);margin:0}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.device{isolation:isolate;background:var(--ink);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}@media (min-width:500px){body{place-items:center;padding-block:24px;display:grid}.device{border-radius:44px;width:390px;height:min(844px,100dvh - 48px);box-shadow:0 0 0 10px #0b0910,0 0 0 11px #3a3444,0 30px 80px #0009}}.scene{z-index:-1;position:absolute;inset:0}.backdrop{object-fit:cover}.sprite{aspect-ratio:2/3;height:72%;position:absolute;top:6%;left:50%;translate:-50%}.sprite img{object-fit:contain;object-position:top center}.topbar{padding:calc(env(safe-area-inset-top) + 18px) 16px 0}.situation{background:var(--ink);color:var(--white);letter-spacing:.02em;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:.8125rem;font-weight:700;display:inline-flex}.situation:before{content:"";background:var(--yellow);border-radius:50%;width:8px;height:8px}.dialogue{background:var(--paper);-webkit-backdrop-filter:blur(10px);border-top:3px solid var(--ink);border-radius:22px 22px 0 0;flex-direction:column;height:58%;margin-top:auto;display:flex;position:relative}.nameplate{z-index:1;background:var(--pink);color:var(--white);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);letter-spacing:.03em;border-radius:10px;margin:0;padding:3px 16px 5px;font-size:1.0625rem;font-weight:700;position:absolute;top:0;left:16px;translate:0 -62%;rotate:-3deg}.log-scroll{overscroll-behavior:contain;flex-direction:column-reverse;flex:1;min-height:0;padding:30px 14px 14px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 26px);mask-image:linear-gradient(#0000,#000 26px)}.log{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.line{border:2px solid var(--ink);max-width:86%;box-shadow:3px 3px 0 var(--ink);border-radius:16px;padding:9px 14px 10px}.line p{margin:0}.line--character{background:var(--white);border-bottom-left-radius:4px;align-self:flex-start}.line--you{background:var(--yellow);border-bottom-right-radius:4px;align-self:flex-end}.line-text{font-size:1.125rem;font-weight:500;line-height:1.5}.line .line-transliteration{color:var(--muted);margin-top:3px;font-size:.8125rem;line-height:1.4}.line .line-translation{color:var(--faint);border-top:1px dashed #1b162240;margin-top:6px;padding-top:5px;font-size:.8125rem;line-height:1.4}.controls{padding:12px 16px calc(env(safe-area-inset-bottom) + 20px);border-top:2px dashed #1b162226;justify-content:center;display:flex}.mic{border:3px solid var(--ink);background:var(--pink);width:68px;height:68px;color:var(--white);box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;display:grid}.mic:disabled{cursor:not-allowed}