/* V18 product pages: use the existing shell, palettes, cards and controls. */
html[data-xinyu-theme] .vw-page>.vw-heading{background:transparent!important;border:0!important;padding:0!important;border-radius:0;box-shadow:none;position:static}html[data-xinyu-theme] .vw-heading h1{color:var(--text)!important}html[data-xinyu-theme] .vw-heading p{color:var(--sub)!important}
.vw-verification{font-size:10px;color:var(--gold);border:1px dashed var(--line-bright);border-radius:8px;padding:8px 12px;margin-bottom:18px;line-height:1.7}.vw-bubble+.vw-bubble{margin-top:8px}
.vw-world-cast{max-height:460px;overflow:auto;scrollbar-width:thin}.vw-world-cast>.vw-member{width:100%}
@media(max-width:640px){.vw-world-cast{display:flex;gap:8px;overflow:auto;max-height:none;padding-bottom:5px}.vw-world-cast>.vw-member{width:145px;min-width:145px;align-items:center;padding:8px 3px}.vw-world-cast>.vw-member>svg{display:none}.vw-world-sidebar .vw-world-cast+.btn{margin-top:8px}.vw-group-detail .vw-heading h1{font-size:25px}.vw-member-list>.vw-member{min-width:130px}}
.vw-page{max-width:1280px;margin:auto;min-width:0;color:var(--text)}
.vw-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 30px}.vw-heading h1{font:500 clamp(27px,2.7vw,40px)/1.5 'Songti SC','STSong',serif;letter-spacing:.055em;margin:8px 0}.vw-heading p{font-size:12px;color:var(--sub);line-height:1.8}.vw-heading-actions{display:flex;gap:10px;flex-shrink:0}.vw-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;text-decoration:none;padding:10px 16px;cursor:pointer}.vw-sub{color:var(--sub);font-size:12px;line-height:1.8}.vw-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;background:var(--v15-gauze);color:var(--gold);font-size:10px;line-height:1.5;padding:6px 10px;white-space:nowrap}.vw-section-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 18px}.vw-section-bar h2{display:flex;align-items:center;gap:10px;font:500 22px/1.5 'Songti SC',serif;margin:0}.vw-section-bar h2 small{font:12px system-ui;color:var(--dim)}.vw-section-bar .v18-search{flex:none;width:280px}.vw-alert,.vw-notice{display:flex;align-items:center;gap:12px;padding:14px 18px;margin:12px 0;border:1px solid var(--line-bright);border-radius:12px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.vw-alert{color:var(--red);border-color:var(--red)}.vw-alert>button{margin-left:auto;background:transparent;border:0;color:inherit}.vw-notice{color:var(--mint)}.vw-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:170px;padding:28px;text-align:center;color:var(--sub);font-size:13px;line-height:1.8}.vw-empty>svg{color:var(--gold);width:30px;height:30px}.vw-empty h2{font:500 23px 'Songti SC',serif;color:var(--text)}.vw-link{display:inline-flex;align-items:center;gap:9px;font-size:11px;color:var(--gold)}
.vw-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.vw-group-card{border-radius:20px;overflow:hidden;text-decoration:none;transition:transform .2s}.vw-group-card:hover,.vw-world-card:hover{transform:translateY(-3px);border-color:var(--line-bright)!important}.vw-group-art{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:30px 24px;background:var(--hero-surface);min-height:128px;border-bottom:1px solid var(--line)}.vw-avatar-stack{display:flex;padding-left:7px}.vw-avatar-stack>.v18-avatar{width:47px;height:56px;border-radius:22px 22px 13px 13px;margin-left:-7px;border:2px solid var(--pane)}.vw-avatar-stack .v18-avatar-fallback b{font-size:22px}.vw-card-copy{padding:22px}.vw-card-copy h2{font:500 22px/1.6 'Songti SC',serif;margin:0 0 7px}.vw-card-copy p{font-size:12px;color:var(--sub);line-height:1.9}.vw-last-message{font-size:12px;line-height:1.8;color:var(--dim);border-top:1px solid var(--line);padding:15px 0;margin:16px 0 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:50px}
.vw-group-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.vw-roster{padding:20px;border-radius:20px;min-width:0}.vw-roster .vw-section-bar{margin:0 0 14px}.vw-roster h2{font-size:18px}.vw-member-list{display:grid;gap:5px;max-height:420px;overflow:auto;margin:16px -8px}.vw-member{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text);border-radius:12px;padding:10px 8px;cursor:pointer;min-width:0}.vw-member:hover,.vw-member[aria-pressed=true]{background:var(--v15-gauze);border-color:var(--line)}.vw-member>.v18-avatar{width:40px;height:47px;border-radius:17px 17px 10px 10px}.vw-member .v18-avatar-fallback b{font-size:19px}.vw-member>span:not(.v18-avatar){flex:1;min-width:0}.vw-member strong{font-size:12px;font-weight:500}.vw-member small{display:block;font-size:10px;color:var(--dim);margin-top:5px}.vw-member>svg{color:var(--gold);flex-shrink:0}.vw-roster-note{padding-top:22px;margin-top:20px;border-top:1px solid var(--line)}.vw-roster-note p{font:14px/1.9 'Songti SC',serif;color:var(--sub)}.vw-conversation{border-radius:20px;overflow:hidden;min-width:0}.vw-conversation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.vw-conversation-head>div{display:flex;align-items:center;gap:9px}.vw-conversation-head strong{font:500 16px 'Songti SC',serif}.vw-conversation-head small{color:var(--dim);font-size:10px;margin-left:10px}.vw-live-dot{width:5px;height:5px;background:var(--mint);border-radius:50%}.vw-icon{display:inline-grid;place-items:center;min-width:36px;min-height:36px;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--sub);cursor:pointer}.vw-messages{padding:24px;height:clamp(320px,43vh,580px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent}.vw-message{display:flex;gap:12px;margin-bottom:22px}.vw-message>.v18-avatar{width:36px;height:44px;border-radius:16px 16px 9px 9px;flex-shrink:0}.vw-message>.v18-avatar .v18-avatar-fallback b{font-size:18px}.vw-message-body{min-width:0;max-width:82%}.vw-message-name{display:flex;gap:13px;align-items:center;font-size:11px;color:var(--gold);margin:0 0 7px}.vw-message-name small{font-size:9px;color:var(--dim)}.vw-bubble{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.95;background:var(--base);border:1px solid var(--line);padding:12px 17px;border-radius:3px 16px 16px 16px}.vw-message-receipt{display:block;color:var(--dim);font-size:9px;margin:7px 4px 0}.vw-message-self{flex-direction:row-reverse}.vw-message-self .vw-message-name{justify-content:flex-end}.vw-message-self .vw-bubble{background:var(--pane2);border-radius:16px 3px 16px 16px}.vw-history{display:block;margin:0 auto 20px;background:transparent;border:0;color:var(--gold);font-size:11px;cursor:pointer;padding:8px}.vw-composer{border-top:1px solid var(--line);padding:16px 22px 20px;background:var(--base)}.vw-reply-control{display:flex;align-items:center;gap:10px;color:var(--sub);font-size:10px;margin-bottom:12px}.vw-reply-control input{width:55px;padding:5px!important;border:1px solid var(--line);border-radius:6px}.vw-reply-control>span{margin-left:auto;color:var(--gold)}.vw-composer textarea{width:100%;min-height:68px;max-height:200px;resize:vertical;padding:4px 0!important;border:0!important;font:13px/1.9 var(--font-sans);outline-offset:4px}.vw-composer-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.vw-composer-footer small{font-size:10px;color:var(--dim)}.vw-recovery{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:15px 22px;border-top:1px solid var(--line);color:var(--gold);font-size:12px}.vw-recovery p{font-size:10px;color:var(--sub);margin-top:6px}
.chat-action-dialog:has(.vw-dialog-content){width:620px;border:1px solid var(--line);border-radius:20px;padding:22px;background:var(--pane);color:var(--text);max-height:88dvh;overflow:auto}.chat-action-dialog::backdrop{background:var(--v15-veil)}.vw-dialog-content{display:grid;gap:18px;min-width:0}.vw-dialog-content h2{font:500 25px/1.6 'Songti SC',serif;margin:0}.vw-dialog-content h3{font-size:14px}.vw-dialog-content p{font-size:12px;line-height:1.9;margin:0;overflow-wrap:anywhere}.vw-dialog-content label{display:grid;gap:10px;color:var(--sub);font-size:12px}.vw-dialog-content input:not([type=checkbox]),.vw-dialog-content textarea,.vw-dialog-content select{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--text);background:var(--base);font:13px/1.8 var(--font-sans)}.vw-dialog-actions{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:18px}.vw-dialog-actions .btn{display:flex;gap:8px;align-items:center;justify-content:center;font-size:12px;padding:10px 17px}.vw-quote-price{padding:18px;text-align:center;background:var(--hero-surface);border:1px solid var(--line);border-radius:14px}.vw-quote-price strong{font:48px Georgia;color:var(--gold);margin-right:9px}.vw-quote-price>span{font-size:11px;color:var(--sub)}.vw-quote-price>small{display:block;color:var(--sub);font-size:11px;margin-top:8px}.vw-quote-text{white-space:pre-wrap;border-left:2px solid var(--gold);padding:5px 14px}.vw-quote-roster{display:flex;flex-wrap:wrap;gap:8px}.vw-quote-roster>div{padding:9px 13px;background:var(--v15-gauze);border:1px solid var(--line);border-radius:10px;font-size:12px}.vw-quote-roster small{display:block;color:var(--dim);font-size:9px;margin-top:5px}.vw-create-members{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-height:42vh;overflow:auto}.vw-create-members>label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:10px}.vw-create-members .v18-avatar{width:32px;height:38px;border-radius:12px}
.vw-world-hero{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--hero-surface);border:1px solid var(--line-bright);padding:38px 44px;border-radius:24px;overflow:hidden;position:relative;margin-bottom:32px}.vw-world-hero h2{font:500 clamp(23px,2.5vw,34px)/1.8 'Songti SC',serif;letter-spacing:.08em;margin:16px 0}.vw-world-hero p{font-size:12px;color:var(--sub);margin-bottom:22px}.vw-world-orbit{position:relative;display:grid;place-items:center;width:230px;height:230px;color:var(--gold);flex-shrink:0}.vw-world-orbit>svg:first-child{position:absolute;inset:0;width:100%;height:100%;stroke:currentColor;stroke-width:.7;opacity:.5}.vw-world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.vw-world-card{text-align:left;padding:0;border-radius:20px;overflow:hidden;color:var(--text);cursor:pointer;transition:transform .2s}.vw-world-cover{height:170px;position:relative;background:var(--hero-surface);display:grid;place-items:center;border-bottom:1px solid var(--line)}.vw-world-cover>svg:first-of-type{height:245px;width:245px;position:absolute;stroke:var(--gold);stroke-width:.65;opacity:.2}.vw-world-cover>svg:last-of-type{color:var(--gold)}.vw-world-cover>.v18-eyebrow{position:absolute;top:20px;left:22px}.vw-world-cover>.vw-pill{position:absolute;bottom:17px;right:20px}.vw-world-card .vw-card-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:65px}.vw-world-card small{color:var(--dim);font-size:10px}.vw-world-card .vw-section-bar{margin-bottom:0}.vw-room-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.vw-room-card{padding:22px;border-radius:16px;text-decoration:none;position:relative}.vw-room-card h3{font:500 18px/1.8 'Songti SC',serif;margin:14px 0 10px}.vw-room-card p{display:flex;gap:5px;font-size:11px;color:var(--sub)}.vw-room-card small{font-size:10px;color:var(--dim)}.vw-room-card>svg{position:absolute;bottom:22px;right:22px;color:var(--gold)}.vw-room-strip>.vw-empty{grid-column:1/-1;border:1px dashed var(--line);border-radius:16px;min-height:100px}
[data-world-tone=cosmic] .vw-world-cover{background:radial-gradient(ellipse at 70% 20%,rgba(91,137,180,.22),transparent 65%),var(--hero-surface)}[data-world-tone=forest] .vw-world-cover{background:radial-gradient(ellipse at 70% 20%,rgba(95,150,115,.22),transparent 65%),var(--hero-surface)}[data-world-tone=daybreak] .vw-world-cover{background:radial-gradient(ellipse at 70% 20%,rgba(190,145,128,.2),transparent 65%),var(--hero-surface)}
.vw-world-toolbar{display:flex;align-items:center;gap:14px;margin:0 0 18px}.vw-world-toolbar>.vw-icon{margin-left:auto}.vw-world-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start}.vw-world-sidebar{padding:22px;border-radius:20px;min-width:0}.vw-world-sidebar h2{font:500 18px 'Songti SC',serif}.vw-world-sidebar h3{font-size:12px;color:var(--sub);margin:22px 0 12px}.vw-world-clock{display:flex;align-items:center;gap:14px;color:var(--gold);margin:24px 0}.vw-world-clock>svg{width:30px;height:30px}.vw-world-clock strong{font:35px Georgia}.vw-world-clock small{font:9px system-ui;color:var(--dim);display:block;margin-top:5px}.vw-map-list{display:grid;gap:7px}.vw-map-list>span{display:flex;align-items:center;gap:8px;padding:8px 10px;color:var(--dim);font-size:11px;border-left:1px solid var(--line)}.vw-map-list>.active{border-color:var(--gold);color:var(--gold);background:var(--v15-gauze)}.vw-world-stage{border-radius:20px;overflow:hidden;min-width:0;min-height:550px}.vw-tabs{display:flex;padding:8px 18px 0;border-bottom:1px solid var(--line);overflow:auto;gap:18px;scrollbar-width:thin}.vw-tabs>button{background:transparent;border:0;border-bottom:2px solid transparent;min-height:51px;color:var(--sub);font-size:12px;white-space:nowrap;padding:10px 2px;cursor:pointer}.vw-tabs>[aria-selected=true]{color:var(--gold);border-color:var(--gold)}.vw-story{padding:28px;height:clamp(330px,46vh,650px);overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line-bright) transparent}.vw-opening{border-bottom:1px solid var(--line);padding:0 0 26px;margin:0 0 26px}.vw-opening p{font:16px/2.1 'Songti SC',serif;white-space:pre-wrap;margin:16px 0;color:var(--text)}.vw-opening small{font-size:10px;color:var(--dim)}.vw-story-event{display:flex;gap:18px;margin-bottom:26px}.vw-story-seq{font:11px/1.8 Georgia;color:var(--gold);opacity:.6;padding-top:1px}.vw-story-event>div{min-width:0;flex:1}.vw-story-actor{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--gold)}.vw-story-actor small{font-size:9px;color:var(--dim)}.vw-story-event p{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/2 'Songti SC',serif;margin:10px 0}.vw-story-system p{font:12px/1.9 var(--font-sans);color:var(--sub)}.vw-intent-switch{display:flex;gap:14px;margin-bottom:9px}.vw-intent-switch button{background:transparent;border:0;color:var(--dim);font-size:11px;padding:4px;cursor:pointer}.vw-intent-switch [aria-pressed=true]{color:var(--gold)}.vw-panel{padding:28px}.vw-panel h2{font:500 24px/1.6 'Songti SC',serif;margin:10px 0 16px}.vw-panel h3{font-size:14px;margin:24px 0 16px}.vw-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.vw-rule-action{display:flex;align-items:center;gap:12px;min-height:70px;text-align:left;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--v15-gauze);color:var(--text);font-size:12px;line-height:1.8;cursor:pointer}.vw-rule-action>svg{color:var(--gold);flex-shrink:0}.vw-rule-action>svg:last-child{margin-left:auto}.vw-page button:disabled{opacity:.5;cursor:not-allowed}.vw-state-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.vw-state-item{display:grid;gap:9px;padding:15px;border:1px solid var(--line);border-radius:12px;min-width:0;overflow-wrap:anywhere}.vw-state-item>span{font-size:10px;color:var(--sub)}.vw-state-item strong{font-size:12px;line-height:1.8;font-weight:500}.vw-save-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.vw-save-row>div{flex:1;min-width:0}.vw-save-row h3{font:500 16px/1.7 'Songti SC',serif;margin:0 0 5px}.vw-save-row small{color:var(--dim);font-size:10px}.vw-save-icon{display:grid;place-items:center;width:42px;height:48px;color:var(--gold);border:1px solid var(--line);border-radius:13px}.vw-capabilities{display:flex;flex-wrap:wrap;gap:14px 22px;padding:18px 0;color:var(--dim);font-size:10px}.vw-capabilities>span{display:flex;align-items:center;gap:6px}.vw-identities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vw-identities>button{padding:15px;text-align:left;background:var(--base);border:1px solid var(--line);border-radius:13px;cursor:pointer;color:var(--text)}.vw-identities>button[aria-pressed=true]{border-color:var(--gold);background:var(--v15-gauze)}.vw-identities span{display:flex;justify-content:space-between;align-items:center;font-size:13px}.vw-identities small{display:block;font-size:10px;line-height:1.8;color:var(--sub);margin-top:8px}.vw-profile-heading{display:flex;align-items:center;gap:20px}.vw-profile-heading>.v18-avatar{width:65px;height:80px;border-radius:27px 27px 15px 15px}.vw-prewrap{white-space:pre-wrap}
/* V18 mobile-first extension. All selectors belong to these two screens. */
.vw-page{--vw-radius:16px;min-width:0}.vw-page *{box-sizing:border-box}.vw-page button,.vw-dialog-content button{touch-action:manipulation}
.vw-heading{align-items:center!important;margin:8px 0 24px!important;gap:12px!important;flex-wrap:nowrap!important}.vw-heading h1{font-size:27px!important;margin:8px 0!important}.vw-heading p{font-size:12px!important;line-height:1.7}.vw-heading .v18-eyebrow{font-size:9px;letter-spacing:.12em}
.vw-heading>.btn{flex:none}.vw-page .btn,.vw-dialog-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;font-size:13px;padding:10px 16px}
.vw-section-bar .v18-search{width:148px}.vw-group-grid,.vw-world-grid{grid-template-columns:minmax(0,1fr);gap:16px}.vw-group-art{min-height:96px;padding:20px}.vw-card-copy{padding:20px}.vw-card-copy h2{font-size:22px}.vw-card-copy p{font-size:13px}
.vw-icon{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;flex:none;cursor:pointer;text-decoration:none;color:var(--sub);background:transparent;border:1px solid var(--line);border-radius:12px}
.vw-focus{position:fixed;top:var(--vw-top,0px);left:0;right:0;height:var(--vw-height,100dvh);padding:env(safe-area-inset-top,0px) 0 0!important;display:flex;flex-direction:column;overflow:hidden;background:var(--base);margin:0;width:100%;max-width:none}
.vw-detail-header{display:flex;align-items:center;flex:none;gap:4px;min-height:60px;padding:4px 8px;border-bottom:1px solid var(--line);background:var(--pane)}
.vw-detail-header .vw-icon{border:0;color:var(--gold)}.vw-detail-title{flex:1;min-width:0;padding:0 4px}.vw-detail-title h1{font:500 17px/1.4 'Songti SC',serif;margin:0;overflow-wrap:anywhere;max-height:48px;overflow:auto}.vw-detail-title>span{display:block;color:var(--sub);font-size:11px;line-height:1.6}
.vw-focus>.vw-alert,.vw-focus>.vw-notice{flex:none;margin:0;border-radius:0;max-height:72px;overflow:auto;padding:8px 16px}
.vw-verification{flex:none;font:10px/1.5 var(--font-sans);text-align:center;color:var(--dim);padding:4px 8px;background:var(--pane)}
.vw-group-workspace{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;gap:0;overflow:hidden;align-items:stretch}
.vw-roster{flex:none;padding:8px 8px 6px;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;background:var(--base)!important}
.vw-roster>.vw-section-bar,.vw-roster>.vw-sub,.vw-roster-note{display:none}.vw-member-list{display:flex;gap:4px;max-height:none;margin:0;padding:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding:8px}
.vw-member-list>.vw-member{display:grid;justify-items:center;grid-template-rows:36px auto;flex:0 0 auto;gap:4px;min-width:72px;width:max-content;max-width:none;min-height:68px;padding:4px 8px;border-radius:12px}
.vw-member-list>.vw-member>.v18-avatar{width:34px;height:36px;border-radius:13px}.vw-member-list>.vw-member>span:not(.v18-avatar){text-align:center;min-width:100%}.vw-member-list>.vw-member strong{display:block;font-size:12px;white-space:nowrap;line-height:1.5}.vw-member-list>.vw-member small,.vw-member-list>.vw-member>svg{display:none}
.vw-roster>.btn{font-size:11px;min-height:32px;padding:4px 8px;margin:4px 0 0}.vw-conversation{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;border:0!important;border-radius:0!important;background:var(--base)!important;overflow:hidden}
.vw-conversation-head{display:none}.vw-messages{flex:1;min-height:0;height:auto;max-height:none;overflow-y:auto;overflow-x:hidden;padding:20px 12px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto}
.vw-message{gap:8px;margin-bottom:24px}.vw-message>.v18-avatar{width:32px;height:36px;border-radius:12px;flex:none}.vw-message-body{min-width:0;max-width:calc(100% - 48px)}.vw-message-name{font-size:12px;line-height:1.5;margin-bottom:6px;gap:8px}.vw-message-name small{font-size:10px}
.vw-bubble{font-size:15px;line-height:1.75;padding:12px 14px;border-radius:4px 16px 16px;background:var(--pane);margin:4px 0}.vw-message-receipt{font-size:9px;line-height:1.6;margin:6px 4px 0}.vw-message-self .vw-bubble{background:var(--pane2);border-radius:16px 4px 16px 16px}.vw-history{min-height:44px;font-size:12px}
.vw-composer{flex:none;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));background:var(--pane)}.vw-reply-control{gap:8px;font-size:11px;margin-bottom:4px;height:28px}.vw-reply-control input{width:42px;font-size:14px;padding:4px!important;text-align:center;border-radius:8px}.vw-reply-control>span{color:var(--dim);font-size:10px}
.vw-composer textarea{display:block;width:100%;min-height:40px;max-height:120px;resize:none;padding:8px 12px!important;border:1px solid var(--line)!important;border-radius:12px;background:var(--base)!important;color:var(--text);font:16px/1.5 var(--font-sans);outline-offset:2px}
.vw-composer-footer{gap:8px;margin-top:8px}.vw-composer-footer small{max-width:none;font-size:10px;line-height:1.6}.vw-composer-footer .btn{min-height:40px;font-size:13px;padding:8px 14px}
.vw-recovery{flex:none;flex-wrap:nowrap;padding:8px 12px;font-size:11px;gap:8px;background:var(--pane)}.vw-recovery .btn{font-size:11px;min-height:36px;padding:6px 10px}
/* Existing dialog component; presentation is a safe-area bottom sheet. */
.chat-action-dialog:has(.vw-dialog-content){position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:640px;max-height:calc(100dvh - 48px);border:1px solid var(--line);border-bottom:0;border-radius:24px 24px 0 0;padding:12px 20px calc(20px + env(safe-area-inset-bottom,0px));background:var(--pane);color:var(--text);overflow-y:auto;overscroll-behavior:contain}
.chat-action-dialog:has(.vw-dialog-content)::before{content:'';display:block;width:32px;height:4px;margin:0 auto 12px;background:var(--line-bright);border-radius:4px}.chat-action-dialog:has(.vw-dialog-content) .chat-dialog-heading{position:sticky;top:-12px;z-index:1;background:var(--pane);padding:8px 0 12px;margin:0 0 8px}.chat-action-dialog:has(.vw-dialog-content) .chat-dialog-heading h3{font:500 19px 'Songti SC',serif}
.vw-dialog-content{gap:16px}.vw-dialog-content .v18-eyebrow{font-size:9px;letter-spacing:.12em;line-height:1.5}.vw-dialog-content h2{font-size:24px}.vw-dialog-content p{font-size:13px;line-height:1.8}.vw-dialog-content label{gap:8px}.vw-dialog-content input:not([type=checkbox]),.vw-dialog-content textarea,.vw-dialog-content select{font:16px/1.6 var(--font-sans);padding:12px;border-radius:12px}
.vw-dialog-actions{justify-content:stretch;gap:12px;position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom,0px));padding:16px 0 calc(12px + env(safe-area-inset-bottom,0px));background:var(--pane);z-index:1}.vw-dialog-actions>.btn{flex:1}.vw-quote-price strong{font-size:44px}.vw-quote-price small{font-size:12px}.vw-create-members{grid-template-columns:1fr;max-height:40dvh}.vw-quote-text{font:14px/1.8 var(--font-sans);margin:0}.vw-sheet-status{color:var(--gold)}
.vw-world-hero{min-height:200px;padding:24px;margin-bottom:24px}.vw-world-hero h2{font-size:24px;line-height:1.7;margin:12px 0}.vw-world-hero p{font-size:12px}.vw-world-orbit{right:-64px;top:20px;width:220px;height:220px;opacity:.2}.vw-world-cover{height:128px}.vw-world-cover .v18-eyebrow{font-size:9px}
.vw-room-strip{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-bottom:8px}.vw-room-card{flex:0 0 84%;min-width:0;padding:20px;scroll-snap-align:start}.vw-room-card h3{font-size:20px}.vw-world-toolbar{display:none}
.vw-world-workspace{display:flex;flex:1;min-height:0;min-width:0;gap:0;overflow:hidden;align-items:stretch}.vw-world-workspace>.vw-world-sidebar{display:none}.vw-cast-sheet .vw-world-sidebar{display:block;padding:0;border:0!important;background:transparent!important;border-radius:0;min-height:0}.vw-cast-sheet .vw-world-sidebar h2{display:none}
.vw-cast-sheet .vw-world-sidebar>.vw-sub,.vw-cast-sheet .vw-world-sidebar>h3:first-of-type,.vw-cast-sheet .vw-world-clock,.vw-cast-sheet .vw-map-list{display:flex}.vw-cast-sheet .vw-world-sidebar>h3{margin:20px 0 12px}.vw-cast-sheet .vw-world-sidebar>.vw-sub{font-size:13px}.vw-world-clock{margin:0 0 16px}.vw-world-clock strong{font-size:24px}.vw-world-cast{display:grid;gap:4px}.vw-world-cast>.vw-member{width:100%;min-height:60px;padding:8px;border-bottom:1px solid var(--line);border-radius:0}.vw-world-cast .vw-member strong{font-size:14px}.vw-world-cast .vw-member small{font-size:11px}
.vw-world-stage{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;border:0!important;border-radius:0!important;background:var(--base)!important;overflow:hidden}.vw-tabs{display:flex;align-items:center;flex:none;gap:4px;padding:0 12px;background:var(--base)}.vw-tabs button{flex:1;min-height:48px;font:13px var(--font-sans);white-space:nowrap}
.vw-story{flex:1;min-height:0;height:auto;max-height:none;overflow:auto;padding:24px 20px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.vw-opening{padding-bottom:24px;margin-bottom:24px}.vw-opening p{font:17px/1.95 'Songti SC',serif}.vw-story-event{gap:12px;margin-bottom:24px}.vw-story-event p{font:16px/1.9 var(--font-sans);margin-top:8px}.vw-story-actor{font-size:12px}.vw-story-actor small{font-size:9px}.vw-story-seq{font-size:10px;width:20px;flex:none}
.vw-intent-switch{display:flex;align-items:center;gap:4px;margin-bottom:6px;min-height:28px}.vw-intent-switch>button{min-height:32px;font:11px var(--font-sans);color:var(--sub);border:0;background:transparent;padding:4px 8px;border-radius:8px;cursor:pointer}.vw-intent-switch>button[aria-pressed=true]{color:var(--gold);background:var(--v15-gauze)}.vw-intent-switch>.vw-quick-action{display:flex;align-items:center;gap:4px;margin-right:auto;color:var(--gold)}
.vw-panel{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 20px}.vw-panel h2{font-size:24px;line-height:1.6}.vw-action-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin:24px 0}.vw-rule-action{min-height:64px;padding:16px;border-radius:16px;font-size:14px}.vw-state-grid{gap:12px}.vw-state-item{padding:16px}.vw-state-item strong{font-size:15px;overflow-wrap:anywhere}.vw-save-row{padding:20px 0;gap:12px;flex-wrap:wrap}.vw-save-row>div{flex:1;min-width:0}.vw-save-row h3{font:15px/1.5 var(--font-sans);margin:0 0 8px}.vw-save-row small{font-size:10px}.vw-save-row .btn{font-size:12px;min-height:40px;padding:8px 12px}.vw-capabilities{display:none}
.vw-identities{gap:12px}.vw-identities>button{min-height:92px;padding:12px;border-radius:14px}.vw-identities span{font-size:13px}.vw-identities small{font-size:11px;line-height:1.7}.vw-profile-heading{gap:16px}.vw-profile-heading>.v18-avatar{width:56px;height:64px}
@media(min-width:769px){
 .vw-heading h1{font-size:34px!important}.vw-heading p{font-size:14px!important}.vw-group-grid,.vw-world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.vw-section-bar .v18-search{width:260px}
 .vw-focus{max-width:1240px;left:0;right:0;margin:0 auto;border-inline:1px solid var(--line)}.vw-detail-header{padding:8px 20px;min-height:72px}.vw-detail-title h1{font-size:22px}.vw-detail-title>span{font-size:12px}
 .vw-group-workspace{display:grid;grid-template-columns:240px minmax(0,1fr)}.vw-roster{padding:20px;border-right:1px solid var(--line)!important;border-bottom:0!important}.vw-roster>.vw-section-bar{display:flex;margin:0 0 20px}.vw-roster>.vw-sub{display:block}
 .vw-member-list{display:grid;margin-top:16px;max-height:calc(100dvh - 240px);overflow-y:auto;gap:8px}.vw-member-list>.vw-member{display:flex;max-width:100%;width:100%;min-height:64px;gap:12px;padding:8px}.vw-member-list>.vw-member>span:not(.v18-avatar){text-align:left;min-width:0}.vw-member-list>.vw-member strong{white-space:normal;font-size:13px}.vw-member-list>.vw-member small{display:block}
 .vw-messages{padding:32px}.vw-message-body{max-width:78%}.vw-composer{padding:12px 24px 16px}.vw-composer-footer small{font-size:11px}
 .chat-action-dialog:has(.vw-dialog-content){inset:0;margin:auto;max-width:560px;max-height:86dvh;height:fit-content;border:1px solid var(--line);border-radius:20px;padding:24px}.chat-action-dialog:has(.vw-dialog-content)::before{display:none}.vw-dialog-actions{bottom:-24px;padding-bottom:8px}
 .vw-world-hero{padding:32px;min-height:240px}.vw-world-hero h2{font-size:30px}.vw-world-orbit{right:32px;width:240px;height:240px;opacity:.4}.vw-room-card{flex-basis:42%}
 .vw-world-workspace{display:grid;grid-template-columns:260px minmax(0,1fr)}.vw-world-workspace>.vw-world-sidebar{display:block;overflow-y:auto;padding:24px;border:0!important;border-right:1px solid var(--line)!important;border-radius:0;background:transparent}.vw-story{padding:32px 40px}.vw-world-stage .vw-tabs{padding-inline:32px}.vw-panel{padding:32px 40px}.vw-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1200px){.vw-group-grid,.vw-world-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vw-room-card{flex-basis:30%}}
