*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d12;--panel:#16161e;--panel-2:#1d1d28;--border:#2a2a38;--text:#ececf1;--muted:#9a9aad;--accent:#7c5cff;--accent-2:#5a3ee8}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.shell{flex-direction:column;gap:12px;max-width:440px;min-height:100dvh;margin:0 auto;padding:16px 12px 24px;display:flex}.funnel{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:10px;font-size:13px}.funnel summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 12px}.funnel textarea{border:0;border-top:1px solid var(--border);background:var(--panel-2);width:100%;color:var(--text);resize:vertical;outline:none;padding:10px 12px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.widget{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:1;min-height:520px;display:flex;overflow:hidden}.head{border-bottom:1px solid var(--border);background:var(--panel-2);align-items:center;gap:10px;padding:14px 16px;display:flex}.head .dot{background:#3ddc84;border-radius:50%;flex-shrink:0;width:10px;height:10px}.head strong{font-size:14px;display:block}.head span{color:var(--muted);font-size:12px}.head .restart{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:5px 10px;font-size:12px}.head .restart:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.head .restart:disabled{opacity:.5;cursor:default}.thread{flex-direction:column;flex:1;gap:10px;padding:16px 12px;display:flex;overflow-y:auto}.row{flex-direction:column;gap:6px;display:flex}.row.user{align-items:flex-end}.row.assistant{align-items:flex-start}.bubble{white-space:pre-wrap;word-break:break-word;border-radius:14px;max-width:85%;padding:10px 13px;font-size:14px;line-height:1.5}.row.assistant .bubble{background:var(--panel-2);border:1px solid var(--border);border-bottom-left-radius:4px}.row.user .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:4px}.bubble.typing{color:var(--muted);letter-spacing:2px}.errorBubble button{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.checkout{color:#08130c;background:#3ddc84;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.note{color:var(--muted);font-size:12px;font-style:italic}.composer{border-top:1px solid var(--border);gap:8px;padding:10px 12px;display:flex}.composer input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:10px 12px;font-size:14px}.composer input:focus{border-color:var(--accent)}.composer button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:0 18px;font-size:14px;font-weight:600}.composer button:disabled{opacity:.5;cursor:default}.legal{color:var(--muted);text-align:center;padding:0 14px 12px;font-size:11px}
