:root{--chat-gold:#e7c46e;--chat-cream:#f2d991;--chat-red:#922a43;--chat-red2:#6f1c35}*{box-sizing:border-box}html{height:100%;background:#031026;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;overflow:hidden;color:#f3dfaa;font-family:"KaiTi","STKaiti","Kaiti SC","Songti SC",serif;background:#031026 url("latest/chat-deep-galaxy-v231.webp") center center/cover fixed no-repeat}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(2,12,30,.24),rgba(2,11,26,.05) 34%,rgba(2,10,24,.22));z-index:0}.chat-page,.chat-shell,.chat-app{position:relative;z-index:1;display:flex;flex-direction:column;width:min(100%,620px);height:100vh;height:100dvh;margin:0 auto;overflow:hidden}.chat-header,.chat-topbar{position:relative;z-index:10;flex:0 0 auto;min-height:104px;padding:max(16px,calc(env(safe-area-inset-top)+9px)) 16px 12px;border-bottom:1px solid rgba(231,196,110,.35);background:linear-gradient(180deg,rgba(3,16,37,.78),rgba(4,18,39,.42));backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.chat-header h1,.chat-topbar h1{margin:4px 0 2px;text-align:center;color:#efcc70;font:400 23px/1.25 "KaiTi","STKaiti",serif;letter-spacing:.12em;text-shadow:0 2px 8px rgba(0,0,0,.35)}.chat-header p,.chat-topbar p,#typingStatus{display:block;margin:0;text-align:center;color:rgba(235,210,150,.57);font-size:11px;letter-spacing:.10em}#typingStatus.is-typing{color:#edc96f}.chat-back{position:absolute;left:16px;top:max(17px,calc(env(safe-area-inset-top)+10px));display:grid;place-items:center;width:42px;height:42px;border:0!important;border-radius:50%;color:#dfbd63!important;background:transparent!important;font-size:26px}#roleBadge{position:absolute;left:28px;bottom:14px;display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(229,192,96,.76);border-radius:50%;color:#f1d17b;background:radial-gradient(circle at 32% 25%,#a3344b,#6f1d35 74%);font:16px "KaiTi","STKaiti",serif;box-shadow:0 0 0 5px rgba(3,20,43,.55),0 0 0 6px rgba(229,192,96,.34)}#roleBadge::before{content:"";position:absolute;inset:-9px;border:1px solid rgba(229,192,96,.48);border-radius:50%}#roleSwitch{position:absolute!important;left:18px!important;bottom:7px!important;width:66px!important;height:62px!important;border:0!important;background:transparent!important;color:transparent!important;z-index:3}#chatMessages{position:relative;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none;padding:18px 13px 26px}#chatMessages::-webkit-scrollbar{display:none}.chat-time{width:max-content;max-width:72%;margin:12px auto 18px;padding:5px 11px;border:1px solid rgba(228,192,101,.28);border-radius:999px;color:rgba(234,212,158,.56);background:rgba(4,18,38,.38);font:10px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.chat-row{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 12px;align-items:end;gap:8px;max-width:92%;margin:0 0 15px}.chat-row.is-mine{grid-template-columns:12px minmax(0,1fr) 36px;margin-left:auto}.chat-avatar{grid-column:1;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(226,190,100,.75);border-radius:50%;color:#49341d;background:linear-gradient(145deg,#f6e4ad,#d8b765);font:16px "KaiTi","STKaiti",serif;box-shadow:0 5px 15px rgba(0,5,18,.25)}.chat-row.is-mine .chat-avatar{grid-column:3;color:#f1d17b;background:linear-gradient(145deg,#963048,#6f1d35)}.chat-bubble{grid-column:2;width:max-content;max-width:min(75vw,375px);padding:11px 15px;border:1px solid rgba(218,177,78,.75);border-radius:20px 20px 20px 6px;color:#3c2e20;background:linear-gradient(145deg,#f8e8b6,#e6c777);box-shadow:0 8px 20px rgba(0,5,18,.18);font:16px/1.55 "KaiTi","STKaiti","Kaiti SC",serif;word-break:break-word;white-space:pre-wrap}.chat-row.is-mine .chat-bubble{grid-column:2;grid-row:1;margin-left:auto;border-color:rgba(225,184,86,.86);border-radius:20px 20px 6px 20px;color:#f6d783;background:linear-gradient(145deg,#922b43,#691b33);box-shadow:0 8px 20px rgba(39,5,18,.24)}.chat-read-dot{align-self:center;width:7px;height:7px;border-radius:50%;background:#e9c76d;box-shadow:0 0 9px rgba(233,199,109,.72)}.chat-row.is-mine .chat-read-dot{grid-column:1}.chat-photo{display:block;width:min(68vw,310px);max-height:360px;object-fit:cover;border-radius:14px;cursor:pointer}.chat-audio{width:min(71vw,320px);padding:10px;border-radius:15px;background:rgba(76,16,34,.19)}.chat-audio-top{display:flex;align-items:center;gap:10px}.chat-disc{flex:0 0 auto;width:40px;height:40px;border:1px solid rgba(241,207,119,.62);border-radius:50%;color:#f1cf76;background:rgba(76,17,35,.40);font-size:17px}.chat-audio-copy{min-width:0;display:grid;gap:2px}.chat-audio-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}.chat-audio-copy small{opacity:.61;font:10px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.chat-audio audio{display:block;width:100%;height:30px;margin-top:7px}.chat-audio-open{display:block;margin-top:6px;color:inherit;opacity:.68;font-size:10px;text-decoration:none}.chat-voice-message{display:flex;align-items:center;justify-content:space-between;gap:12px;width:clamp(96px,30vw,152px);min-height:43px;padding:7px 11px;border:0;border-radius:13px;color:inherit;background:transparent}.chat-voice-speaker{display:flex;align-items:center;gap:2px}.chat-voice-speaker i{display:block;width:3px;border-radius:999px;background:currentColor;opacity:.8}.chat-voice-speaker i:nth-child(1){height:9px}.chat-voice-speaker i:nth-child(2){height:15px}.chat-voice-speaker i:nth-child(3){height:21px}.chat-voice-message strong{font-size:12px;font-weight:500}.chat-empty{min-height:52vh;display:grid;place-content:center;color:rgba(239,220,173,.6);text-align:center;font-size:14px}#chatComposer,.chat-composer{position:relative;z-index:20;flex:0 0 auto;display:grid;grid-template-columns:42px 42px 42px minmax(0,1fr) 50px;align-items:center;gap:5px;width:100%;padding:8px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid rgba(229,194,103,.38);background:rgba(3,16,34,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#chatInput{grid-column:4;width:100%;min-height:43px;max-height:112px;resize:none;outline:none;padding:10px 14px;border:1px solid rgba(225,190,100,.46);border-radius:22px;color:#f2dfad;background:rgba(7,28,54,.72);font:15px/1.5 "KaiTi","STKaiti",serif;-webkit-appearance:none}#chatInput::placeholder{color:rgba(227,209,168,.36)}#chatSend{grid-column:5;width:48px;height:48px;border:1px solid rgba(233,197,104,.75);border-radius:50%;background:linear-gradient(145deg,#a9354a,#7c2038) center/25px 25px no-repeat;color:transparent;font-size:0;box-shadow:0 5px 15px rgba(45,5,18,.28);touch-action:manipulation;position:relative}#chatSend::before{content:"";position:absolute;inset:11px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23f7dfa0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13.5L24 4l-7 20-4-8-9-2.5z'/%3E%3Cpath d='M13 16L24 4'/%3E%3C/svg%3E") center/contain no-repeat}#voiceToggle,.chat-attach,.chat-tool,.chat-composer label{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0!important;border-radius:50%;background:transparent!important;color:transparent!important;font-size:0!important;touch-action:manipulation;position:relative}label[for="chatPhoto"]::before,#chatPhoto+label::before{content:"";position:absolute;inset:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23e7c46e' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='21' height='18' rx='2.5'/%3E%3Ccircle cx='10' cy='11' r='2'/%3E%3Cpath d='M5.5 20l5.5-5 4 3 3-3 4.5 5'/%3E%3C/svg%3E") center/contain no-repeat!important}label[for="chatAudio"]::before,#chatAudio+label::before{content:"";position:absolute;inset:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23e7c46e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20.5V8.5l11-2v11'/%3E%3Cellipse cx='8' cy='21' rx='3.5' ry='2.5'/%3E%3Cellipse cx='19' cy='18' rx='3.5' ry='2.5'/%3E%3C/svg%3E") center/contain no-repeat!important}#voiceToggle::before{content:"";position:absolute;inset:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23e7c46e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='10' y='4' width='8' height='14' rx='4'/%3E%3Cpath d='M6.5 14.5a7.5 7.5 0 0 0 15 0M14 22v3M10.5 25h7'/%3E%3C/svg%3E") center/contain no-repeat!important}#chatPhoto,#chatAudio,#voiceFallback{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}#voiceHold{grid-column:4/6;min-height:43px;border:1px solid rgba(229,194,103,.45);border-radius:22px;color:#ebcb76;background:rgba(7,28,54,.73);font-size:13px}#chatNotice{position:fixed;z-index:70;left:50%;bottom:calc(92px+env(safe-area-inset-bottom));transform:translateX(-50%);width:max-content;max-width:84vw;padding:8px 12px;border:1px solid rgba(235,200,108,.38);border-radius:999px;color:#f1d17c;background:rgba(3,16,34,.94);font-size:10px}#rolePicker{position:fixed;z-index:100;inset:0;display:grid;place-content:center;gap:14px;padding:28px;background:rgba(1,8,20,.84);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}#rolePicker[hidden],#chatNotice[hidden],#recordingPanel[hidden],#voiceHold[hidden],#chatInput[hidden],#chatSend[hidden]{display:none!important}#rolePicker button{min-width:132px;min-height:48px;border:1px solid rgba(239,203,110,.5);border-radius:999px;color:#f5d887;background:rgba(9,35,64,.94);font-size:15px}#recordingPanel{position:fixed;z-index:90;left:50%;bottom:calc(92px+env(safe-area-inset-bottom));transform:translateX(-50%);min-width:170px;padding:15px;border:1px solid rgba(235,199,107,.36);border-radius:22px;color:#efd07c;background:rgba(3,16,34,.95);text-align:center}@media(max-width:390px){#chatMessages{padding-inline:8px}.chat-row{max-width:95%;grid-template-columns:31px minmax(0,1fr) 9px}.chat-row.is-mine{grid-template-columns:9px minmax(0,1fr) 31px}.chat-avatar{width:29px;height:29px;font-size:14px}.chat-bubble{max-width:75vw;padding:9px 11px;font-size:15px}#chatComposer,.chat-composer{grid-template-columns:36px 36px 36px minmax(0,1fr) 46px;gap:3px;padding-inline:6px}#voiceToggle,.chat-attach,.chat-tool,.chat-composer label{width:34px;height:38px}#chatSend{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}#chatMessages{contain:layout paint style;content-visibility:auto;contain-intrinsic-size:900px}.chat-row{contain:layout paint}.chat-bubble,.chat-avatar,#chatSend{backface-visibility:hidden;-webkit-backface-visibility:hidden}.chat-row{grid-template-columns:30px minmax(0,1fr) 7px!important;column-gap:5px!important}.chat-row.is-mine{grid-template-columns:7px minmax(0,1fr) 30px!important}.chat-read-dot{width:5px!important;height:5px!important;margin:0!important;align-self:center!important;justify-self:center!important;background:#e7c46e!important;border-radius:50%!important;box-shadow:0 0 8px rgba(231,196,110,.62)!important}.chat-row.is-mine .chat-read-dot{grid-column:1!important}#roleBadge{position:relative!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border:1px solid rgba(235,203,122,.68)!important;border-radius:50%!important;color:#f3d47e!important;background:radial-gradient(circle at 35% 30%,rgba(255,222,142,.18),transparent 30%),linear-gradient(145deg,rgba(104,29,49,.94),rgba(62,21,39,.96))!important;box-shadow:0 0 0 4px rgba(230,195,108,.08),0 0 0 8px rgba(230,195,108,.04),0 8px 22px rgba(0,5,20,.30)!important;font:15px "Songti SC",STSong,serif!important;letter-spacing:.04em!important}#roleBadge::before{content:"✦"!important;position:absolute!important;right:-4px!important;top:-3px!important;font-size:9px!important;color:#f5d889!important;text-shadow:0 0 8px rgba(245,216,137,.7)!important}#roleBadge::after{content:""!important;position:absolute!important;inset:-7px!important;border-radius:50%!important;border:1px solid rgba(233,197,108,.20)!important;pointer-events:none!important}#chatSend{position:relative!important;width:44px!important;height:44px!important;border:1px solid rgba(236,200,112,.55)!important;border-radius:50%!important;color:#f8dc8c!important;background:radial-gradient(circle at 34% 28%,rgba(255,224,153,.18),transparent 28%),linear-gradient(145deg,rgba(111,32,51,.96),rgba(71,23,42,.98))!important;box-shadow:inset 0 0 0 1px rgba(255,233,174,.05),0 8px 20px rgba(20,3,10,.30)!important;transform:none!important;touch-action:manipulation!important}#chatSend::after{content:""!important;display:block!important;width:19px!important;height:19px!important;margin:auto!important;background:currentColor!important;clip-path:polygon(0 44%,100% 0,67% 100%,50% 58%,0 44%)!important;transform:rotate(-7deg)!important}#chatSend::before{content:"✦"!important;position:absolute!important;right:-3px!important;bottom:-4px!important;color:#efd078!important;font-size:9px!important;text-shadow:0 0 7px rgba(239,208,120,.7)!important}.chat-tools button,.chat-tools label,#voiceToggle,.chat-attach,.chat-tool,.chat-composer label{-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}@media(max-width:390px){.chat-row{grid-template-columns:28px minmax(0,1fr) 6px!important}.chat-row.is-mine{grid-template-columns:6px minmax(0,1fr) 28px!important}#roleBadge{width:41px!important;height:41px!important}#chatSend{width:42px!important;height:42px!important}}@media(prefers-reduced-motion:reduce){#roleBadge,#chatSend,.chat-row{animation:none!important;transition:none!important}}