/* Explicitly reset the shared card/header decoration inside active screens. */
html[data-xinyu-theme] .vw-detail-header{border-radius:0;box-shadow:none;margin:0;color:var(--text)}
html[data-xinyu-theme] .vw-detail-title h1{color:var(--text)!important;opacity:1;letter-spacing:.02em}
html[data-xinyu-theme] .vw-conversation,html[data-xinyu-theme] .vw-world-stage{padding:0!important;margin:0!important;box-shadow:none}
html[data-xinyu-theme] .vw-focus{border-radius:0!important}
html[data-xinyu-theme] dialog.chat-action-dialog:has(.vw-dialog-content){width:100%!important;max-width:100vw!important;max-height:calc(var(--vw-sheet-height,100dvh) - 24px)!important;margin:0!important;inset:auto 0 var(--vw-sheet-bottom,0px)!important;border-radius:24px 24px 0 0!important}
@media(min-width:769px){html[data-xinyu-theme] dialog.chat-action-dialog:has(.vw-dialog-content){width:560px!important;max-width:calc(100vw - 48px)!important;inset:0!important;margin:auto!important;border-radius:20px!important}}
.vw-cast-sheet .vw-map-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.vw-cast-sheet .vw-map-list>span{display:flex;align-items:center;min-width:0;width:auto;white-space:normal;line-height:1.7;padding:12px;overflow-wrap:break-word}
.vw-cast-sheet .vw-map-list>span>svg{width:14px;height:14px;flex:none}

