:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;color:#294759;background:#e9f0ef;font-size:14px;font-synthesis:none;--ink:#294759;--muted:#80979f;--line:#b9d0d244;--accent:#497e92}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;transition:background .2s,transform .2s}button:hover:enabled{transform:translateY(-2px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #659cae;outline-offset:3px}[hidden]{display:none!important}.companion{height:100dvh;min-height:600px;overflow:clip;position:relative;isolation:isolate}.room{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;background:linear-gradient(110deg,#edf1e8 3%,#f4f3eafa 25%,#f1f3ec80 57%,#d4e5e8)}.window-light{position:absolute;left:39%;top:-6%;width:58%;height:74%;background:linear-gradient(#c9e7ee,#f4fbf8 66%);border:16px solid #fdfdf6aa;box-shadow:0 0 0 2px #a2bdc421,14px 15px 35px #50718114;transform:skewY(-3deg)}.sea{position:absolute;left:40%;right:3%;height:25%;top:43%;background:repeating-linear-gradient(177deg,#cfdfd900 0,#cfdfd900 15px,#eff5e255 16px,#eff5e255 18px),linear-gradient(#b8d8dc55,#d0e6e266)}.window-frame{position:absolute;top:0;left:68%;height:68%;width:10px;background:#fffffbb0;box-shadow:-1px 0 #8daba622;transform:skewY(-3deg)}.sunlight{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(128deg,transparent 52%,#fffde250 52.2%,#fffde214 75%,transparent 75.2%);pointer-events:none}.floor{position:absolute;top:69%;right:-10%;bottom:-20%;left:-10%;background:linear-gradient(#e2e7de77,#dde3d780);border-top:2px solid #fff9;transform:skewY(-3deg)}.plant{position:absolute;left:-25px;bottom:17%;width:130px;height:145px;opacity:.3;transform:rotate(-15deg)}.plant:after{content:"";position:absolute;width:48px;height:60px;background:#9eaf9a;border-radius:3px 3px 18px 18px;bottom:-25px;left:52px}.plant i{position:absolute;width:68px;height:29px;background:#658b7a;border-radius:0 90%;transform:rotate(42deg);top:12px;left:35px}.plant i:nth-child(2){transform:rotate(90deg);top:41px;left:63px}.plant i:nth-child(3){transform:rotate(25deg);top:61px;left:15px}.plant i:nth-child(4){transform:rotate(82deg);top:86px;left:65px}.scene-header{position:absolute;top:0;left:0;right:0;height:90px;display:flex;justify-content:space-between;align-items:center;padding:0 38px;z-index:5;background:linear-gradient(#f7f8f299,transparent);pointer-events:none}.scene-header>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px;letter-spacing:.12em}.brand-mark{width:39px;height:39px;border:1px solid #6d91995e;border-radius:12px 3px;display:grid;place-items:center;font-family:Songti SC,serif;font-size:23px;font-weight:400;background:#fff6}.brand small{display:block;font-size:8px;letter-spacing:.2em;color:#8aa0a4;margin-top:5px}.scene-tools{display:flex;align-items:center;gap:10px}.ai-label{font-size:10px;color:#81979b;letter-spacing:.07em;margin-right:8px}.icon{width:33px;height:33px;border:1px solid #a9c2c655;background:#ffffff80;border-radius:50%;display:grid;place-items:center;font-size:18px}.portrait{position:absolute;top:62px;right:0;bottom:0;left:0;transition:right .35s;overflow:hidden}#avatar{display:block;width:100%;height:100%;touch-action:none;outline-offset:-5px!important}.character-card{position:absolute;top:135px;left:46px;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:.22em;font-weight:600;color:#839ba2}.character-card h1{font-family:Songti SC,serif;font-size:46px;font-weight:400;letter-spacing:.12em;line-height:1.15;margin:12px 0 17px}#avatar-status{display:flex;gap:7px;align-items:center;font-size:11px;color:#708d95}#avatar-status i{height:5px;width:5px;border-radius:50%;background:#7fa88d;box-shadow:0 0 0 3px #7fa88d16}.mood{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:10px;color:#899f9f}#mood{background:#fff9;border:1px solid #d7e3dd;border-radius:5px;padding:4px 7px}.action-rail{position:absolute;right:28px;top:50%;transform:translateY(-60%);display:flex;flex-direction:column;gap:11px;z-index:4;transition:right .35s}.action-rail button{height:60px;width:65px;border:1px solid #fff9;border-radius:16px 5px;background:#fafffb9c;box-shadow:0 3px 12px #4a727408;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.025em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.action-rail button:hover,.action-rail button[aria-pressed=true]{background:#fff;color:#44778e;border-color:#8eacb6}.action-rail button>span{font-size:23px;font-weight:300;line-height:1}.action-rail b{font-weight:400}.rail-line{height:1px;margin:0 16px;background:#a3bdbf44}.prop-shelf{position:absolute;left:46px;bottom:206px;z-index:4}.shelf-title{font-size:10px;letter-spacing:.08em;color:#8a9c99;display:block;margin-bottom:14px}.prop-shelf>div{display:flex;gap:13px}.prop{width:68px;height:76px;border:1px solid #fff8;border-radius:13px;background:#fbfff966;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;touch-action:none}.prop b{font-size:9px;font-weight:400;color:#6f8989}.prop-shelf small{font-size:9px;color:#95a7a5;display:block;margin-top:10px}.tea-art{position:relative;display:block;width:27px;height:24px;border-radius:3px 3px 10px 10px;background:linear-gradient(110deg,#fffef6,#d3e4d8);box-shadow:1px 3px 3px #577d7622;border:1px solid #b1c7bb}.tea-art:after{content:"";position:absolute;right:-9px;top:3px;width:8px;height:12px;border:3px solid #a3beb2;border-radius:0 9px 9px 0}.tea-art:before{content:"";position:absolute;top:-5px;left:0;width:25px;height:7px;background:#889a70;border:3px solid #e5eee0;border-radius:50%}.tea-art i{position:absolute;top:-17px;left:11px;height:9px;border-left:2px solid #fff;transform:rotate(14deg)}.gift-art{position:relative;display:block;width:28px;height:24px;border-radius:3px;background:#d5a97b;box-shadow:1px 3px 3px #71513022}.gift-art:before{content:"";position:absolute;left:11px;top:0;bottom:0;width:5px;background:#fff2cf}.gift-art:after{content:"";position:absolute;left:-2px;right:-2px;top:0;height:7px;background:#edbd86;border-bottom:1px solid #fff4}.gift-art i{position:absolute;left:4px;top:-9px;width:21px;height:10px;border:3px solid #c99760;border-radius:8px 8px 1px 1px}.dialogue{position:absolute;bottom:25px;left:50%;transform:translate(-50%);width:min(650px,calc(100% - 330px));z-index:5;padding:18px 25px 14px;background:linear-gradient(105deg,#ffffffed,#f4faf8dc);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #fff;border-radius:4px 22px;box-shadow:0 12px 40px #48757610;transition:left .35s,width .35s}.dialogue:before{content:"";position:absolute;left:-1px;top:21px;height:28px;width:3px;background:#6f9aa9;border-radius:2px}.dialogue-top{display:flex;align-items:center;gap:12px}#dialogue-name{font-weight:600;letter-spacing:.07em;font-size:13px}#reaction-label{font-size:9px;color:#9aacac;letter-spacing:.05em}#bubble{font-size:15px;line-height:1.8;margin:12px 0 15px;min-height:27px;white-space:pre-wrap}.dialogue-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}#interaction-tip{font-size:9px;color:#90a3a7}#chat-open{background:#507e8e;color:#fff;border:0;padding:9px 15px;border-radius:6px;font-size:11px;white-space:nowrap}#chat-open span{margin-left:14px}#stop{margin-left:auto;background:none;border:0;color:#9f815b;font-size:10px}.scene-notice{position:absolute;left:50%;transform:translate(-50%);top:83px;background:#fff6e8ed;color:#8b725b;border:1px solid #e3d6bd;border-radius:9px;max-width:85%;padding:9px 14px;z-index:9;font-size:12px}.touch-hint{position:absolute;transform:translate(-50%,-145%);background:#32536bed;color:#fff;padding:7px 11px;border-radius:8px;font-size:10px;white-space:nowrap;pointer-events:none;z-index:2}.touch-zones,.effects{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.touch-zone{position:absolute;border:1px dashed #487f97a0;border-radius:45%;background:#dbf2f327;color:#386980;font-size:9px;display:grid;place-items:center;white-space:nowrap}.touch-zone span{padding:3px 5px;background:#ffffffe0;border-radius:4px;transform:translateY(-85%)}.effect{position:absolute;pointer-events:none;font-size:20px;color:#baab70;animation:float-away 1.4s both}.effect.ring{width:32px;height:32px;border:2px solid #7cb4c4;border-radius:50%;animation:ripple .85s both}.held-prop,.prop-ghost{position:absolute;pointer-events:none;z-index:3;filter:drop-shadow(0 5px 5px #5a787b20)}.held-prop{transform:translate(-50%,-50%) scale(1.45);opacity:0;transition:opacity .3s}.held-prop.show{opacity:1}.prop-ghost{transform:translate(-50%,-50%) scale(1.5);z-index:8}.drop-target{position:absolute;border:1px dashed #6492a4;border-radius:25px;background:#e0f4f524;color:#4a8193;padding:12px;text-align:center;pointer-events:none;font-size:11px;display:flex;align-items:center;justify-content:center}.drop-target.active{background:#d9f0dd55;border-color:#7ba480}.effects .effect.pop{color:#b59a75}.chat{position:absolute;right:0;top:0;bottom:0;width:390px;background:#f8faf6ed;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-left:1px solid #fff;display:flex;flex-direction:column;padding:32px 24px 18px;z-index:8;transform:translate(105%);transition:transform .35s;box-shadow:-12px 0 55px #5372710c}.chat-open .chat{transform:translate(0)}.chat-open .portrait,.chat-open .scene-header{right:390px}.chat-open .action-rail{right:410px}.chat-open .dialogue{left:calc((100% - 390px)/2);width:min(590px,calc(100% - 700px))}.chat-open .prop-shelf{left:28px}.chat-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:21px;border-bottom:1px solid var(--line)}.chat-head h2{font-family:Songti SC,serif;font-size:23px;font-weight:400;margin:10px 0 0}.chat-head h2 span{color:#8aadab}.messages{overflow-y:auto;flex:1;min-height:50px;padding:25px 3px 12px 0;scrollbar-width:thin;scrollbar-color:#c4d5d2 transparent}.message{margin-bottom:21px;display:flex;flex-direction:column;align-items:flex-start;animation:appear .25s ease}.message .sender{font-size:10px;color:#8da29e;margin:0 0 5px 3px}.message .content{padding:11px 14px;background:#fff;border:1px solid #e2e9e4;border-radius:4px 16px 16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-width:96%;font-size:13px}.message.user{align-items:flex-end}.message.user .content{color:#fff;background:#57838d;border-color:#57838d;border-radius:16px 4px 16px 16px}.message.user .sender{margin-right:4px}.replay{font-size:10px;border:0;background:transparent;color:#8ca29f;padding:6px 3px}.message.pending .content{color:#96a6a3}.message.failed .content{border-color:#e8c3a8}.suggestions{display:flex;gap:6px;flex-wrap:wrap;margin:6px 0 10px}.suggestions button{border:1px solid #dee7e0;background:transparent;color:#7e9390;border-radius:8px;padding:6px 8px;font-size:10px}.notice{color:#96724e;min-height:18px;font-size:11px;line-height:1.6}.composer{border:1px solid #d5e0d8;background:#fffb;border-radius:13px;padding:12px}.composer:focus-within{border-color:#86a7ac}textarea{resize:none;width:100%;min-height:46px;max-height:140px;outline:none!important;border:0;background:transparent;line-height:1.65;color:#314a54}textarea::placeholder{color:#a1b0ac}.composer-bottom{display:flex;align-items:center;gap:9px;justify-content:space-between;flex-wrap:wrap}.voice{display:flex;align-items:center;gap:4px;font-size:10px;color:#869c96}.voice input{accent-color:var(--accent);margin:0}#send,#save-name{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:8px 13px;font-size:11px}.mic{border:1px solid #ccdcd7;background:#ecf3ed;color:#527069;padding:6px 9px;border-radius:7px;font-size:10px;white-space:nowrap}.mic.recording{background:#a36154;color:#fff;border-color:#a36154}#record-cancel{border:0;background:none;font-size:10px;color:#95664b;padding:0}footer{font-size:9px;line-height:1.8;color:#a0aea5;margin-top:10px;text-align:center}dialog{border:1px solid #d9e3df;border-radius:18px;background:#f9fcf8;color:#344f57;width:min(445px,calc(100% - 32px));padding:25px;box-shadow:0 25px 90px #20484c26}dialog::backdrop{background:#294d5b44;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:18px;font-weight:550;margin:0}dialog label{display:block;font-size:13px}dialog input{display:block;width:100%;margin-top:9px;padding:11px;border-radius:9px;border:1px solid #ceded9;background:#fff;color:var(--ink)}dialog p{font-size:12px;color:#81978f;line-height:1.8}dialog details{border-top:1px solid var(--line);margin-top:24px;padding-top:17px;font-size:12px;color:#8f826c}dialog summary{cursor:pointer}.danger{margin-top:10px;padding:8px 11px;border:1px solid #dac5b3;background:#f6eee5;color:#8e6445;border-radius:8px;font-size:12px}.consent-actions{display:flex;gap:10px}.consent-actions button{border:1px solid #ccd7ce;border-radius:9px;background:#edf3ed;padding:9px 12px;font-size:12px}.guide-list{list-style:none;padding:0;counter-reset:guide}.guide-list li{counter-increment:guide;display:grid;grid-template-columns:1fr;position:relative;padding:0 0 18px 29px;font-size:12px;line-height:1.7}.guide-list li:before{content:counter(guide,decimal-leading-zero);position:absolute;left:0;color:#93aca9;font-size:10px;top:3px}.guide-list span{color:#829793;margin-top:3px;font-size:11px}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes float-away{0%{opacity:0;transform:translate(-50%) scale(.4)}25%{opacity:1}to{opacity:0;transform:translate(-50%,-65px) scale(1.2)}}@keyframes ripple{0%{opacity:.8;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}@media(max-width:1100px){.character-card{top:103px;left:26px}.character-card h1{font-size:37px}.prop-shelf{left:28px}.chat-open .character-card{left:20px}.chat-open .character-card .eyebrow{display:none}.chat-open .dialogue{width:calc(100% - 450px)}.chat-open .prop-shelf{bottom:202px}.chat-open .shelf-title{display:none}}@media(max-width:700px){.companion{min-height:560px}.scene-header{height:68px;padding:0 19px}.brand{font-size:12px;gap:9px}.brand-mark{width:33px;height:33px;font-size:19px}.brand small{font-size:7px}.scene-tools{gap:8px}.ai-label{font-size:8px;margin-right:1px}.icon{width:29px;height:29px;font-size:16px}.portrait{top:62px;right:0;bottom:0;left:0}.character-card{top:91px;left:21px}.character-card h1{font-size:30px;margin:10px 0 12px}.character-card .eyebrow{font-size:7px}.character-card #avatar-status{font-size:9px;max-width:112px;line-height:1.6}.mood{gap:5px;margin-top:12px;flex-wrap:wrap;max-width:100px;font-size:8px}.mood>span:nth-child(2){display:none}#mood{padding:3px 5px}.action-rail{right:13px;top:45%;gap:9px;transform:translateY(-45%)}.action-rail button{width:49px;height:49px;border-radius:12px 4px;font-size:8px;gap:4px}.action-rail button>span{font-size:20px}.prop-shelf{left:20px;bottom:187px}.shelf-title{display:none}.prop-shelf>div{flex-direction:column;gap:9px}.prop{width:51px;height:58px;gap:6px}.prop b{font-size:8px}.tea-art,.gift-art{transform:scale(.8)}.prop-shelf small{display:none}.dialogue{left:15px;right:15px;transform:none;bottom:18px;width:auto;padding:15px 17px 12px;min-height:132px;border-radius:4px 18px}#bubble{font-size:14px;line-height:1.7;margin:10px 0 13px}#dialogue-name{font-size:12px}#reaction-label{font-size:8px}#interaction-tip{font-size:8px;max-width:57%;line-height:1.6}#chat-open{font-size:10px;padding:8px 12px}#chat-open span{margin-left:9px}.window-light{left:25%;width:75%;border-width:10px;top:2%}.window-frame{left:63%}.sea{left:26%;right:0}.floor{top:73%;right:-10%;bottom:-20%;left:-10%}.plant{left:-42px;bottom:25%;transform:scale(.8) rotate(-15deg)}.chat{top:auto;height:72dvh;min-height:410px;width:100%;border-left:none;border-top:1px solid #fff;border-radius:23px 23px 0 0;padding:21px 20px 13px;transform:translateY(105%);background:#f8faf6f5}.chat-open .chat{transform:translateY(0)}.chat-open .portrait,.chat-open .scene-header{right:0}.chat-open .action-rail{right:13px}.chat-open .dialogue{left:15px;width:auto}.chat-open .character-card{left:21px}.chat-open .character-card .eyebrow{display:block}.chat-open .prop-shelf{left:20px;bottom:187px}.chat-head{padding-bottom:15px}.chat-head h2{font-size:21px}.messages{padding-top:18px}.message{margin-bottom:16px}.composer textarea{font-size:16px}.scene-notice{top:70px;font-size:11px}.chat-open .dialogue,.chat-open .prop-shelf,.chat-open .action-rail,.chat-open .portrait{pointer-events:none}.chat-open .character-card{opacity:.5}.touch-hint{font-size:9px}.drop-target{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.effect{display:none}}