:root {
  color-scheme: dark;
  --bg: #080607;
  --panel: #100c0e;
  --line: #34252d;
  --muted: #b5a0ab;
  --white: #f0e9ed;
  --wine: #571b30;
  --glyph-cut: #120b10;
  --body: 'Segoe UI Variable Text', 'Segoe UI', Arial, sans-serif;
  --display: 'Bahnschrift', 'Arial Narrow', Impact, sans-serif;
  font-family: var(--body);
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--white); height: 100dvh; display: flex; overflow: hidden; font-size: 15px; font-weight: 450; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; color: inherit; background: none; border: 0; }
button:disabled { opacity: .4; cursor: not-allowed; }
button:focus-visible, a:focus-visible, input:focus-visible, .table-scroll:focus-visible { outline: 2px solid #d8a3ba; outline-offset: 4px; }
a { color: inherit; }
.svg-library { position: absolute; width: 0; height: 0; overflow: hidden; }
aside { width: 248px; background: var(--panel); border-right: 1px solid #2b1e25; padding: 32px 22px 22px; display: flex; flex-direction: column; flex-shrink: 0; z-index: 4; }
.brand { display: flex; align-items: center; gap: 12px; font-family: var(--display); font-size: 23px; line-height: .9; font-weight: 800; text-decoration: none; letter-spacing: -.7px; padding: 3px; }
.brand-mark { width: 40px; height: 44px; color: #e3ced7; flex-shrink: 0; }
.brand-sub { display: block; font-size: 14px; letter-spacing: 5px; margin-top: 6px; }
.version { font-family: var(--body); font-size: 11px; letter-spacing: 0; color: #b69ca8; font-weight: 500; margin-left: auto; align-self: flex-end; padding-bottom: 2px; }
.new { display: flex; align-items: center; gap: 9px; background: #eadfe3; color: #25151d; text-align: left; padding: 13px 12px; margin: 35px 0 31px; font-size: 14px; font-weight: 650; border-radius: 5px 5px 12px 5px; min-height: 48px; }
.new:hover:not(:disabled) { background: #fff3f8; }
.plus { font-size: 21px; line-height: 1; font-weight: 400; }
.new kbd { font-family: inherit; font-size: 10px; font-weight: 600; margin-left: auto; color: #74515f; white-space: nowrap; }
.history-label { color: #c7b3bd; font-size: 12px; font-weight: 650; margin: 0 0 12px 10px; }
#history { overflow: auto; flex: 1; min-height: 55px; scrollbar-width: thin; scrollbar-color: #543343 transparent; }
#history button { display: block; text-align: left; width: 100%; padding: 12px 11px; min-height: 42px; border-radius: 5px; color: #c2acb7; font-size: 13px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#history button:hover:not(:disabled) { background: #23171e; color: white; }
#history button.active { background: #2d1b25; color: #f3dce8; }
.muted { color: #ac94a0; font-size: 12px; line-height: 1.7; margin: 0; padding: 4px 10px; }
.side-bottom { margin-top: auto; padding-top: 20px; }
.balance { padding: 21px 5px 23px; border-top: 1px solid var(--line); }
.balance > span { font-size: 12px; font-weight: 600; color: #c7acba; }
.balance strong { display: block; font-family: var(--display); font-size: 35px; font-weight: 600; margin: 12px 0 9px; letter-spacing: -1px; font-variant-numeric: tabular-nums; }
.balance strong small { font-family: var(--body); font-size: 12px; font-weight: 500; color: #bda3b0; letter-spacing: 0; }
.balance > small { font-size: 12px; color: #b59aa7; line-height: 1.7; }
.account { display: flex; gap: 10px; align-items: center; width: 100%; text-align: left; font-size: 13px; font-weight: 600; padding: 17px 3px 0; border-top: 1px solid var(--line); min-height: 48px; }
.account:hover #username { color: #f4b6d0; }
#username { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-arrow { margin-left: auto; color: #bb90a4; font-size: 19px; }
.avatar { width: 32px; height: 32px; display: grid; place-items: center; flex-shrink: 0; background: #34202a; color: #ebcddd; border-radius: 5px 5px 10px 5px; }
main { flex: 1; min-width: 0; display: flex; flex-direction: column; position: relative; isolation: isolate; background: var(--bg); }
.wine-haze { position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: -1; }
.wine-haze::before, .wine-haze::after { content: ''; position: absolute; left: -28%; top: 31%; width: 160%; height: 310px; border-radius: 50%; background: radial-gradient(ellipse, #59172d 0%, #3e1324 34%, transparent 70%); filter: blur(90px); opacity: .4; transform: rotate(-26deg); }
.wine-haze::after { top: 29%; left: -21%; height: 235px; transform: rotate(31deg); background: radial-gradient(ellipse, #501328 0%, #36101f 30%, transparent 69%); filter: blur(85px); opacity: .26; }
header { display: flex; align-items: center; justify-content: space-between; height: 78px; padding: 0 40px; flex-shrink: 0; gap: 16px; }
.header-name { font-size: 13px; font-weight: 500; color: #c2aab7; white-space: nowrap; }
.tag { color: #a18495; margin-left: 10px; font-size: 12px; }
.header-actions { display: flex; align-items: center; gap: 20px; }
.header-action, .export-action { font-size: 12px; font-weight: 600; padding: 9px 0; min-height: 36px; color: #d9bbc9; }
.header-action:hover:not(:disabled), .export-action:hover:not(:disabled) { color: white; }
.export-action { color: #bea1af; }
.icon { display: none; }
.workspace { flex: 1; min-height: 0; overflow: auto; padding: 24px 48px 30px; scrollbar-color: #6b3b50 transparent; scrollbar-width: thin; }
#welcome { max-width: 930px; margin: 25px auto 0; }
.hero-layout { display: grid; grid-template-columns: 1fr 230px; align-items: center; gap: 18px; }
.intro { display: flex; align-items: center; gap: 10px; font-family: var(--display); font-size: 13px; font-weight: 600; letter-spacing: 1.7px; margin: 0 0 23px; color: #d0aabb; }
.intro > span { height: 6px; width: 6px; background: #b47790; transform: rotate(45deg); }
h1 { font-family: var(--display); font-stretch: condensed; font-size: clamp(46px, 5.6vw, 80px); font-weight: 800; letter-spacing: -3.6px; line-height: 1; margin: 0; }
.heading-stop { color: #b77692; }
.subtitle { font-size: 15px; color: #c4a7b6; line-height: 1.75; margin: 24px 0 0; }
.hero-emblem { align-self: center; text-align: center; transform: rotate(-6deg); padding-top: 20px; }
.hero-emblem svg { width: 100%; height: 220px; color: #b69ba8; --glyph-cut: #160b12; }
.emblem-caption { display: block; font-family: var(--display); font-size: 10px; font-weight: 600; letter-spacing: 5px; color: #ae879a; margin: 18px 0 0 5px; }
.suggestions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 23px; margin: 34px 0 0; padding-top: 17px; border-top: 1px solid #56303f; }
.suggestion-caption { font-size: 12px; font-weight: 500; color: #bda0af; margin-right: auto; }
.suggestions button { font-size: 13px; font-weight: 600; color: #d6bcca; display: flex; align-items: center; gap: 9px; padding: 8px 0; min-height: 36px; white-space: nowrap; }
.suggestions button span { color: #b47992; font-size: 18px; }
.suggestions button:hover { color: #fff0f7; }
.composer-wrap { width: min(1040px, 100%); margin: 0 auto; padding: 0 48px 18px; }
#status { font-size: 12px; line-height: 1.6; color: #c5a9b8; margin: 0 0 10px; }
#status:empty { display: none; }
#status[data-tone='error'] { color: #f3b5c7; }
.composer-shell { position: relative; border: 1px solid #644051; border-radius: 9px 9px 18px 9px; background: #160e13; overflow: hidden; }
.composer-shell:focus-within { border-color: #b67c96; }
#composer { padding: 20px 21px 12px; }
textarea { resize: vertical; width: 100%; min-height: 58px; max-height: 180px; border: 0; background: none; color: #f1e3eb; font-size: 16px; line-height: 1.65; outline: none; }
textarea::placeholder { color: #b59aa8; }
.composer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: 8px; }
.composer-identity { font-family: var(--display); font-size: 11px; font-weight: 600; letter-spacing: .5px; color: #e3c9d7; display: flex; align-items: center; gap: 8px; }
.composer-identity svg { height: 20px; width: 20px; color: #bf9fb0; }
.composer-identity small { font-family: var(--body); font-size: 10px; letter-spacing: 0; color: #b38a9e; margin-left: 9px; }
#send { background: #ecd8e2; color: #30131f; font-size: 26px; width: 42px; height: 38px; border-radius: 5px 5px 11px 5px; }
#send:hover:not(:disabled) { background: white; }
.composer-meta { display: flex; justify-content: space-between; align-items: center; font-size: 11px; color: #b393a3; margin-top: 11px; gap: 8px; }
.composer-meta b { font-weight: 500; margin-left: 5px; }
.footnote { font-size: 11px; margin: 0; text-align: right; color: #b393a3; }
#messages { max-width: 820px; margin: 0 auto; }
.message { line-height: 1.85; font-size: 16px; margin: 18px 0; overflow-wrap: anywhere; }
.message.user { background: #2b1923; border-radius: 10px 10px 2px 10px; padding: 14px 19px; margin-left: auto; width: fit-content; max-width: 85%; color: #f1dfe8; white-space: pre-wrap; }
.message.assistant { padding: 14px 0 25px; min-width: 0; }
.message .author { display: block; font-family: var(--display); font-size: 12px; font-weight: 650; letter-spacing: .7px; color: #c39aaf; margin-bottom: 12px; }
dialog { background: #140c11; color: var(--white); border: 1px solid #704256; border-radius: 9px 9px 22px 9px; padding: 37px 32px 29px; width: min(440px, calc(100% - 30px)); max-height: calc(100dvh - 32px); overflow: auto; box-shadow: 0 24px 100px #000b; }
dialog::backdrop { background: #060305b8; backdrop-filter: blur(10px); }
.close { position: absolute; right: 11px; top: 8px; font-size: 27px; width: 36px; height: 36px; color: #c19eaf; border-radius: 5px; }
.close:hover { background: #38202c; color: white; }
.dialog-brand { display: flex; gap: 11px; align-items: center; font-family: var(--display); font-size: 18px; font-weight: 700; }
.dialog-brand svg { width: 33px; height: 36px; color: #d0adc0; }
h2 { font-family: var(--display); font-size: 49px; letter-spacing: -1.7px; line-height: 1.05; margin: 30px 0 17px; }
dialog p { color: #c6a8b8; font-size: 14px; line-height: 1.75; }
label { display: block; font-size: 13px; font-weight: 600; color: #dfc2d1; margin: 25px 0 10px; }
input { width: 100%; border: 1px solid #6b4054; border-radius: 5px; background: #0b070a; padding: 14px 13px; color: white; font-size: 15px; }
.primary { display: flex; justify-content: space-between; width: 100%; background: #ecd8e3; color: #30151f; padding: 15px 16px; border-radius: 5px 5px 11px 5px; font-weight: 650; font-size: 14px; }
.primary:hover:not(:disabled) { background: #fff2f8; }
dialog small { display: block; text-align: center; color: #b895a7; font-size: 12px; margin-top: 19px; }
#loginError { color: #f1adc8; font-size: 13px; }
.account-title { font-size: 36px; margin-bottom: 8px; }
.account-name { font-weight: 600; margin: 0 0 25px; }
.account-stats { margin: 0; }
.account-stats > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; padding: 15px 0; border-top: 1px solid #4b2a3b; }
.account-stats dt { font-size: 13px; color: #c6a3b5; }
.account-stats dd { margin: 0; font-size: 15px; font-weight: 650; }
.account-note { margin: 23px 0; }
.secondary { border: 1px solid #79465d; border-radius: 5px; width: 100%; min-height: 44px; padding: 11px 15px; font-size: 14px; font-weight: 600; }
.secondary:hover:not(:disabled) { background: #34202a; }
.sidebar-backdrop { display: none; }
.edge-light { --edge-x: -300px; --edge-y: -300px; }
.edge-light::after { content: ''; position: absolute; inset: -1px; pointer-events: none; z-index: 2; border-radius: inherit; padding: 1px; background: radial-gradient(140px circle at var(--edge-x) var(--edge-y), #e785a5 0%, #a5375c 25%, #7b2a414d 51%, transparent 76%); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; opacity: 0; transition: opacity .25s ease; }
.edge-light.edge-active::after { opacity: .75; }
.markdown-body { color: #e9dbe3; line-height: 1.85; overflow-wrap: anywhere; }
.markdown-body > :first-child { margin-top: 0; }
.markdown-body > :last-child { margin-bottom: 0; }
.markdown-body p { margin: 0 0 16px; }
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { font-family: var(--display); font-stretch: normal; font-weight: 650; color: #f6e7ef; line-height: 1.3; letter-spacing: -.4px; margin: 24px 0 12px; }
.markdown-body h1 { font-size: 29px; }
.markdown-body h2 { font-size: 24px; }
.markdown-body h3 { font-size: 20px; }
.markdown-body h4, .markdown-body h5, .markdown-body h6 { font-size: 17px; }
.markdown-body strong { font-weight: 700; color: #fff2f9; }
.markdown-body em { color: #d9b6c8; }
.markdown-body ul, .markdown-body ol { padding-left: 23px; margin: 12px 0 20px; }
.markdown-body li { padding-left: 4px; margin: 5px 0; }
.markdown-body li::marker { color: #c08aa4; }
.markdown-body li p { margin: 5px 0; }
.markdown-body blockquote { border-left: 2px solid #a76787; padding: 3px 0 3px 17px; margin: 20px 0; color: #d0aabd; }
.markdown-body blockquote p:last-child { margin-bottom: 0; }
.markdown-body a { color: #efb3d0; text-underline-offset: 4px; text-decoration-color: #a0647e; }
.markdown-body a:hover { color: white; }
.markdown-body hr { border: 0; border-top: 1px solid #533044; margin: 25px 0; }
.markdown-body :not(pre) > code { font-family: Consolas, 'Courier New', monospace; font-size: .9em; color: #f2c2db; padding: 0 2px; }
.response-prefix { display: block; font-family: Consolas, monospace; font-size: 11px; line-height: 1.5; color: #bc8ca5; margin-bottom: 16px; }
.code-block { border: 1px solid #603449; border-radius: 7px; margin: 20px 0; background: #100a0e; overflow: hidden; max-width: 100%; min-width: 0; }
.code-toolbar { display: flex; align-items: center; gap: 12px; justify-content: space-between; background: #26151f; padding: 9px 13px; border-bottom: 1px solid #4d293d; color: #ceacc0; font-size: 12px; line-height: 1.5; }
.code-toolbar > span:first-child { font-family: Consolas, monospace; }
.code-toolbar button { font-size: 12px; font-weight: 600; min-height: 32px; padding: 5px 9px; border-radius: 4px; color: #f0cedf; white-space: nowrap; }
.code-toolbar button:hover { background: #4b293b; color: white; }
.copy-feedback { font-size: 11px; color: #d4a7c1; margin-left: auto; text-align: right; }
.markdown-body pre { margin: 0; padding: 18px 19px; overflow: auto; line-height: 1.75; tab-size: 2; white-space: pre; scrollbar-width: thin; scrollbar-color: #674055 transparent; }
.markdown-body pre code { font-family: Consolas, 'Courier New', monospace; font-size: 13px; color: #e9cbdc; white-space: pre; word-break: normal; overflow-wrap: normal; display: block; }
.table-scroll { overflow: auto; margin: 21px 0; border: 1px solid #553044; border-radius: 5px; scrollbar-width: thin; }
.markdown-body table { border-collapse: collapse; width: 100%; font-size: 14px; text-align: left; }
.markdown-body th { background: #2b1724; color: #f0d0e2; font-weight: 600; }
.markdown-body td, .markdown-body th { padding: 11px 14px; border-bottom: 1px solid #4a2b3c; min-width: 110px; }
.markdown-body tr:last-child td { border-bottom: 0; }
.pending-response { padding: 18px 0; }
.thinking-shimmer { display: inline-block; font-size: 14px; color: #c8a9bb; background: linear-gradient(110deg, #a0778e 25%, #f3d6e7 45%, #a0778e 65%); background-size: 250% 100%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: thinking-sweep 2.8s linear infinite; }
.pending-lines { display: flex; flex-direction: column; gap: 10px; margin-top: 17px; max-width: 520px; }
.pending-lines span { height: 7px; width: 100%; background: linear-gradient(100deg, #291a23 20%, #4b2f40 46%, #291a23 72%); background-size: 220% 100%; border-radius: 3px; animation: thinking-sweep 2.8s linear infinite; }
.pending-lines span:nth-child(2) { width: 86%; }
.pending-lines span:nth-child(3) { width: 58%; }
@keyframes thinking-sweep { from { background-position: 150% 0; } to { background-position: -100% 0; } }
@media (min-height: 900px) and (min-width: 701px) { #welcome { margin-top: clamp(40px, 7vh, 95px); } .hero-emblem svg { height: 255px; } }
@media (max-width: 1100px) {
  aside { width: 225px; padding: 29px 17px 20px; }
  header { padding: 0 30px; }
  .header-actions { gap: 15px; }
  .workspace { padding: 23px 32px; }
  .composer-wrap { padding-right: 32px; padding-left: 32px; }
  .hero-layout { grid-template-columns: 1fr 165px; gap: 8px; }
  .hero-emblem svg { height: 175px; }
  h1 { font-size: clamp(44px, 6vw, 69px); letter-spacing: -3px; }
  .suggestions { column-gap: 19px; }
  .suggestion-caption { width: 100%; }
}
@media (max-width: 700px) {
  aside { display: none; position: fixed; inset: 64px auto 0 0; width: min(280px, calc(100vw - 45px)); box-shadow: 30px 0 80px #0008; }
  aside.open { display: flex; }
  .sidebar-backdrop { display: block; position: fixed; inset: 64px 0 0; z-index: 3; background: #08040794; backdrop-filter: blur(3px); }
  header { height: 64px; padding: 0 16px; gap: 10px; }
  .header-name { font-size: 12px; margin-right: auto; }
  .tag { display: none; }
  .header-actions { gap: 12px; }
  .header-action { font-size: 12px; }
  .export-action { font-size: 0; width: 32px; }
  .export-action::before { content: '⇩'; font-size: 23px; }
  .icon { display: block; font-size: 18px; min-width: 32px; min-height: 36px; padding: 4px; }
  .workspace { padding: 23px 23px 20px; }
  #welcome { margin-top: 15px; }
  .hero-layout { grid-template-columns: 1fr 99px; gap: 3px; }
  .intro { font-size: 11px; letter-spacing: 1px; margin-bottom: 20px; }
  h1 { font-size: clamp(36px, 9vw, 55px); letter-spacing: -2px; line-height: 1.04; }
  .subtitle { font-size: 13px; line-height: 1.75; margin-top: 20px; }
  .hero-emblem { align-self: start; padding-top: 32px; }
  .hero-emblem svg { height: 103px; }
  .emblem-caption { font-size: 8px; letter-spacing: 2px; margin-top: 11px; }
  .suggestions { gap: 5px 19px; margin-top: 25px; padding-top: 14px; }
  .suggestion-caption { font-size: 12px; }
  .suggestions button { font-size: 12px; }
  .composer-wrap { padding: 0 15px 15px; }
  #composer { padding: 16px 15px 12px; }
  textarea { font-size: 16px; min-height: 54px; }
  .composer-identity small { font-size: 9px; margin-left: 3px; }
  .composer-meta > span { display: none; }
  .composer-meta { justify-content: center; margin-top: 9px; }
  .footnote { font-size: 10px; }
  #status { font-size: 12px; }
  .message { font-size: 15px; }
  .message.user { padding: 12px 16px; }
  .wine-haze::before { height: 240px; filter: blur(70px); opacity: .4; width: 200%; left: -50%; }
  .wine-haze::after { height: 180px; filter: blur(65px); opacity: .27; }
  .markdown-body h1 { font-size: 26px; }
  .markdown-body h2 { font-size: 23px; }
  .markdown-body h3 { font-size: 19px; }
  .markdown-body pre { padding: 16px 14px; }
  .markdown-body pre code { font-size: 12px; }
  .code-toolbar { gap: 7px; padding: 8px 11px; font-size: 11px; }
  .code-toolbar button { font-size: 11px; }
  .copy-feedback { font-size: 10px; max-width: 130px; }
  .markdown-body td, .markdown-body th { padding: 9px 12px; }
}
@media (max-width: 370px) { .header-name { display: none; } .header-actions { margin-left: auto; } .workspace { padding: 20px 17px; } .hero-layout { grid-template-columns: 1fr 75px; } .hero-emblem svg { height: 80px; } h1 { font-size: 35px; } .composer-identity small { display: none; } }
@media (prefers-reduced-motion: reduce) { .edge-light::after { transition: none; } .thinking-shimmer, .pending-lines span { animation: none; } .thinking-shimmer { -webkit-text-fill-color: #c8a9bb; background: none; } }
[hidden] { display: none !important; }
/* Identidade de conversa: preferências opcionais e sinal Remotion. */
#welcome{margin-top:4px}.hero-layout{grid-template-columns:1fr 120px;gap:20px}.hero-emblem{padding-top:7px}.hero-emblem svg{height:115px}.emblem-caption{font-size:9px;letter-spacing:3px;margin-top:9px}.intro{margin-bottom:16px;font-size:12px}h1{font-size:clamp(40px,4.6vw,60px);letter-spacing:-2.8px}.subtitle{font-size:14px;margin-top:16px;line-height:1.7}.onboarding{margin-top:25px}.setup-heading{margin-bottom:9px}.setup-heading h2{font-family:var(--body);font-size:19px;line-height:1.4;letter-spacing:-.3px;margin:0 0 5px;font-weight:650}.setup-heading p{font-size:12px;color:#bca0af;line-height:1.7;margin:0}.preference-row{padding:13px 0;border-bottom:1px solid #442535}.preference-row h3{font-family:var(--body);font-size:13px;font-weight:650;line-height:1.5;margin:0 0 5px;color:#ead0dd}.preference-options{display:flex;flex-wrap:wrap;gap:5px 21px}.preference-options button{display:flex;align-items:center;gap:8px;min-height:34px;padding:5px 0;font-size:13px;color:#bfa1b1;border-bottom:2px solid transparent;line-height:1.5}.preference-options button:hover{color:#ffe5f1}.preference-options button[aria-pressed='true']{border-bottom-color:#bb7497;color:#f8dbe9}.preference-options small{font-size:10px;font-weight:600;color:#bc7f9d}.skip-questions{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:15px 16px;margin-top:17px;border:1px solid #543044;border-radius:6px;background:#24121d66}.skip-questions:hover{border-color:#98617c}.skip-questions strong{display:block;font-size:13px;font-weight:650;color:#ecd2e0}.skip-questions small{display:block;font-size:12px;color:#b997a8;margin-top:4px;line-height:1.5}.skip-symbol{font-size:23px;color:#bb87a0}.skip-check{margin-left:auto;color:#e2a2c3;opacity:0}.skip-questions[aria-pressed='true'] .skip-check{opacity:1}.skip-questions[aria-pressed='true']{border-color:#a76a89;background:#3c1c2e55}.agent-controls{display:flex;align-items:center;gap:10px;margin-bottom:15px}.agent-controls label{font-size:12px;font-weight:600;color:#bea1af;margin:0}.agent-controls select{font:inherit;font-size:13px;font-weight:600;color:#ebcddd;background:#24131e;border:1px solid #583046;border-radius:4px;padding:6px 24px 6px 9px;max-width:175px;min-height:34px;cursor:pointer}.agent-controls select:focus-visible{outline:2px solid #d8a3ba;outline-offset:3px}.agent-controls button{font-size:12px;color:#bd91a9;margin-left:auto;padding:8px 0;min-height:34px}.agent-controls button:hover{color:#f9d4e9}.agent-controls button[aria-pressed='true']{color:#edb3d1}.signal-motion{width:300px;max-width:100%;height:55px;font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;color:#ecd7e3;pointer-events:none}.pending-label{display:block;font-size:13px;font-weight:600;color:#d3a9be;margin-top:1px}.pending-response>small{display:block;font-size:12px;color:#b68d9f;margin-top:7px;line-height:1.6}.streaming-response{margin-top:0;padding-top:2px}.stream-content{animation:ink-arrival .25s ease-out}.stream-content:empty{display:none}.stream-content .code-toolbar button:disabled{opacity:.45}.signal-motion>div{width:100%}.response-prefix{font-size:10px;opacity:.8}@keyframes ink-arrival{from{opacity:.3;translate:0 4px}to{opacity:1;translate:0 0}}@media(max-width:700px){#welcome{margin-top:0}.hero-layout{grid-template-columns:1fr 80px;gap:12px}h1{font-size:clamp(35px,8.5vw,49px);letter-spacing:-2px}.hero-emblem svg{height:85px}.hero-emblem{padding-top:12px}.emblem-caption{font-size:7px;letter-spacing:2px}.subtitle{font-size:13px;margin-top:13px}.intro{margin-bottom:14px}.onboarding{margin-top:22px}.preference-options{gap:3px 16px}.preference-options button{font-size:12px;gap:6px}.preference-options small{font-size:9px}.setup-heading h2{font-size:18px}.preference-row{padding:12px 0}.skip-questions{padding:13px}.agent-controls{gap:8px;flex-wrap:wrap;margin-bottom:12px}.agent-controls button{font-size:11px}.agent-controls select{font-size:12px;max-width:145px}.signal-motion{height:50px;width:270px}#composer{padding-top:13px}.workspace{padding-top:18px}}@media(max-width:370px){.agent-controls{gap:6px}.agent-controls select{max-width:133px}.agent-controls label{font-size:11px}.agent-controls button{font-size:10px}}@media(prefers-reduced-motion:reduce){.stream-content{animation:none}}
@media(min-width:901px){#onboardingQuestions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 20px}.setup-heading{grid-column:1/-1;margin-bottom:0}.preference-row{padding:7px 0 12px;min-width:0}.preference-options{flex-direction:column;align-items:flex-start;gap:1px}.preference-options button{font-size:12px}.preference-options small{font-size:9px}.onboarding{margin-top:23px}.hero-layout{grid-template-columns:1fr 105px}.hero-emblem svg{height:102px}.subtitle{font-size:13px;line-height:1.65;margin-top:13px}}
@media(min-width:901px){.workspace{padding-top:14px}#welcome{margin-top:0}.intro{margin-bottom:10px}.onboarding{margin-top:15px}#onboardingQuestions{row-gap:9px}.preference-row{padding-top:5px;padding-bottom:9px}.skip-questions{padding:12px 14px;margin-top:12px}}
/* Planos: escolhas legíveis, com o mesmo preto e vinho do chat. */
.plans-link{font-size:14px;font-weight:650;color:#ebc9db;padding:8px 0}.balance-plans{display:flex;justify-content:space-between;width:100%;margin-top:16px;padding:12px 0 0;border-top:1px solid #593044;color:#eed5e2;font-size:14px;font-weight:600}.account-add-tokens{margin:18px 0 12px}.plans-dialog{width:min(920px,calc(100% - 30px));padding:32px;border-radius:12px;background:#140c11}.plans-heading h2{font-family:var(--display);font-size:clamp(25px,4vw,36px);letter-spacing:-1px;line-height:1.15;margin:24px 0 10px;max-width:560px}.plans-heading p{margin:0}.plan-benefits{display:flex;flex-wrap:wrap;gap:10px 24px;margin:22px 0;color:#cbb2c0;font-size:13px}.plan-benefits span::before{content:'✓';color:#dca4c0;margin-right:7px}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{padding:22px 20px;background:#1b1017;border:1px solid #4e2e3e;border-radius:7px;min-width:0}.plan-card.selected{border-color:#d09ab6;background:#291620;box-shadow:inset 0 3px #c38ca8}.plan-card-top{display:flex;gap:8px;align-items:center;justify-content:space-between;min-height:28px}.plan-card h3{margin:0;font-size:17px;font-family:var(--body);font-weight:650}.plan-recommended{font-size:11px;color:#ecc3da}.plan-amount{font-family:var(--display);font-size:52px;font-weight:700;letter-spacing:-2px;margin:22px 0 18px;line-height:1}.plan-amount span{font:500 14px var(--body);letter-spacing:0;margin-left:8px;color:#c3a3b4}.plan-price{font-size:25px;letter-spacing:-.8px}.plan-card .plan-rate{margin:5px 0 16px;font-size:12px;color:#bf99ac}.plan-card .plan-description{font-size:13px;line-height:1.6;min-height:42px;margin:0 0 20px}.plan-choose{width:100%;border:1px solid #765064;padding:11px 8px;border-radius:4px;font-size:14px;font-weight:600}.plan-choose:hover{border-color:#d3a8bf;color:#fff}.plan-choose[aria-pressed=true]{background:#e9cfdd;color:#301722;border-color:#e9cfdd}.plans-usage{font-size:12px!important;margin:17px 0 22px}.plans-footer{border-top:1px solid #513141;padding-top:21px;display:grid;grid-template-columns:1fr 235px;gap:28px;align-items:start}.plan-summary strong{font-size:17px}.plan-summary p{font-size:13px;margin:8px 0 0;max-width:440px}.plans-actions .primary{text-decoration:none;justify-content:center;box-sizing:border-box}.plan-access{display:block;width:100%;font-size:12px;color:#cfacbf;padding:13px 0 0;text-align:center}.plans-dialog button:focus-visible,.plans-dialog a:focus-visible,.plans-link:focus-visible,.balance-plans:focus-visible{outline:2px solid #f4bbd9;outline-offset:4px}
@media(max-width:700px){.plans-dialog{padding:26px 20px}.plans-heading h2{font-size:29px;margin-top:23px}.plan-grid{grid-template-columns:1fr}.plan-card{padding:19px}.plan-amount{margin:13px 0;font-size:43px}.plan-card .plan-description{min-height:0;margin-bottom:14px}.plans-footer{grid-template-columns:1fr;gap:18px}.plan-benefits{gap:8px 16px;font-size:12px}.plans-link{font-size:12px}.header-actions{gap:10px}.plans-actions .primary{min-height:46px}}