/* Chapter HUD uses server facts and the existing V18 action controls. */
.vw-adventure{padding:12px 16px;border-bottom:1px solid var(--border, #ffffff18);max-height:38vh;overflow:auto;flex-shrink:0}.vw-adventure .vw-action-grid{margin-top:8px}.vw-adventure .vw-rule-action{font-size:13px;padding:10px}.vw-adventure details{font-size:12px}.vw-adventure details p{margin:5px 0}

/* Explicit group-message selection stays within loaded persisted messages. */
.vw-message-tools,.vw-message-selection{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vw-message-selection{padding:10px 14px;border-bottom:1px solid var(--border,#ddd);flex-shrink:0}
.vw-message-selection>span{font-weight:600}.vw-message-selection>small{width:100%;opacity:.7}
.vw-message-selection button,.vw-message-tools button{min-height:36px;padding:6px 10px;font-size:12px}
.vw-message-delete{color:#b43143!important}
.vw-message-selectable{cursor:pointer;border-radius:12px;outline:1px solid transparent;user-select:none;-webkit-user-select:none}
.vw-message-selected{background:rgba(101,122,200,.13);outline-color:rgba(101,122,200,.45)}
.vw-message-check{flex:0 0 20px;width:20px;height:20px;margin:10px 4px;accent-color:#6e65a5;cursor:pointer}
.vw-group-detail .vw-message-selection{max-height:25vh;overflow-y:auto}

.chat-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-width: 900px;
  margin: 0 auto;
  background: var(--surface);
}

.chat-header {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-4);
  border-bottom: 1px solid var(--border);
  background: var(--surface);
  position: sticky;
  top: 0;
  z-index: 10;
}

.back-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-lg);
  color: var(--text-secondary);
  transition: all var(--transition-base);
}

.back-button:hover {
  background: var(--background);
  color: var(--text-primary);
}

.chat-character-info {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  flex: 1;
}

.chat-avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: white;
  overflow: hidden;
  flex-shrink: 0;
}

.chat-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.chat-character-meta h1 {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 2px 0;
}

.chat-status {
  font-size: 13px;
  color: var(--text-tertiary);
}

.chat-actions {
  display: flex;
  gap: var(--space-2);
}

.icon-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: var(--radius-lg);
  background: transparent;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all var(--transition-base);
}

.icon-button:hover:not(:disabled) {
  background: var(--background);
  color: var(--text-primary);
}

.icon-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.chat-messages {
  flex: 1;
  overflow-y: auto;
  padding: var(--space-6) var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-4);
}

