:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111827;--bg-app:#f5f7f8;--bg-panel:#ffffffe6;--bg-soft:#f1f4f5;--bg-chat:#eef7f1;--line:#11182714;--line-strong:#11182724;--text-main:#111827;--text-subtle:#667085;--text-soft:#8b95a7;--accent:#07c160;--accent-soft:#dff7ea;--shadow:0 16px 48px #11182714;background:linear-gradient(#e7ecef 0%,#f4f7f8 28%,#f5f7f8 100%);font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100vh}body{min-width:320px;margin:0;overflow:hidden}button,input,textarea{font:inherit}h1,h2,p{margin:0}.app-shell{justify-content:center;height:100dvh;min-height:100dvh;padding:0;display:flex;overflow:hidden}.phone-shell{width:min(100vw,430px);height:100dvh;padding:calc(14px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow);background:#f5f7f8e0;flex-direction:column;gap:12px;display:flex;overflow:hidden}.phone-main{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.phone-topbar,.surface-panel{border:1px solid var(--line);background:var(--bg-panel);border-radius:22px;box-shadow:0 8px 24px #1118270a}.phone-topbar{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.brand-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.top-kicker,.section-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:.72rem}.phone-topbar h1{color:var(--text-main);font-size:1.56rem;line-height:1.1}.top-copy,.chat-subcopy,.chat-inline-note,.empty-copy,.workspace-hint,.wallet-note,.room-body span{color:var(--text-subtle);line-height:1.55}.top-copy,.workspace-hint,.chat-inline-note,.empty-copy,.wallet-note{font-size:.9rem}.status-pill,.room-badge{background:var(--bg-soft);min-height:30px;color:var(--text-subtle);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;display:inline-flex}.status-pill{background:var(--accent-soft);color:#17824c;font-size:.82rem;font-weight:600}.surface-panel{padding:14px}.surface-message{width:100%}.wallet-panel{flex-direction:column;gap:12px;display:flex}.wallet-state{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.wallet-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.wallet-label{color:var(--text-soft);font-size:.8rem}.wallet-address{color:var(--text-main);font-size:1rem}.wallet-button{min-width:126px}.chat-card{background:linear-gradient(#fffffffa,#f7fbf8fa),radial-gradient(circle at 100% 0,#07c16014,#0000 35%);flex-direction:column;flex:1;gap:12px;min-height:0;padding:14px 14px 0;display:flex;overflow:hidden}.chat-body{flex:1;min-height:0;display:flex;overflow:hidden}.chat-footer{padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#f4f7f5c2,#fffffff5);border-top:1px solid #11182714;flex-shrink:0;margin:0 -14px}.chat-card-head,.workspace-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.chat-head-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.chat-head-copy h2,.workspace-header h2,.empty-panel h2{color:var(--text-main);font-size:1.08rem}.chat-actions{gap:4px;display:flex}.peer-strip{flex-wrap:wrap;gap:8px;display:flex}.message-stream{overscroll-behavior:contain;background:linear-gradient(#f3f6f7f0,#fffffffa);border:1px solid #1118270d;border-radius:18px 18px 0 0;flex:1;height:100%;min-height:0;padding:16px 14px 18px;overflow-y:auto}.message-row{flex-direction:column;gap:4px;max-width:82%;margin-bottom:14px;display:flex}.message-row.outbound{align-items:flex-end;margin-left:auto}.message-meta{color:var(--text-soft);flex-wrap:wrap;gap:10px;font-size:.78rem;display:flex}.message-status.failed{color:#d92d20}.message-status.delivered{color:#17824c}.message-bubble{white-space:pre-wrap;word-break:break-word;background:#fff;border-radius:18px;padding:11px 14px;line-height:1.65;box-shadow:0 6px 18px #1118270a}.message-row.outbound .message-bubble{background:linear-gradient(135deg,#c9f4d8 0%,#b1efc7 100%)}.message-system{justify-content:center;display:flex}.message-system span{color:var(--text-subtle);background:#1118270f;border-radius:999px;padding:.38rem .72rem;font-size:.76rem;display:inline-flex}.message-empty{text-align:center;min-height:100%;color:var(--text-subtle);place-items:center;gap:8px;display:grid}.composer{background:#f2f4f5f0;border:1px solid #1118270f;border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:58px;padding:8px 10px;display:grid}.composer-field{width:100%}.composer .p-inputtextarea{box-shadow:none;background:0 0;border:none;padding:.35rem 0}.composer .p-inputtextarea:enabled:focus{box-shadow:none}.composer-actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.composer-counter{color:var(--text-soft);font-size:.76rem}.composer-button{min-width:42px;min-height:42px}.workspace-panel{flex-direction:column;flex:none;gap:14px;min-height:0;max-height:min(34vh,320px);display:flex;overflow:hidden}.workspace-header{align-items:center}.workspace-switch{flex:none;max-width:220px}.stack-block{flex-direction:column;gap:14px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.field-block{flex-direction:column;gap:8px;display:flex}.field-block label{color:var(--text-subtle);font-size:.84rem}.room-list{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.room-item{background:var(--bg-soft);text-align:left;width:100%;color:inherit;border:1px solid #0000;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px;display:grid}.room-item.active{background:linear-gradient(135deg,#dff7eafa,#f7fbf8fa);border-color:#07c16038}.room-avatar{color:#17824c;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.86rem;font-weight:700;display:inline-flex}.room-body{flex-direction:column;gap:4px;min-width:0;display:flex}.room-body strong{color:var(--text-main);font-size:.95rem}.room-body span{white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.room-arrow{color:var(--text-soft)}.empty-panel{flex-direction:column;flex:1;justify-content:center;gap:6px;min-height:0;display:flex}.p-button,.p-inputtext,.p-inputtextarea,.p-message,.p-selectbutton{width:100%}.p-inputtext,.p-inputtextarea{box-shadow:none;border-radius:16px}.p-inputtext:enabled:focus,.p-inputtextarea:enabled:focus{box-shadow:0 0 0 3px #07c1601f}.p-message,.p-button{border-radius:16px}.p-button.p-button-text{width:auto}.block-button{min-height:44px}.segmented-control{gap:8px;display:grid}.segmented-control.p-selectbutton{grid-auto-columns:1fr;grid-auto-flow:column}.segmented-control .p-togglebutton{border-radius:14px}@media (width<=360px){.phone-shell{padding-inline:10px}.workspace-panel{max-height:min(38vh,340px)}.phone-topbar,.surface-panel{border-radius:20px}}.inline-form{grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;gap:10px;display:grid}.inline-button{width:auto;min-width:96px}.list-section{border-top:1px solid #1118270f;flex-direction:column;gap:10px;padding-top:12px;display:flex}.list-section:first-of-type{border-top:none;padding-top:0}.list-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-section-head h3{color:var(--text-main);margin:0;font-size:.92rem}.list-section-head span{color:var(--text-soft);font-size:.78rem}.mini-list{flex-direction:column;gap:8px;display:flex}.list-card{background:var(--bg-soft);border:1px solid #1118270f;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:12px;display:grid}.list-card-button{text-align:left;color:inherit}.list-card-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.list-card-copy strong{color:var(--text-main);word-break:break-all;font-size:.92rem}.list-card-copy span{color:var(--text-subtle);font-size:.82rem;line-height:1.5}