.connection-status[data-v-53383ca8]{color:#adbcad;font-size:10px;position:relative}summary[data-v-53383ca8]{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;min-height:44px;list-style:none;display:flex}summary[data-v-53383ca8]::-webkit-details-marker{display:none}summary[data-v-53383ca8]:focus-visible{outline-offset:3px;border-radius:5px;outline:2px solid #d5c69e}.connection-dot[data-v-53383ca8]{background:#8d9d8c;border-radius:50%;width:5px;height:5px}[data-state=connected] .connection-dot[data-v-53383ca8]{background:#a9c68c}[data-state=degraded] .connection-dot[data-v-53383ca8],[data-state=reconnecting] .connection-dot[data-v-53383ca8]{background:#d4b47e}[data-state=offline] .connection-dot[data-v-53383ca8]{background:#cd9b8f}.connection-latency[data-v-53383ca8]{color:#94a78f;font-variant-numeric:tabular-nums}.connection-popover[data-v-53383ca8]{z-index:20;white-space:normal;background:#142324f5;border:1px solid #a9bc9e40;border-radius:12px;width:285px;max-width:calc(100vw - 32px);padding:20px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #0005}h2[data-v-53383ca8]{color:#e0e7d6;margin:0 0 16px;font-size:13px;font-weight:500}dl[data-v-53383ca8]{margin:0}dl div[data-v-53383ca8]{justify-content:space-between;gap:15px;margin:12px 0;display:flex}dt[data-v-53383ca8]{color:#91a58e}dd[data-v-53383ca8]{color:#d2dcc7;margin:0}p[data-v-53383ca8]{color:#8d9f89;margin:16px 0 10px;font-size:10px;line-height:1.8}button[data-v-53383ca8]{color:#d3dfc5;background:#b7c59e0e;border:1px solid #b9c3a64f;border-radius:7px;width:100%;min-height:40px;font-size:11px}@media (max-width:760px){.connection-status[data-v-53383ca8]{font-size:9px}summary[data-v-53383ca8]{gap:4px}.connection-popover[data-v-53383ca8]{position:fixed;top:65px;right:16px}}:root{color:#eeeae0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--muted:#a2b0a8;--accent:#deccb0;--serif:"Songti SC", "Noto Serif SC", Georgia, serif;background:#111d1e;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.35}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:4px;outline:2px solid #dac294}a{color:inherit;text-decoration:none}button svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.experience{isolation:isolate;background:#111d1e;grid-template-rows:86px minmax(0,1fr);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);width:100%;height:100svh;min-height:680px;display:grid;position:relative;overflow:hidden}.scene-header{z-index:5;grid-area:1/1/2/-1;justify-content:space-between;align-items:center;padding:0 48px;display:flex}.brand{letter-spacing:2px;color:#dddcd0;align-items:center;gap:10px;min-height:44px;font-size:14px;display:inline-flex}.brand-mark{color:#c3c6ad;font-family:Georgia,serif;font-size:24px;font-weight:400}.header-actions{align-items:center;gap:19px;display:flex}.mode-label{color:#bac3b4;border:1px solid #cbd4c421;border-radius:5px;padding:4px 7px;font-size:10px}.quiet-button,.icon-button{color:#b4c1b8;background:0 0;border:none;justify-content:center;align-items:center;gap:7px;min-height:44px;display:inline-flex}.quiet-button{padding:0 6px;font-size:11px}.history-button svg{stroke-width:1.35px;width:17px;height:17px}.icon-button{border:1px solid #c0cfc41f;border-radius:50%;width:44px}.icon-button svg{width:22px}.icon-button svg circle{fill:currentColor;stroke:none}.portrait{z-index:0;position:absolute;inset:0 35% 0 0;overflow:hidden}.character-stage{position:absolute;inset:0}.scene-atmosphere{pointer-events:none;position:absolute;inset:0}.live2d-canvas,.live2d-poster{visibility:hidden;pointer-events:none;filter:brightness(.98)saturate(.96);width:100%;height:100%;display:block;position:absolute;inset:0}.live2d-poster{visibility:visible;object-fit:contain}.character-stage[data-renderer=live2d] .live2d-canvas{visibility:visible}.scene-atmosphere{background:linear-gradient(#111d1e22,#0000 35%,#111d1e05 65%,#111d1e96)}.portrait-shade{pointer-events:none;background:linear-gradient(90deg,#0000 50%,#111d1e55 73%,#111d1e 100%),linear-gradient(#111d1e44,#0000 20% 78%,#111d1e);position:absolute;inset:0}.character-identity{color:#e5e8dc;text-shadow:0 1px 12px #071b20aa;align-items:baseline;gap:11px;display:flex;position:absolute;top:104px;left:49px}.character-identity h1{font-family:Georgia, var(--serif);margin:0;font-size:23px;font-weight:400}.character-identity>span:not(.voice-level){color:#afbeb0;font-size:10px}.reply-pending{background:#c2d0b50a;border:1px solid #c6d0bc12;border-radius:14px 14px 14px 4px;place-items:center;width:58px;height:38px;display:grid}.composer-stop{color:#dce5d0;background:#bccab51a;border:1px solid #c2ccb340;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.composer-stop svg rect{fill:currentColor;stroke:none}.composer.responding .hold-talk{padding-right:0}.interaction-area{flex:none}.location{letter-spacing:1px;color:#bcc8bc;align-items:center;gap:11px;font-size:10px;display:flex;position:absolute;bottom:40px;left:49px}.location-line{background:#bdc2ac80;width:22px;height:1px}.location-weather{color:#9db0a3;margin-left:5px;font-size:9px}.dialogue{z-index:3;scrollbar-width:thin;scrollbar-color:#c6cbb22e transparent;grid-area:2/2/3/3;place-self:end center;width:100%;max-width:486px;max-height:100%;padding:24px 54px 72px 10px;overflow-y:auto}.conversation-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c6cbb22e transparent;min-height:0;max-height:42svh;padding-bottom:24px;overflow-y:auto}.recent-user{background:#283b34;border:1px solid #c3d3bb14;border-radius:16px 16px 4px;width:-moz-fit-content;width:fit-content;max-width:85%;margin:0 0 20px auto;padding:12px 16px}.recent-user>.sample-label{color:#b4c4ac;margin-bottom:5px;font-size:10px;display:block}.recent-user p{color:#e0e8d9;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8}.character-message{max-width:94%;margin:0 0 22px;padding:0 3px}.character-message p{letter-spacing:0;color:#e8ebe1;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:clamp(16px,1.45vw,18px);line-height:1.9}.character-message .message-paused{color:#c4cdc0}.conversation-body>:last-child{margin-bottom:0}.reply-dots{align-items:center;gap:5px;height:8px;margin:0;display:inline-flex}.reply-dots i{background:#bdc7af;border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dot}.reply-dots i:nth-child(2){animation-delay:.15s}.reply-dots i:nth-child(3){animation-delay:.3s}.continue{color:#c3d0bb;background:#c0d1b008;border:1px solid #b6c5ae33;border-radius:7px;align-items:center;gap:8px;min-height:38px;padding:0 11px;font-size:10px;display:inline-flex}.voice-level{align-items:center;gap:3px;height:15px;margin-left:auto;display:inline-flex}.voice-level i{width:2px;height:calc(3px + var(--voice-energy,0) * 12px);background:#b8c8aa;border-radius:2px;transition:height 60ms linear;display:block}.voice-level i:nth-child(2n){height:calc(3px + var(--voice-energy,0) * 7px)}.suggestion-area{margin-bottom:17px}.suggestion-heading{color:#97aa9b;background:0 0;border:none;align-items:center;gap:6px;min-height:34px;padding:0;font-size:10px;display:flex}.suggestion-spark{color:#b6bea3;font-size:16px}.suggestion-heading svg{width:13px;height:13px;margin-left:1px;transition:transform .2s}.suggestion-heading .collapsed{transform:rotate(-90deg)}.suggestions{flex-wrap:wrap;gap:8px;display:flex}.suggestions button{color:#b9c9b1;text-align:left;background:#c5d3b505;border:1px solid #b2c3a929;border-radius:8px;justify-content:space-between;align-items:center;gap:13px;min-height:44px;padding:0 12px;font-size:11px;transition:background .2s,border-color .2s;display:inline-flex}.suggestions button:hover{background:#c5d3b50b;border-color:#b2c3a95c}.suggestions button span{color:#8c9e84;font-size:12px}.composer{background:#0b171c9e;border:1px solid #bcc6b535;border-radius:14px;align-items:center;gap:5px;min-height:60px;padding:7px;transition:border-color .2s,background .2s;display:flex;box-shadow:0 5px 24px #0000000a}.composer:focus-within{background:#0c1a1d;border-color:#c4bf9c88}.input-switch{color:#b5c2ad;background:0 0;border:none;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.input-switch svg{width:19px;height:19px}.composer textarea{field-sizing:content;resize:none;color:#eeeade;scrollbar-width:thin;background:0 0;border:none;outline:none;flex:1;min-width:0;min-height:28px;max-height:105px;margin:0;padding:3px 3px 3px 2px;font-size:13px;line-height:1.7;display:block;overflow-y:auto}.composer textarea::placeholder{color:#8b9f94}.send-button{color:#26382f;background:#deceb0;border:1px solid #e3d2ae88;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.send-button:disabled{opacity:1;color:#b8c6b1;background:#bdc8b513;border-color:#c9d2c021}.send-button svg{stroke-width:1.7px;width:20px;height:20px}.composer-voice{background:#c1cfb30b}.hold-talk{color:#d6dfc9;touch-action:none;background:0 0;border:none;flex:1;justify-content:center;align-self:stretch;align-items:center;gap:12px;min-height:44px;padding:0 36px 0 0;font-size:13px;display:flex;position:relative}.hold-talk,.hold-talk *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.hold-talk small{color:#abbba0;font-size:9px;position:absolute;right:10px}.composer.recording{background:#88a47715;border-color:#abbf93}.live-wave{align-items:center;gap:3px;height:18px;display:inline-flex}.live-wave b{background:#cbd5b2;width:2px;height:14px;animation:.55s ease-in-out infinite alternate wave}.live-wave b:nth-child(2n){height:8px;animation-delay:.2s}.live-wave b:nth-child(3){animation-delay:.35s}.interaction-hint,.connection-note{color:#a6b6a3;margin:11px 1px 0;font-size:10px;line-height:1.7}.connection-note{color:#c8b899}.recovery{background:#27352bbd;border:1px solid #c5ba8842;border-radius:10px;margin-bottom:14px;padding:13px 14px;font-size:12px;line-height:1.8}.recovery p{margin:0 0 7px}.recovery-actions{flex-wrap:wrap;gap:8px;display:flex}.recovery-actions button{color:#dedbc0;background:#c2bd8b12;border:1px solid #c8c39d4d;border-radius:6px;min-height:38px;padding:5px 11px;font-size:11px}.recovery-actions button:first-child{color:#2c3c2e;background:#d0c49f}.animation-note{color:#c5c3a6;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-size:11px;display:flex}.animation-note button{color:#d2c39f;text-underline-offset:4px;background:0 0;border:0;min-height:36px;text-decoration:underline}.character-notice{color:#c9d1bf;justify-content:center;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;top:44%;left:24px;right:24px}.spinner{border:1px solid #cdbf97;border-top-color:#0000;border-radius:50%;flex:none;width:15px;height:15px;animation:1s linear infinite spin}.photo-view{z-index:4;width:225px;max-width:34%;animation:.45s reveal;position:absolute;top:29%;left:62%;transform:rotate(5deg)}.photo-card{background:#f0e8d6;padding:11px 11px 0;box-shadow:0 18px 60px #0006}.photo-card img{aspect-ratio:260/185;object-fit:cover;width:100%;display:block}.photo-card p{font-family:var(--serif);text-align:center;letter-spacing:1px;color:#68705b;margin:0;padding:14px 0 17px;font-size:12px}.photo-view>button{color:#e9e1ce;background:#293e36;border:1px solid #a5b29a;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:-14px;right:-14px}.photo-view>button svg{width:15px;height:15px}.photo-loading{color:#d8dec9;z-index:4;white-space:nowrap;background:#172c2ce8;border:1px solid #c1c7b52e;border-radius:10px;align-items:center;gap:8px;padding:13px 17px;font-size:11px;display:flex;position:absolute;top:35%;left:56%}.about,.history-sheet{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#3d4a3d;background:#f2f0e7;border:1px solid #ccd0bf;box-shadow:0 25px 100px #0005}dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c181cad}.about{border-radius:18px;width:min(450px,100% - 30px);max-height:88dvh;padding:34px 30px 24px;position:relative}.dialog-close{color:#77866c;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;padding:0;font-size:25px;display:grid}.about>.dialog-close{position:absolute;top:8px;right:8px}.sheet-eyebrow{letter-spacing:2px;color:#919b80;font-size:9px}.about h2{font-family:var(--serif);letter-spacing:.5px;margin:15px 0 18px;font-size:26px;font-weight:400}.about>p{color:#79866f;font-size:12px;line-height:1.95}.about-details{border-top:1px solid #d7dacd;border-bottom:1px solid #d7dacd;margin-top:21px;padding:8px 0 12px}.about-details p{color:#8b9580;font-size:10px;line-height:1.85}.about-details b{color:#68795e;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.asset-credits{color:#738465;text-underline-offset:4px;align-items:center;min-height:35px;font-size:10px;text-decoration:underline;display:inline-flex}.restart-button{color:#627357;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;min-height:49px;margin-top:13px;padding:5px 0;font-size:12px;display:flex}.restart-button span{font-size:17px}.history-sheet{border-radius:17px 0 0 17px;width:min(445px,100%);max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:27px 27px 19px;position:fixed;inset:0 0 0 auto}.history-sheet[open]{flex-direction:column;display:flex}.sheet-header{flex:none;justify-content:space-between;align-items:center;display:flex}.sheet-header h2{font-family:var(--serif);margin:7px 0 0;font-size:27px;font-weight:400}.sheet-description,.history-note{color:#949b87;font-size:10px;line-height:1.8}.sheet-description{margin:18px 0 13px}.history-lines{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c2a9 transparent;flex:1;min-height:0;padding:10px 0 5px;overflow-y:auto}.history-line{margin-bottom:25px;padding-right:25px}.history-role{color:#66795c;font-size:11px}.history-role small{color:#9ba28c;margin-left:8px;font-size:9px}.history-line p{color:#4f5f49;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:14px;line-height:1.85}.history-user{padding-left:35px;padding-right:0}.history-user p{background:#e6e8da;border-radius:9px;padding:11px 14px;font-size:13px}.history-user .history-role{padding-left:4px}.history-note{border-top:1px solid #d7dccc;flex:none;margin:7px 0 0;padding-top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes dot{0%,70%,to{opacity:.3;transform:translateY(0)}35%{opacity:1;transform:translateY(-2px)}}@keyframes wave{to{transform:scaleY(.3)}}@keyframes reveal{0%{opacity:0;transform:translateY(18px)rotate(0)}}@media (min-width:1600px){.dialogue{max-width:520px;padding-right:68px}}@media (max-width:1050px){.scene-header{padding-inline:30px}.dialogue{padding-right:30px}.suggestions{gap:7px}.suggestions button{gap:8px;padding-inline:10px;font-size:10px}.character-identity,.location{left:31px}}@media (max-width:760px){.experience{height:100svh;min-height:620px;display:block}.scene-header{background:linear-gradient(#111d1e50,#0000);height:68px;padding:0 23px;position:absolute;inset:0 0 auto}.brand{letter-spacing:1.5px;gap:8px;font-size:12px}.brand-mark{font-size:22px}.header-actions{gap:13px}.quiet-button{font-size:10px}.icon-button{width:44px;min-height:44px}.mode-label{font-size:9px}.portrait{height:76%;min-height:430px;inset:0 0 auto}.portrait-shade{background:linear-gradient(#0000 25%,#111d1e00 48%,#111d1e8c 72%,#111d1e 100%)}.scene-atmosphere{background:linear-gradient(#111d1e15,#0000 30%,#111d1e10 65%,#111d1e7a)}.live2d-canvas,.live2d-poster{filter:brightness(.96)saturate(.96)}.character-identity{gap:9px;top:82px;left:25px}.character-identity h1{font-size:20px}.character-identity>span:not(.voice-level){font-size:9px}.location{gap:8px;font-size:9px;top:119px;bottom:auto;left:25px}.location-line{width:14px}.location-weather{margin-left:1px;font-size:8px}.dialogue{max-width:none;padding:0 24px max(24px, env(safe-area-inset-bottom));max-height:68%;position:absolute;inset:auto 0 0;overflow-y:auto}.suggestion-area{margin-bottom:13px}.suggestion-heading{min-height:30px;font-size:9px}.suggestions{gap:8px}.suggestions button{min-height:44px;padding:0 11px;font-size:11px}.composer{border-radius:12px;min-height:57px;padding:5px}.composer textarea{padding-top:4px;padding-bottom:4px;font-size:16px;line-height:1.55}.input-switch{width:36px}.send-button{width:44px;height:44px}.hold-talk{font-size:13px}.interaction-hint,.connection-note{margin-top:9px;font-size:9px}.photo-view{width:178px;max-width:48%;top:25%;left:auto;right:24px}.photo-loading{top:28%;left:auto;right:25px}.history-sheet{width:100%;height:86dvh;padding:25px 23px max(18px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;inset:auto 0 0}}@media (max-width:360px){.scene-header{padding-inline:18px}.header-actions{gap:8px}.dialogue{padding-inline:19px;padding-bottom:19px}.suggestions button{gap:6px;padding-inline:9px;font-size:9px}.location{left:20px}}@media (max-width:760px) and (max-height:720px){.portrait{height:71%;min-height:390px}.suggestion-area{margin-bottom:10px}.suggestion-heading{min-height:27px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}}.voice-preview-bar{color:#c8d2bb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;display:flex}.voice-preview-bar>div{gap:8px;display:flex}.voice-preview-bar button{min-height:44px;color:inherit;background:0 0;border:1px solid #c8d2bb40;border-radius:10px;padding:6px 10px}.send-button.voice-confirm{border-radius:12px;width:auto;min-width:84px;padding:0 12px;font-size:13px}.header-connection{margin-left:auto;margin-right:22px}@media (max-width:760px){.header-connection{margin:0;position:absolute;top:72px;right:24px}.header-actions>a[href="/webgal.html"]{display:none}}.voice-input-error{color:#c7d3b9;background:#bbcba209;border:1px solid #c2caa833;border-radius:10px;margin-bottom:13px;padding:12px 14px;font-size:12px;line-height:1.8}.voice-input-error p{margin:0 0 7px}.voice-input-error>div{gap:10px;display:flex}.voice-input-error button{color:#d2ddc3;background:0 0;border:1px solid #c2caa840;border-radius:6px;min-height:40px;padding:5px 10px;font-size:11px}.experience-switch{letter-spacing:0;color:#cbd4c1;background:#18302de8;border:1px solid #a9bdab38;border-radius:22px;flex-shrink:0;align-items:center;gap:2px;padding:3px;font-size:11px;display:inline-flex}.experience-switch span,.experience-switch a{white-space:nowrap;border-radius:18px;justify-content:center;align-items:center;min-height:36px;padding:0 10px;display:inline-flex}.experience-switch [aria-current=page]{color:#f0edda;background:#51655a}.action-menu{padding:18px 22px}.action-menu .sheet-header h2{margin:0;font-size:22px}.menu-actions{margin-top:12px;display:grid}.menu-actions button{text-align:left;background:0 0;border:0;border-bottom:1px solid #d7dacd;gap:6px;min-height:66px;padding:14px 0;font-size:15px;display:grid}.menu-actions button span{color:#718069;font-size:12px}@media (max-width:760px){.scene-header{gap:8px;padding-inline:16px}.header-actions{gap:8px}.brand{letter-spacing:0;gap:5px;font-size:12px}.experience-switch{font-size:10px}.experience-switch span,.experience-switch a{padding-inline:8px}}.scene-narration{white-space:pre-wrap;color:var(--muted);margin:0 0 12px;font-size:12px;line-height:1.65}.cafe-background,.window-light,.rain-window{pointer-events:none;position:absolute;inset:0}.cafe-background{filter:saturate(.92)brightness(.86);background:url(/assets/cafe-story/window-seat.webp) 50%/cover;transition:filter 1.2s}.window-light{opacity:.65;background:linear-gradient(90deg,#173e4955,#0000 55%),radial-gradient(at 90% 18%,#dfb46b30,#0000 55%);transition:opacity 1.2s}.rain-window{opacity:.1;background:repeating-linear-gradient(101deg,#0000 0 21px,#b7dce45e 21px 22px,#0000 23px 58px);transition:opacity 1s;animation:2.6s linear infinite cafe-rainfall;inset:-50% 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 57%);mask-image:linear-gradient(90deg,#000,#0000 57%)}.character-stage[data-weather=rain-soft] .rain-window{opacity:.025}.character-stage[data-weather=rain-soft] .window-light{opacity:1}.character-stage[data-weather=rain-soft] .cafe-background{filter:saturate(.96)brightness(.96)}@keyframes cafe-rainfall{to{transform:translateY(30%)}}@media (prefers-reduced-motion:reduce){.rain-window{animation:none}}