.empty-state {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  color: var(--text-tertiary);
  text-align: center;
  padding: var(--space-6);
}

.message {
  display: flex;
  gap: var(--space-3);
  max-width: 85%;
}

.message.user {
  align-self: flex-end;
  flex-direction: row-reverse;
}

.message.assistant {
  align-self: flex-start;
}

.message-avatar {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  color: white;
  overflow: hidden;
  flex-shrink: 0;
}

.message-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.message-bubble {
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-lg);
  line-height: 1.6;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.message.user .message-bubble {
  background: var(--primary);
  color: white;
  border-bottom-right-radius: var(--radius-sm);
}

.message.assistant .message-bubble {
  background: var(--background);
  color: var(--text-primary);
  border-bottom-left-radius: var(--radius-sm);
}

.message-bubble.typing {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: var(--space-3) var(--space-4);
}

.typing-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--text-tertiary);
  animation: typing 1.4s infinite;
}

.typing-dot:nth-child(2) {
  animation-delay: 0.2s;
}

.typing-dot:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes typing {
  0%, 60%, 100% {
    opacity: 0.3;
    transform: translateY(0);
  }
  30% {
    opacity: 1;
    transform: translateY(-4px);
  }
}

.chat-composer {
  border-top: 1px solid var(--border);
  background: var(--surface);
  padding: var(--space-4);
}

