:root{color-scheme:dark;--ink:#eee5d5;--muted:#9daca5;--gold:#d7b777;--bg:#101c1b;--panel:#192b28;--border:#b5aa8229;--font:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Yu Gothic UI","Meiryo",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top,#29423a 0,#132320 45%,#101a19 100%);color:var(--ink);font-family:var(--sans);min-height:100vh}button,textarea,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .2s,border-color .2s;touch-action:manipulation}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:hover:not(:disabled){background:#d7b77718}button[hidden],[hidden]{display:none!important}.app{max-width:1280px;margin:auto;padding:0 42px}header{height:102px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;color:var(--ink);font-family:var(--font);font-size:24px;letter-spacing:.16em}.brand-mark{border:1px solid #c3a87670;padding:8px 11px;color:var(--gold);font-size:23px}.brand small{display:block;font:10px var(--sans);letter-spacing:.28em;color:var(--muted);margin-top:8px}.tools{display:flex;gap:10px}.tool{background:transparent;border:1px solid var(--border);border-radius:4px;padding:10px 15px;font-size:12px;color:#c7cec2}.tool[aria-pressed=true]{color:var(--gold)}main{border:1px solid #beaa7340;border-radius:8px;overflow:hidden;box-shadow:0 24px 90px #0006}.stage{height:440px;position:relative;isolation:isolate;overflow:hidden;background:#463a29}.world{position:absolute;inset:0;background:linear-gradient(90deg,#1e2c24 0%,#514a33 54%,#3b3225 100%);z-index:-2}.window{position:absolute;left:11%;top:5%;width:44%;height:80%;border:17px solid #322d21;border-bottom:21px solid #332b20;border-radius:48% 48% 0 0;overflow:hidden;background:linear-gradient(#344c54,#667c76 65%,#243f34);box-shadow:0 0 0 3px #7a66443b,0 12px 28px #0009}.window:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#eab66c11,transparent 35%,#eab66c1a)}.moon{position:absolute;width:38px;height:38px;background:#dfdfbd66;filter:blur(2px);border-radius:50%;top:50px;left:70%;box-shadow:0 0 40px #d2dbbc22}.mountain{position:absolute;width:150%;height:70%;bottom:-18%;left:-30%;border-radius:42% 58% 0 0;transform:rotate(-13deg);background:#284c43}.mountain.back{background:#456960;bottom:-3%;left:-50%;transform:rotate(17deg)}.trees{position:absolute;inset:30% 0 0;background:repeating-linear-gradient(77deg,transparent 0 51px,#183b3199 52px 59px,transparent 60px 91px);clip-path:polygon(0 100%,0 33%,6% 61%,13% 0,20% 63%,28% 29%,37% 72%,45% 37%,53% 81%,63% 30%,72% 66%,82% 8%,89% 60%,100% 21%,100% 100%)}.window-cross{position:absolute;inset:0;background:linear-gradient(90deg,transparent 48%,#302d21 48% 52%,transparent 52%),linear-gradient(transparent 48%,#302d21 48% 52%,transparent 52%)}.rain{position:absolute;inset:-100%;background:repeating-linear-gradient(105deg,transparent 0 36px,#d3e3d51c 37px 38px,transparent 39px 92px);animation:rain 2.8s linear infinite}.curtain{position:absolute;top:0;width:10%;height:85%;background:repeating-linear-gradient(90deg,#62543a,#423f2b 28%,#736044 60%,#52432c 88%);clip-path:polygon(0 0,100% 0,83% 32%,35% 77%,44% 100%,0 100%);opacity:.9}.curtain.left{left:8%}.curtain.right{left:49%;transform:scaleX(-1)}.shelf{position:absolute;right:0;top:100px;width:25%;height:110px;border-bottom:12px solid #2d251b;border-top:8px solid #2d251b;background:#302a20;display:flex;align-items:flex-end;gap:7px;padding:0 15px;box-shadow:0 9px 20px #0006}.shelf i{height:65%;width:23px;background:#5e6843;border:3px solid #c5ae7629;transform:rotate(-4deg)}.shelf i:nth-child(2n){height:83%;background:#786148;transform:rotate(6deg)}.shelf i:nth-child(3n){background:#3c5849;height:70%}.lamp{position:absolute;left:9%;bottom:80px;width:60px;height:89px;border:5px solid #b98c4e;border-radius:8px 8px 15px 15px;background:radial-gradient(#ffdaa5,#dfa24a 45%,#987047 90%);box-shadow:0 0 80px 38px #e8aa4a44,0 0 18px #eac07699}.lamp:before{content:"";position:absolute;left:10px;top:-24px;width:29px;height:24px;border:4px solid #a78955;border-radius:20px 20px 0 0}.lamp:after{content:"";position:absolute;inset:-10px 19px;border:4px solid #7f633d;border-top:none;border-bottom:none}.table{position:absolute;bottom:-42px;height:110px;left:-5%;width:110%;background:linear-gradient(#7e5e3c 0 13%,#3a2a1d 14%);border-radius:50% 50% 0 0;transform:rotate(-2deg);box-shadow:0 -10px 40px #b9964d1a}.cup{position:absolute;left:34%;top:-32px;width:48px;height:39px;border-radius:6px 6px 22px 22px;background:linear-gradient(90deg,#d3b988,#f5e0b2 60%,#ad9467);box-shadow:0 5px 0 10px #c3a572}.cup:after{content:"";position:absolute;right:-17px;top:8px;border:6px solid #c3a976;width:19px;height:17px;border-radius:50%}.cup i{position:absolute;left:20px;top:-55px;width:15px;height:45px;background:linear-gradient(transparent,#f2dfb733,transparent);filter:blur(4px);animation:steam 5s ease-in-out infinite}.tea-tin{position:absolute;left:27%;top:-55px;background:#636248;border:2px solid #ac9b6c;width:35px;height:52px;border-radius:5px}.vignette{position:absolute;inset:0;background:linear-gradient(0deg,#10221c90,transparent 25%,transparent 80%,#17241d30),linear-gradient(90deg,#19271e70,transparent 50%,#261f1c50)}.location{position:absolute;top:25px;left:30px;font-size:11px;letter-spacing:.12em;color:#e2dac0;display:flex;align-items:center;gap:8px}.location-dot{width:5px;height:5px;background:var(--gold);border-radius:50%}.weather{border-left:1px solid #bbae8244;padding-left:12px;margin-left:8px;color:#b5bfae}.scene-note{position:absolute;left:9%;top:107px;z-index:2;font-family:var(--font);text-shadow:0 2px 14px #10241b;font-size:27px;line-height:1.9;letter-spacing:.12em}.scene-note small{display:block;font:11px var(--sans);letter-spacing:.2em;margin-top:22px;color:#c3cbb8}.portrait{position:absolute;height:113%;bottom:-4%;right:9%;filter:drop-shadow(-12px 12px 20px #141d1e45);user-select:none}.nameplate{position:absolute;right:6%;bottom:75px;z-index:3;text-shadow:0 3px 14px #17251e}.nameplate>span{font-size:10px;color:#e4d3ac;letter-spacing:.2em}.nameplate strong{display:block;font:31px var(--font);letter-spacing:.2em;margin-top:9px}.nameplate small{font:8px var(--sans);letter-spacing:.25em;color:var(--gold);display:block;margin-top:10px}.scene-bottom{position:absolute;bottom:22px;left:30px;right:30px;display:flex;justify-content:space-between;color:#d3c7a4;font-size:10px;letter-spacing:.12em}.scene-bottom span:last-child{color:#bfc8b3}.conversation{padding:25px 36px 22px;background:linear-gradient(115deg,#1e332e,#192a27);position:relative;border-top:1px solid #9e8c5a55}.dialogue-top{display:flex;justify-content:space-between;gap:18px;align-items:center}.speaker{font:19px var(--font);letter-spacing:.16em;color:var(--gold)}.speaker small{font:9px var(--sans);margin-left:10px;color:#a7b5a3;letter-spacing:.14em}.status{font-size:10px;color:#b9c5b0}.status:before{content:"";display:inline-block;width:5px;height:5px;background:#8eab87;border-radius:50%;margin-right:7px}.subtitle{font:18px/1.95 var(--font);min-height:65px;margin:18px 0 9px;white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:.045em}.audio-tools{display:flex;gap:20px;min-height:28px;margin-bottom:11px}.audio-tools button{border:0;background:none;padding:3px 0;font-size:11px;color:#c0bb9d}.audio-tools #cancel{margin-left:auto;color:#bcbaa9}.suggestions{display:flex;gap:9px;margin:13px 0 15px;flex-wrap:wrap}.suggestions button{background:#d4c18b08;color:#bbbfa8;border:1px solid #b8a57233;border-radius:20px;padding:7px 13px;font-size:11px}form{display:flex;gap:12px;background:#101e1b85;border:1px solid #b3ac7e38;border-radius:5px;padding:9px}textarea{resize:none;flex:1;width:0;color:var(--ink);border:none;background:transparent;outline:none;padding:9px 9px;line-height:1.7;font-size:13px;min-height:62px}textarea::placeholder{color:#7f9485}form:focus-within{border-color:#d7b77790;box-shadow:0 0 0 2px #d7b7770a}.send{background:#d3b778;color:#24362b;border:1px solid #dfc690;border-radius:4px;padding:13px 20px;font-size:12px;font-weight:600;white-space:nowrap}.send:hover:not(:disabled){background:#e1c88c}.send span{font-size:19px;margin-left:20px}.input-note{display:flex;justify-content:space-between;font-size:9px;color:#849a88;letter-spacing:.04em;margin-top:8px}.error{background:#5a3b2833;border-left:2px solid #d59b70;padding:10px 14px;color:#e4bb98;font-size:12px;line-height:1.7}footer{display:flex;align-items:center;justify-content:space-between;padding:22px 4px;font-size:10px;letter-spacing:.1em;color:#839c8b}footer i{display:inline-block;border:1px solid #789b81;width:6px;height:6px;border-radius:50%;margin-right:7px}footer button{border:0;background:none;color:#97a78f;font-size:10px}dialog{background:#1c2e28;border:1px solid #b8a57266;color:var(--ink);border-radius:8px;width:min(510px,calc(100% - 32px));max-height:85vh;padding:28px;box-shadow:0 15px 90px #0009}dialog::backdrop{background:#07120eb8;backdrop-filter:blur(4px)}.drawer-heading{display:flex;justify-content:space-between;align-items:flex-start}.drawer-heading small{font-size:9px;letter-spacing:.22em;color:var(--gold)}.drawer-heading h2{font:25px var(--font);margin:10px 0 14px}.drawer-heading button{border:0;background:none;font-size:28px;color:#c0c7ad}.muted{color:#a3b19c;font-size:11px;line-height:1.8}.history{max-height:46vh;overflow:auto;margin:20px 0}.history article{margin-bottom:16px;padding:13px 16px;border-left:1px solid #b5ab7044;background:#14251f}.history article.player-entry{background:none;border-left-color:#849e8455}.history small{color:var(--gold);font-size:10px}.history p{font-size:13px;line-height:1.9;margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.reset,#refresh{border:1px solid #b3a57555;background:none;color:#d2cba7;border-radius:4px;padding:12px;font-size:12px}.reset{width:100%}select{display:block;width:100%;padding:12px;margin:12px 0;background:#12251c;color:var(--ink);border:1px solid var(--border)}label{font-size:13px}.connection{white-space:pre-line;font-size:12px;line-height:2;color:#c3c4a6}.away{position:fixed;inset:0;z-index:10;background:#12251f;display:flex;align-items:center;justify-content:center;flex-direction:column}.away-mark{font:60px var(--font);color:var(--gold)}.away h1{font:30px var(--font)}.away p{color:var(--muted);font-size:13px;margin-bottom:30px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes rain{to{transform:translate(-20px,100px)}}@keyframes steam{50%{transform:translateY(-12px) rotate(9deg);opacity:.4}}@media(min-width:1500px){.app{padding-top:14px}.stage{height:490px}}@media(max-width:800px){.app{padding:0 18px}header{height:86px}.brand{font-size:19px;gap:10px}.brand-mark{font-size:20px;padding:7px 8px}.brand small{font-size:8px}.tools{gap:5px}.tool{padding:9px 8px;font-size:10px}.stage{height:370px}.scene-note{font-size:21px;left:7%;top:100px}.scene-note small{font-size:9px;max-width:130px;line-height:2}.portrait{right:0;height:110%}.nameplate{right:5%;bottom:65px}.nameplate strong{font-size:25px}.conversation{padding:22px}.location{left:20px;font-size:9px}.scene-bottom{left:20px;right:20px}.scene-bottom span:last-child{display:none}.subtitle{font-size:17px}.status{font-size:9px}.window{left:8%;width:52%}}@media(max-width:520px){.app{padding:0 10px}header{height:76px}.brand{font-size:18px;letter-spacing:.08em}.brand small{letter-spacing:.1em}.brand-mark{display:none}.tools{gap:4px}.tool{border-color:transparent;padding:8px 5px;font-size:10px}.stage{height:330px}.portrait{right:-12%;height:104%}.scene-note{font-size:18px;top:92px;left:6%;max-width:170px}.scene-note small{margin-top:14px;width:105px}.location{left:15px;top:17px;letter-spacing:.02em}.weather{margin-left:2px;padding-left:7px}.nameplate{right:5%;bottom:65px}.nameplate strong{font-size:22px}.nameplate>span{font-size:8px}.scene-bottom{bottom:17px;left:15px;font-size:9px}.lamp{left:5%;transform:scale(.8);bottom:62px}.shelf{right:-10%;width:36%}.conversation{padding:20px 17px 16px}.subtitle{font-size:16px;min-height:90px}.dialogue-top{align-items:flex-start;gap:4px}.speaker{white-space:nowrap;font-size:17px}.speaker small{display:none}.status{max-width:190px;text-align:right;line-height:1.6}.suggestions{gap:6px}.suggestions button{font-size:10px;padding:6px 9px}form{gap:2px;padding:5px;align-items:flex-end}textarea{font-size:12px;padding:8px 6px;min-height:78px}.send{padding:12px 9px;font-size:11px;margin:4px}.send span{display:none}.audio-tools{gap:14px}.audio-tools button{font-size:10px}.input-note{font-size:8px}footer{font-size:8px;letter-spacing:0;gap:12px;padding:18px 3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:520px){.nameplate{display:none}}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0;background:#15202d}.has-image .world,.has-image .portrait,.has-image .scene-note{visibility:hidden}.has-image .location,.has-image .nameplate,.has-image .scene-bottom{z-index:2;text-shadow:0 2px 8px #000;background:#101e2aaa;border-radius:5px;padding:6px 9px}:root{--gold:#71e3e7;--bg:#101624;--panel:#1a2939;--border:#79c5dc35}body{background:radial-gradient(ellipse at top,#293c53,#111b2c 50%,#0d1421)}.brand-mark{color:#78e8eb;border-color:#7de3ef70}.stage{background:#243247}.world{background:linear-gradient(90deg,#1c233b,#303448 60%,#222d40)}.world:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#711c9a29,transparent 50%,#11e2ff24);pointer-events:none}.window{background:linear-gradient(#17264a,#424779 65%,#20576c);border-color:#263047;box-shadow:0 0 25px #44eaf63b}.mountain{background:#314660}.mountain.back{background:#514f76}.lamp{filter:hue-rotate(140deg)}.portrait{height:108%;right:12%;bottom:-8%}.conversation{background:linear-gradient(115deg,#1a2e3b,#192333);border-top-color:#69d7e54a}dialog{background:#182937}.away{background:#142535}@media(max-width:520px){.portrait{right:-7%}.scene-image{object-fit:contain;background:#15202d}.has-image .location{font-size:8px}.has-image .scene-bottom{font-size:8px;right:auto}}
.waiting-cue{position:absolute;left:30px;bottom:72px;z-index:4;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:70%;padding:15px 20px;border:1px solid #8ae7e45c;border-radius:20px 20px 20px 3px;background:#142e39e8;box-shadow:0 8px 30px #0004;backdrop-filter:blur(8px);font:18px var(--font);color:#e0f5ef}.thinking-dots{display:flex;gap:5px}.thinking-dots i{width:5px;height:5px;background:#7cdde0;border-radius:50%;animation:thinking-pulse 1.8s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.2s}.thinking-dots i:nth-child(3){animation-delay:.4s}#waiting-listen{border:0;background:none;color:#9de6e4;font:10px var(--sans);padding:4px}@keyframes thinking-pulse{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}@media(max-width:520px){.waiting-cue{left:16px;bottom:63px;font-size:15px;padding:11px 15px}}
.chat-debug{border:1px solid var(--border);border-radius:5px;margin:18px 0;padding:16px}.chat-debug legend{font-size:12px;color:var(--gold);padding:0 6px}.chat-debug input{display:block;width:100%;padding:11px;margin:10px 0;color:var(--ink);background:#101d2a;border:1px solid var(--border);border-radius:4px;font:12px var(--sans)}#chat-apply{border:1px solid #71e3e768;background:#193440;color:#b7f0f0;padding:11px 14px;border-radius:4px;font-size:12px}#chat-setting-result{overflow-wrap:anywhere}

.chat-debug .fallback-option{display:flex;align-items:center;gap:8px;font-size:12px}.chat-debug .fallback-option input{display:inline-block;width:16px;height:16px;margin:0;accent-color:var(--gold)}

#voice-credit{font-size:10px;color:var(--muted);margin-left:auto;margin-right:16px}@media(max-width:520px){footer{flex-wrap:wrap;gap:8px}#voice-credit{margin:0;order:3;width:100%}}

.dialogue-top:has(.status:empty){display:none}.subtitle{margin-top:0}#audio-unlock{font-size:16px}#credits{justify-content:flex-end}

.public-links {display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;padding:16px;color:#d2e5e2;font-size:13px}.public-links a {color:inherit;min-height:32px}#public-entry{max-width:600px;width:calc(100% - 32px);max-height:85dvh;overflow:auto;padding:24px;line-height:1.8;color:#edf6f3;background:#172c2a;border:1px solid #5d9691;border-radius:16px}#public-entry::backdrop{background:#071a19db}#public-entry a{color:#9df5df}#public-entry label{display:block;padding:12px 0}#public-start{margin-top:16px}#public-entry input{width:20px;height:20px;vertical-align:middle;margin-right:8px}.public-limit{color:#e6d698;padding:8px}