:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,Leelawadee UI,Thonburi,Noto Sans Myanmar,Noto Sans Khmer,Noto Sans Lao,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d12;--panel:#121622;--border:#2a3144;--text:#e8eaf0;--muted:#8b93a7;--accent:#5ec8e0;--accent-pressed:#4aa8c0;--danger:#f87171;--input-bg:#0e111a;--bubble:#1a2030;--bubble-mine:#152a3d;--bubble-mine-border:#2a4a6a;--chat-bg:#0a0c12}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f5f8;--panel:#fff;--border:#c8ced9;--text:#1a1d26;--muted:#5c6478;--accent:#0d6f8c;--accent-pressed:#0a5a72;--danger:#c62828;--input-bg:#fafbfc;--bubble:#eef1f6;--bubble-mine:#dcecf2;--bubble-mine-border:#9cc4d4;--chat-bg:#fff}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:.5px solid var(--border);background:var(--panel);z-index:10;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 1rem;display:flex;position:sticky;top:0}.header-actions{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.header-label{color:var(--muted);margin-right:.25rem;font-size:.75rem}.locale-wrap{align-items:center;gap:.25rem;margin:0;display:inline-flex}.locale-select{border:.5px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:6px;padding:.25rem .4rem;font-size:.85rem}.brand{letter-spacing:.04em;color:var(--text);font-weight:700}.linkish{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.95rem}.linkish:hover{color:var(--accent)}.page{flex:1;width:100%;max-width:520px;margin:0 auto;padding:1rem 1rem 1.5rem}.page.narrow{flex-direction:column;justify-content:center;max-width:400px;display:flex}.center{text-align:center}.muted{color:var(--muted);line-height:1.5}.card{background:var(--panel);border:.5px solid var(--border);border-radius:10px;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.card h1{margin:0 0 .25rem;font-size:1.35rem}.card label{color:var(--muted);flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.card input,.composer textarea{border:.5px solid var(--border);background:var(--input-bg);color:var(--text);border-radius:8px;padding:.6rem .75rem;font-size:1rem}.card input:focus,.composer textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.error{color:var(--danger);margin:0;font-size:.9rem}button.primary{border:.5px solid var(--accent-pressed);cursor:pointer;background:var(--accent);color:var(--bg);border-radius:8px;padding:.65rem 1rem;font-weight:600}button.primary:disabled{opacity:.55;cursor:not-allowed}button.primary.big{padding:.85rem 1.25rem;font-size:1.05rem}button.ghost{border:.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem .9rem}button.ghost:hover{border-color:var(--accent);color:var(--accent)}.link-button{text-align:center;border-radius:8px;display:inline-block;text-decoration:none!important}.hero-card{background:var(--panel);border:.5px solid var(--border);border-radius:10px;flex-direction:column;align-items:flex-start;gap:1rem;margin-top:1.5rem;padding:1.5rem 1.25rem;display:flex}.hero-card h1{margin:0;font-size:1.6rem}.waiting{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.pulse{border:.5px solid var(--accent);opacity:.85;border-radius:50%;width:44px;height:44px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1)}to{opacity:.45;transform:scale(.9)}}.chat-layout .chat-page{flex-direction:column;gap:.75rem;max-width:520px;display:flex}.chat-top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.chat-top h2{margin:0 0 .25rem;font-size:1.15rem}.chat-window{background:var(--chat-bg);border:.5px solid var(--border);border-radius:10px;flex-direction:column;flex:1;gap:.5rem;min-height:320px;max-height:min(60vh,520px);padding:.75rem;display:flex;overflow-y:auto}.bubble{background:var(--bubble);border:.5px solid var(--border);border-radius:10px;align-self:flex-start;max-width:88%;padding:.55rem .75rem}.bubble.mine{background:var(--bubble-mine);border-color:var(--bubble-mine-border);align-self:flex-end}.bubble .meta{color:var(--muted);gap:.5rem;margin-bottom:.2rem;font-size:.75rem;display:flex}.bubble .nick{color:var(--accent);font-weight:600}.bubble .text{white-space:pre-wrap;word-break:break-word}.composer{align-items:flex-end;gap:.5rem;display:flex}.composer textarea{resize:vertical;flex:1;min-height:52px;max-height:160px}@media (width<=520px){.hero-card{padding:1.25rem 1rem}.chat-top{flex-direction:column}.app-header{flex-direction:column;align-items:flex-start}}