.chat-error {
  background: #FEF2F2;
  border: 1px solid #FCA5A5;
  border-radius: var(--radius-lg);
  padding: var(--space-3) var(--space-4);
  margin-bottom: var(--space-3);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
}

.chat-error p {
  margin: 0;
  color: #991B1B;
  font-size: 14px;
}

.chat-error button {
  padding: var(--space-2) var(--space-3);
  background: #991B1B;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
}

.composer-form {
  display: flex;
  gap: var(--space-3);
  align-items: flex-end;
}

.composer-form textarea {
  flex: 1;
  min-height: 44px;
  max-height: 120px;
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--border);
  border-radius: var(--radius-xl);
  background: var(--background);
  color: var(--text-primary);
  font-size: 15px;
  line-height: 1.5;
  resize: none;
  font-family: inherit;
  transition: all var(--transition-base);
}

.composer-form textarea:focus {
  outline: none;
  border-color: var(--primary);
  background: var(--surface);
}

.composer-form textarea:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.send-button {
  width: 44px;
  height: 44px;
  border-radius: var(--radius-xl);
  background: var(--primary);
  color: white;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all var(--transition-base);
  flex-shrink: 0;
}

.send-button:hover:not(:disabled) {
  background: var(--primary-hover);
  transform: scale(1.05);
}

