:root{color-scheme:light;--app-bg:#f4f6f7;--app-fg:#182026;--app-muted:#64717c;--app-border:#d8e0e5;--app-surface:#ffffff;--app-surface-strong:#eef3f5;--app-accent:#167a6a;--app-accent-strong:#0f5d52;--app-accent-soft:#dff4ee;--app-danger:#b42318;--widget-incoming:#ffffff;--widget-outgoing:#dcf3ed}*{box-sizing:border-box}body,html{width:100%;min-height:100%;margin:0}body{background:var(--app-bg);color:var(--app-fg);font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}.app-shell{width:100vw;height:100dvh;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.82),rgba(244,246,247,.92)),var(--app-bg)}.auth-screen{display:grid;min-height:100dvh;place-items:center;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(244,246,247,.95)),var(--app-bg)}.auth-panel{width:min(420px,100%);border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);padding:28px;box-shadow:0 24px 70px rgba(24,32,38,.14)}.auth-kicker{margin:0 0 8px;color:var(--app-muted);font-size:13px;font-weight:700}.auth-panel h1{margin:0 0 20px;font-size:28px;line-height:1.15}.auth-panel p{color:var(--app-muted);line-height:1.45}.ghost-action,.icon-action,.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;cursor:pointer;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.primary-action{width:100%;min-height:44px;background:var(--app-accent);color:#fff;font-weight:700}.primary-action:hover{background:var(--app-accent-strong)}.ghost-action,.icon-action,.secondary-action{background:var(--app-surface);border-color:var(--app-border);color:var(--app-fg)}.secondary-action{min-height:42px;padding:0 16px}.ghost-action{min-height:36px;padding:0 12px}.icon-action{width:36px;height:36px}.chat-frame{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100%}.chat-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;border-bottom:1px solid var(--app-border);background:rgba(255,255,255,.86);padding:8px 16px}.chat-title{display:flex;min-width:0;flex-direction:column;gap:2px}.chat-title span,.chat-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-title strong{font-size:15px}.chat-title span{color:var(--app-muted);font-size:13px}.chat-body{min-height:0}.widget-shell-fullscreen{height:100%;border:0!important;border-radius:0!important;box-shadow:none!important}.chat-transcript{min-height:0;padding:18px}.chat-empty{color:var(--app-muted)}.chat-composer-wrap{border-top:1px solid var(--app-border);background:rgba(255,255,255,.92);padding:12px 16px 14px}.attachment-tray{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.attachment-pill{display:inline-flex;max-width:100%;align-items:center;gap:8px;border:1px solid var(--app-border);border-radius:999px;background:var(--app-surface-strong);padding:6px 10px;color:var(--app-muted);font-size:13px}.attachment-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-pill button{border:0;background:transparent;color:var(--app-muted);cursor:pointer}.message-attachments{display:grid;grid-gap:8px;gap:8px;margin-top:8px}.message-attachment{display:inline-flex;max-width:100%;align-items:center;border:1px solid var(--app-border);border-radius:8px;background:rgba(255,255,255,.72);padding:8px 10px;color:inherit;text-decoration:none}.message-attachment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notice{color:var(--app-danger);font-size:13px}@media (max-width:720px){.chat-topbar{align-items:flex-start;padding:10px 12px}.chat-transcript{padding:12px}.chat-composer-wrap{padding:10px 12px 12px}}