:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#eef3f7;--panel:#fff;--panel-strong:#f7fafc;--text:#172033;--muted:#637083;--line:#d7e0ea;--primary:#176b87;--primary-strong:#0f4f66;--accent:#d3543f;--success:#247a54;--danger:#b42318;--shadow:0 20px 50px #1720331f;background:#eef3f7;font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{background:linear-gradient(135deg, #176b8714, #d3543f0f), var(--bg);min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.home,.name-page{place-items:center;min-height:100vh;padding:32px 18px;display:grid}.home__panel,.name-card{background:var(--panel);border:1px solid var(--line);width:min(100%,680px);box-shadow:var(--shadow);border-radius:8px;padding:clamp(28px,6vw,56px)}.eyebrow{color:var(--primary);letter-spacing:0;margin:0 0 8px;font-size:.82rem;font-weight:700}h1{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(2rem,6vw,4rem);line-height:1.08}.home__description,.muted{color:var(--muted);line-height:1.7}.home__description{max-width:560px;margin:18px 0 0;font-size:1.08rem}.home__actions,.form-actions,.chat-header__actions{flex-wrap:wrap;gap:12px;display:flex}.home__actions{margin-top:28px}.button,.icon-button{border:1px solid #0000;border-radius:8px;min-height:44px;padding:0 18px;font-weight:700}.button--primary{color:#fff;background:var(--primary)}.button--primary:hover:not(:disabled){background:var(--primary-strong)}.button--secondary{color:var(--primary-strong);background:#e6f2f6;border-color:#c7e2eb}.button--ghost,.icon-button{color:var(--text);background:var(--panel-strong);border-color:var(--line)}.inline-warning,.form-error,.notice{border-radius:8px;padding:10px 12px;line-height:1.5}.inline-warning{color:#7a3f00;background:#fff1d6;margin:18px 0 0}.form-stack{gap:12px;margin-top:24px;display:grid}.field-label{color:var(--text);font-weight:700}.text-input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:#fff;border-radius:8px;padding:0 14px}.text-input:focus,.message-input:focus{border-color:var(--primary);outline:3px solid #176b872e}.form-error,.notice--error{color:var(--danger);background:#fff0ed}.chat-app{background:var(--bg);grid-template-rows:auto auto minmax(0,1fr) auto;height:100vh;min-height:100vh;display:grid}.chat-header{padding:16px max(16px, env(safe-area-inset-right)) 14px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--line);background:#fffffff0;justify-content:space-between;align-items:center;gap:16px;display:flex}.chat-header h1{overflow-wrap:anywhere;font-size:clamp(1.25rem,5vw,1.8rem)}.status-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.status-pill{border:1px solid var(--line);min-height:28px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;padding:0 10px;font-size:.86rem;font-weight:700;display:inline-flex}.status-pill--connected{color:var(--success);border-color:#247a544d}.status-pill--offline,.status-pill--failed{color:var(--danger);border-color:#b4231847}.notice-area{gap:8px;padding:10px 16px 0;display:grid}.notice{margin:0}.notice--info{color:var(--primary-strong);background:#e9f5f8}.messages{scroll-behavior:smooth;min-height:0;padding:16px 16px 24px;position:relative;overflow-y:auto}.load-older,.new-message-button{border:1px solid var(--line);color:var(--primary-strong);background:#fff;border-radius:8px;font-weight:700;display:block}.load-older{min-height:38px;margin:0 auto 18px;padding:0 14px}.message-list{gap:12px;width:min(100%,860px);margin:0 auto;display:grid}.empty-state{color:var(--muted);text-align:center;margin:44px auto}.message{width:100%;display:flex}.message--own{justify-content:flex-end}.message--other{justify-content:flex-start}.message__bubble{border:1px solid var(--line);background:#fff;border-radius:8px;max-width:min(78%,620px);padding:10px 12px;box-shadow:0 8px 20px #1720330f}.message--own .message__bubble{color:#fff;background:var(--primary);border-color:var(--primary)}.message__meta{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:6px;display:flex}.message__name{font-weight:800}.message__time{color:var(--muted);font-size:.78rem}.message--own .message__time{color:#ffffffc2}.message__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.new-message-button{min-height:38px;box-shadow:var(--shadow);margin:10px auto 0;padding:0 16px;position:sticky;bottom:8px}.composer{padding:12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));border-top:1px solid var(--line);background:#fffffff5;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.message-input{resize:vertical;border:1px solid var(--line);width:100%;min-height:48px;max-height:150px;color:var(--text);background:#fff;border-radius:8px;grid-column:1;padding:12px 14px}.composer__meta{color:var(--muted);flex-wrap:wrap;grid-area:2/1/auto/-1;justify-content:space-between;gap:8px;font-size:.86rem;display:flex}.limit-info--warning{color:#9a5a00;font-weight:700}.limit-info--error{color:var(--danger);font-weight:700}.send-button{grid-area:1/2;min-width:92px;height:48px}@media (width<=720px){.chat-header{flex-direction:column;align-items:flex-start}.chat-header__actions{width:100%}.icon-button{flex:1;padding:0 10px}.message__bubble{max-width:88%}.composer{grid-template-columns:minmax(0,1fr) 76px}.send-button{min-width:76px;padding:0 10px}}