.send-button:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: scale(1);
}

/* History Modal */
.chat-action-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(480px, calc(100vw - 32px));
  max-height: calc(100dvh - 48px);
  overflow: auto;
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid var(--color-border);
  border-radius: 20px;
  background: var(--surface);
  color: var(--text-primary);
  box-shadow: var(--shadow-lg);
}
.chat-action-dialog::backdrop { background: rgba(0, 0, 0, .4); }
.chat-action-dialog h3 { margin: 0 0 12px; }
.chat-action-dialog p { line-height: 1.6; }
.chat-action-dialog textarea { width: 100%; min-height: 120px; font-size: 16px; }
.chat-action-dialog blockquote { margin: 12px 0; padding: 12px; background: var(--background); border-radius: 12px; overflow-wrap: anywhere; white-space: pre-wrap; }
.chat-action-dialog .parity-actions { margin-top: 16px; }
.chat-action-dialog .btn { min-height: 44px; }
.chat-action-error { color: #991B1B; }
.chat-action-feedback {
  position: fixed;
  z-index: 1200;
  top: max(20px, env(safe-area-inset-top));
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  max-width: calc(100vw - 32px);
  box-sizing: border-box;
  padding: 12px 18px;
  border-radius: 12px;
  background: #292534;
  color: white;
  box-shadow: var(--shadow-lg);
  pointer-events: none;
}
.message-tools button { min-height: 36px; cursor: pointer; touch-action: manipulation; }
.message-tools button:disabled { opacity: .45; cursor: not-allowed; }

.history-modal {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--space-4);
}

.history-panel {
  background: var(--surface);
  border-radius: var(--radius-xl);
  width: 100%;
  max-width: 480px;
  max-height: 80vh;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-lg);
}

.history-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-5) var(--space-5) var(--space-4);
  border-bottom: 1px solid var(--border);
}

.history-header h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  color: var(--text-primary);
}

.close-button {
  width: 32px;
  height: 32px;
  border-radius: var(--radius-md);
  background: transparent;
  border: none;
  color: var(--text-secondary);
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--transition-base);
}

.close-button:hover {
  background: var(--background);
  color: var(--text-primary);
}

.history-list {
  flex: 1;
  overflow-y: auto;
  padding: var(--space-2);
}

.history-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  width: 100%;
  padding: var(--space-3) var(--space-4);
  border: none;
  background: transparent;
  border-radius: var(--radius-lg);
  cursor: pointer;
  text-align: left;
  transition: all var(--transition-base);
  position: relative;
}

.history-item:hover:not(:disabled) {
  background: var(--background);
}

.history-item:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.history-item.selected {
  background: var(--primary-light);
}

.history-item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.history-item-content strong {
  color: var(--text-primary);
  font-weight: 500;
  font-size: 15px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.history-item-content small {
  color: var(--text-tertiary);
  font-size: 13px;
}

.selected-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--primary);
  flex-shrink: 0;
}

.empty-state {
  padding: var(--space-6);
  text-align: center;
  color: var(--text-tertiary);
}

.delete-conversation-button {
  margin: var(--space-4);
  padding: var(--space-3);
  background: var(--danger);
  color: white;
  border: none;
  border-radius: var(--radius-lg);
  font-weight: 500;
  cursor: pointer;
  transition: all var(--transition-base);
}

.delete-conversation-button:hover:not(:disabled) {
  background: var(--danger-hover);
}

.delete-conversation-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .chat-container {
    height: 100dvh;
  }

  .chat-header {
    padding: var(--space-3);
  }

  .chat-avatar {
    width: 40px;
    height: 40px;
  }

  .chat-character-meta h1 {
    font-size: 16px;
  }

  .chat-messages {
    padding: var(--space-4) var(--space-3);
  }

  .message {
    max-width: 90%;
  }

  .message-avatar {
    width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .message-bubble {
    padding: var(--space-2-5) var(--space-3);
    font-size: 15px;
  }

  .chat-composer {
    padding: var(--space-3);
    padding-bottom: max(var(--space-3), env(safe-area-inset-bottom));
  }

  .history-modal {
    padding: 0;
    align-items: flex-end;
  }

  .history-panel {
    max-width: 100%;
    max-height: 90vh;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

.model-picker{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0;max-width:100%}.model-picker select{max-width:100%;min-width:0}.model-picker small{font-size:11px;color:var(--text-secondary)}.model-picker [role=alert]{font-size:12px;overflow-wrap:anywhere}.inner-message{font-size:13px;color:var(--text-secondary);margin:8px 0}.inner-message summary{cursor:pointer}.inner-message p{white-space:pre-wrap}

/* Dedicated chat viewport. High specificity keeps global parity styles out. */
.app-layout.chat-focus {
  --chat-background-overlay: rgba(245,248,252,.78);
  position: fixed; inset-inline: 0; top: var(--chat-viewport-top,0px);
  height: var(--chat-viewport-height,100dvh); min-height: 0;
  overflow: hidden; background: var(--color-bg-base);
}
[data-theme="night"] .app-layout.chat-focus { --chat-background-overlay: rgba(12,22,33,.76); }
.chat-focus .app-main.full-width { margin: 0!important; padding: 0!important; width: 100%; height: 100%!important; min-height: 0; max-width: none; overflow:hidden; }
.chat-focus .chat-workspace { display: flex; padding: 0; margin: 0 auto; height: 100%; width: 100%; max-width: 920px; min-height: 0; }
.chat-focus .chat-workspace .chat-container { display:flex; flex-direction:column; width:100%; height:100%; min-height:0; max-width:none; border:0; border-radius:0; background:var(--color-bg-base); }
.chat-focus .chat-header { display:flex; flex:none; flex-wrap:nowrap; gap:4px; height:56px; min-height:56px; padding:0 8px; box-sizing:border-box; position:relative; top:auto; border-bottom:1px solid var(--color-border); background:var(--color-bg-surface); }
.chat-focus .chat-character-info { min-width:0; gap:8px; }
.chat-focus .chat-avatar { width:32px; height:32px; border-radius:11px; }
.chat-focus .chat-character-meta { min-width:0; }
.chat-focus .chat-character-meta h1 { font-size:15px; line-height:20px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-focus .chat-status { font-size:10px; line-height:14px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.chat-focus .chat-actions { display:flex; gap:0; flex:none; }
.chat-focus .icon-button,.chat-focus .back-button { width:40px; height:44px; min-width:40px; min-height:44px; padding:0; border:0; border-radius:12px; background:transparent; color:var(--color-text-primary); text-decoration:none; touch-action:manipulation; }
.chat-focus .chat-messages { flex:1 1 0; min-height:0; height:auto; max-height:none; padding:20px 12px; gap:18px; overflow-y:auto; overflow-x:hidden; overscroll-behavior-y:contain; background-size:cover; background-position:center; background-attachment:local; scroll-behavior:auto; -webkit-overflow-scrolling:touch; }
.chat-focus .chat-messages .empty-state { flex:1; min-height:0; font-size:14px; }
.chat-focus .chat-container .message { display:flex; width:fit-content; max-width:85%; gap:8px; align-items:flex-start; }
.chat-focus .message-content { min-width:0; max-width:100%; }
.chat-focus .message-avatar { width:30px; height:30px; border-radius:10px; margin-top:3px; flex:none; }
.chat-focus .message.user { align-self:flex-end; }
.chat-focus .message.assistant { align-self:flex-start; }
.chat-focus .chat-container .message-bubble { max-width:100%; padding:12px 14px; font-size:15px; line-height:1.65; border-radius:18px; white-space:pre-wrap; overflow-wrap:anywhere; -webkit-touch-callout:none; touch-action:pan-y; border:1px solid var(--color-border); box-shadow:0 2px 8px rgba(30,55,90,.035); }
.chat-focus .message.user .message-bubble { background:var(--v8-user,var(--color-primary-light)); color:var(--color-text-primary); border-color:transparent; border-top-right-radius:5px; }
.chat-focus .message.assistant .message-bubble { background:var(--color-bg-surface); color:var(--color-text-primary); border-top-left-radius:5px; }
.chat-focus .message-attachment { max-width:100%; max-height:320px; object-fit:contain; height:auto; border-radius:12px; }
.chat-focus .inner-message { margin:7px 0 0; font-size:12px; }
.chat-focus .inner-message summary { min-height:32px; display:flex; align-items:center; width:fit-content; padding:0 8px; border-radius:14px; background:var(--color-bg-surface); color:var(--color-text-secondary); }
.chat-focus .inner-message p { margin:6px 0 0; padding:12px; border-radius:14px; background:var(--color-bg-surface); line-height:1.65; }
.chat-focus .chat-composer { flex:none; padding:10px 10px max(26px,calc(10px + env(safe-area-inset-bottom,0px))); margin:0; background:var(--color-bg-surface); border-top:1px solid var(--color-border); }
.chat-focus .composer-form { display:flex; align-items:flex-end; gap:8px; padding:0; margin:0; }
.chat-focus .composer-form textarea { flex:1; width:0; min-width:0; min-height:44px; max-height:120px; box-sizing:border-box; resize:none; padding:10px 12px; line-height:23px; font-size:16px; border-radius:20px; background:var(--color-bg-base); color:var(--color-text-primary); border:1px solid var(--color-border); }
.chat-focus .composer-form textarea { scrollbar-width:none; }
.chat-focus .composer-form textarea::-webkit-scrollbar { display:none; }
.chat-focus .send-button { width:44px; height:44px; min-width:44px; border-radius:16px; background:var(--color-primary); color:var(--color-text-primary); }
.chat-focus .chat-plus { border:1px solid var(--color-border); border-radius:16px; height:44px; }
.chat-focus .chat-tools-panel { padding:0 0 12px; max-height:min(45dvh,320px); overflow:auto; }
.chat-focus .chat-tools-panel[hidden] { display:none; }
.chat-focus .chat-extra { margin:0; }
.chat-focus .chat-extra .parity-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.chat-focus .chat-extra .chip { display:flex; align-items:center; justify-content:center; min-height:48px; font-size:13px; border-radius:16px; padding:8px; background:var(--color-bg-base); }
.chat-focus .chat-extra input[type="file"] { position:absolute; width:1px; height:1px; opacity:0; }
.chat-focus .chat-error { margin:0 0 8px; padding:8px 10px; max-height:88px; overflow:auto; font-size:12px; background:var(--color-bg-base); border-color:var(--color-border); }
.chat-focus .chat-error p { font-size:12px; color:var(--color-text-primary); }
.chat-focus .chat-composer > .chat-extra { font-size:12px; margin-bottom:8px; }
.chat-dialog-heading { display:flex; gap:8px; align-items:center; justify-content:space-between; margin-bottom:12px; }
.chat-dialog-heading h3 { margin:0; font-size:17px; }
.chat-dialog-heading .icon-button { flex:none; width:44px; height:44px; }
.chat-action-dialog { z-index:1500; max-height:calc(var(--chat-viewport-height,100dvh) - 32px); width:min(480px,calc(100vw - 24px)); background:var(--color-bg-surface); color:var(--color-text-primary); padding:16px; border-radius:24px; }
dialog.chat-action-dialog { background:var(--color-bg-surface)!important; color:var(--color-text-primary)!important; max-width:min(480px,calc(100vw - 24px)); }
.chat-settings-list { display:flex; flex-direction:column; gap:8px; }
.chat-settings-list > button,.chat-settings-list > a { display:flex; align-items:center; min-height:48px; padding:10px 14px; font-size:14px; border:1px solid var(--color-border); border-radius:14px; background:var(--color-bg-base); color:var(--color-text-primary); text-decoration:none; overflow-wrap:anywhere; text-align:left; }
.chat-settings-list .chat-destructive { color:#c24050; }
.chat-settings-list small { font-size:12px; color:var(--color-text-secondary); }
.chat-action-dialog .model-picker { display:block; }
.chat-action-dialog .current-model-name { white-space:normal; overflow-wrap:anywhere; font-size:14px; color:var(--color-text-secondary); }
.chat-action-dialog .model-picker > select[aria-label="聊天模型"] { display:none; }
.chat-action-dialog .model-picker > select { width:100%; font-size:16px; min-height:44px; }
.chat-model-list { display:flex; flex-direction:column; gap:8px; margin-top:12px; max-height:50dvh; overflow:auto; }
.chat-model-option { display:flex; flex-direction:column; align-items:flex-start; gap:5px; flex:none; width:100%; min-height:64px; padding:12px; border:1px solid var(--color-border); border-radius:14px; background:var(--color-bg-base); color:var(--color-text-primary); text-align:left; }
.chat-model-option strong { font-size:14px; white-space:normal; overflow-wrap:anywhere; font-weight:600; }
.chat-model-option span { font-size:12px; color:var(--color-text-secondary); }
.chat-model-option.selected { border-color:var(--color-primary); background:var(--color-primary-light,var(--color-bg-base)); }
.chat-model-option:disabled { opacity:.5; }
@media(min-width:769px){ .chat-focus .chat-workspace { border-inline:1px solid var(--color-border); } }
@media(prefers-reduced-motion:reduce){ .chat-focus *, .chat-action-dialog * { animation:none!important; transition:none!important; } }

.private-message-selection { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:10px 14px; border-bottom:1px solid var(--border-color, #7775); }
.private-message-selection button { min-height:36px; padding:6px 10px; border:1px solid currentColor; border-radius:8px; background:transparent; color:inherit; cursor:pointer; }
.private-message-selection button:disabled { opacity:.5; cursor:default; }
.private-message-checkbox { flex-shrink:0; width:22px; height:22px; align-self:center; cursor:pointer; }

.vw-detail-header>.gs-open{display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;padding:9px 13px;border:1px solid var(--line-bright);border-radius:11px;background:var(--v15-gauze);color:var(--gold);font:12px var(--font-sans);min-height:40px;cursor:pointer}
.vw-group-settings{min-width:0;gap:18px}.gs-summary{display:flex;align-items:center;gap:12px;min-width:0}.gs-summary>svg{color:var(--gold);flex-shrink:0}.gs-summary>div{min-width:0;flex:1}.gs-summary strong{font:500 20px/1.6 'Songti SC',serif;overflow-wrap:anywhere}.gs-summary small{display:block;font-size:11px;color:var(--sub);margin-top:3px}.gs-saved{display:flex;gap:5px;color:var(--mint);font-size:11px;line-height:1.7;max-width:45%}.gs-tabs{display:flex;gap:7px;padding:3px 0 10px;border-bottom:1px solid var(--line);overflow:auto;scrollbar-width:thin}.gs-tabs>button{flex-shrink:0;background:transparent;border:1px solid transparent;border-radius:9px;padding:9px 12px;color:var(--sub);font:12px var(--font-sans);cursor:pointer}.gs-tabs>[aria-selected=true]{color:var(--gold);background:var(--v15-gauze);border-color:var(--line-bright)}.gs-form{display:grid;gap:17px;min-width:0}.gs-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gs-between,.gs-search{display:flex;justify-content:space-between;align-items:center;gap:12px}.gs-search>input{min-width:0;flex:1}.gs-search>.btn{flex-shrink:0}.gs-people{display:grid;gap:4px}.gs-person{display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--line);min-width:0}.gs-person>.v18-avatar{width:40px;height:47px;border-radius:16px 16px 10px 10px;flex-shrink:0}.gs-person>span:not(.v18-avatar){flex:1;min-width:0;overflow-wrap:anywhere;font-size:13px}.gs-person small{display:block;font-size:10px;color:var(--sub);margin-top:5px}.gs-person>.btn{flex-shrink:0;min-height:38px;gap:5px}.gs-back{display:flex;align-items:center;gap:8px;background:transparent;border:0;color:var(--gold);padding:6px 0;cursor:pointer}.gs-error{color:var(--red);border:1px solid var(--red);border-radius:10px;padding:12px;overflow-wrap:anywhere}.gs-error>button{display:block;margin-top:7px;background:transparent;border:0;color:var(--gold);text-decoration:underline;cursor:pointer}.vw-group-settings .gs-hint{font-size:11px;line-height:1.85;color:var(--sub)}.gs-danger{display:grid;gap:14px;border:1px solid var(--red);border-radius:13px;padding:18px;color:var(--red)}.gs-destructive{color:var(--red)!important}.gs-form .btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:12px;cursor:pointer}
@media(min-width:769px){html[data-xinyu-theme] .chat-action-dialog:has(.vw-group-settings){inset:0;margin:auto;width:min(740px,calc(100vw - 60px));max-width:740px;max-height:calc(100dvh - 80px);height:fit-content;border:1px solid var(--line);border-radius:22px;padding:24px 28px;background:var(--pane)}.chat-action-dialog:has(.vw-group-settings)::before{display:none}.chat-action-dialog:has(.vw-group-settings) .chat-dialog-heading{top:-24px;padding-top:5px}.vw-group-settings .vw-dialog-actions{position:static;padding:18px 0 0}.gs-tabs{gap:8px}.gs-tabs>button{flex:1}.gs-form input,.gs-form select,.gs-form textarea{font-size:14px!important}}
@media(max-width:768px){html[data-xinyu-theme] .chat-action-dialog:has(.vw-group-settings){inset:auto 0 var(--vw-sheet-bottom,0px);width:100%;max-width:100%;max-height:calc(var(--vw-sheet-height,100dvh) - 35px);margin:0;border-radius:23px 23px 0 0;padding:12px 18px calc(20px + env(safe-area-inset-bottom,0px));border-bottom:0}.gs-fields{grid-template-columns:minmax(0,1fr) 95px;gap:12px}.gs-summary strong{font-size:18px}.gs-saved{max-width:42%;font-size:10px}.gs-tabs{gap:2px}.gs-tabs>button{padding:10px;font-size:12px}.gs-person{gap:9px}.gs-person .btn{padding:8px;font-size:11px}.vw-detail-header>.gs-open{font-size:11px;padding:8px;min-height:38px;gap:4px}.gs-open svg{width:16px}}