/* Robson: chat, results and the "Looking forward" section. Uses the auth-ui variables. */
.rb{display:flex;flex-direction:column;min-height:0;font-family:var(--au-sans,system-ui,sans-serif);color:var(--au-text,#f2e8d2)}
.rb-head{display:flex;align-items:center;gap:12px;padding:2px 0 12px}
.rb-head b{display:block;font:400 1.2rem var(--au-serif,Georgia,serif);color:#ecd39b;letter-spacing:.06em}
.rb-head small{color:var(--au-muted,#a89b83);font-size:.76rem}
.rb-avatar{position:relative;flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#f6e2a8,#b88f46);color:#17110a;font:700 1.4rem var(--au-serif,Georgia,serif)}
.rb-avatar::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid #dcbc78;opacity:.5;animation:rb-pulse 2.4s ease-out infinite}
.rb-avatar.sm{width:34px;height:34px;font-size:1.1rem}
@keyframes rb-pulse{from{transform:scale(.9);opacity:.7}to{transform:scale(1.35);opacity:0}}
.rb-bar{height:3px;background:#3b3121;border-radius:2px;margin-bottom:12px;overflow:hidden}
.rb-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#b88f46,#ecd39b);transition:width .5s}
.rb-log{display:flex;flex-direction:column;gap:10px;max-height:46vh;overflow:auto;padding:2px 2px 6px;scrollbar-width:thin;scrollbar-color:#3b3121 transparent}
.rb-msg{max-width:88%;padding:11px 14px;border-radius:16px;font-size:.95rem;line-height:1.45;animation:rb-in .35s cubic-bezier(.2,.9,.3,1) both}
.rb-msg.bot{align-self:flex-start;background:#1e1812;border:1px solid #3b3121;border-bottom-left-radius:4px}
.rb-msg.you{align-self:flex-end;background:linear-gradient(180deg,#ecd39b,#c9a45c);color:#17110a;font-weight:600;border-bottom-right-radius:4px}
.rb-msg.typing{display:flex;gap:5px;padding:14px 16px}
.rb-msg.typing i{width:7px;height:7px;border-radius:50%;background:#a89b83;animation:rb-dot 1s ease-in-out infinite}
.rb-msg.typing i:nth-child(2){animation-delay:.15s}.rb-msg.typing i:nth-child(3){animation-delay:.3s}
@keyframes rb-dot{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}
@keyframes rb-in{from{opacity:0;transform:translateY(10px)}}
.rb-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;min-height:8px}
.rb-chips button{padding:10px 14px;border-radius:99px;border:1px solid #3b3121;background:#1e1812;color:#f2e8d2;font:600 .88rem var(--au-sans,system-ui,sans-serif);cursor:pointer;animation:rb-in .3s both;transition:border-color .15s,background .15s,transform .1s}
.rb-chips button:hover{border-color:#dcbc78}
.rb-chips button:active{transform:scale(.97)}
.rb-chips button.on{background:#dcbc78;color:#17110a;border-color:#dcbc78}
.rb-chips .rb-go{background:linear-gradient(180deg,#ecd39b,#c9a45c);color:#17110a;border-color:transparent;margin-left:auto}
.rb-chips .rb-go:disabled{opacity:.4;cursor:default}
.rb-foot{margin-top:10px;text-align:center}
.rb-skip{background:none;border:0;color:var(--au-muted,#a89b83);font:.82rem var(--au-sans,system-ui,sans-serif);text-decoration:underline;cursor:pointer}
.rb-think{height:5px;border-radius:3px;background:#3b3121;overflow:hidden;margin:8px 0}
.rb-think i{display:block;height:100%;width:40%;background:linear-gradient(90deg,transparent,#ecd39b,transparent);animation:rb-scan 1s ease-in-out infinite}
@keyframes rb-scan{from{transform:translateX(-100%)}to{transform:translateX(260%)}}

/* result */
.rb-result{border:1px solid #dcbc7866;border-radius:18px;padding:18px;background:linear-gradient(180deg,#1e1812,#16120e);animation:rb-in .5s both}
.rb-kicker{margin:14px 0 8px;font:700 .68rem var(--au-sans,system-ui,sans-serif);letter-spacing:.2em;text-transform:uppercase;color:#c9a45c}
.rb-kicker:first-child{margin-top:0}
.rb-result h3{margin:0;font:400 1.6rem/1.15 var(--au-serif,Georgia,serif);color:#ecd39b}
.rb-line{margin:6px 0 0;color:var(--au-muted,#a89b83);font-size:.92rem;line-height:1.5}
.rb-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.rb-tags span{padding:4px 10px;border-radius:99px;background:#dcbc7818;border:1px solid #dcbc7840;color:#ecd39b;font-size:.76rem}
.rb-rec{display:flex;align-items:center;gap:12px;padding:12px;margin-top:8px;background:#0f0c09;border:1px solid #3b3121;border-radius:14px;animation:rb-in .5s both}
.rb-logo{flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;display:grid;place-items:center;font:700 1rem var(--au-serif,Georgia,serif);border:2px solid #dcbc7855}
.rb-logo img{width:100%;height:100%;display:block}
.rb-rec-main{flex:1;min-width:0}
.rb-rec-main b{display:block;font:600 1rem var(--au-sans,system-ui,sans-serif);color:#f2e8d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rb-rec-main small{display:block;color:var(--au-muted,#a89b83);font-size:.78rem;text-transform:capitalize}
.rb-why{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
.rb-why span{padding:2px 8px;border-radius:99px;background:#ffffff0a;color:#cdbf9f;font-size:.7rem}
.rb-ring{flex:none;width:48px;height:48px}
.rb-result .rb-done{margin-top:16px}

/* home section */
.rb-home{border:1px solid #dcbc7855;border-radius:16px;padding:14px;margin:14px 0;background:linear-gradient(180deg,#1b150f,#120e0a)}
.rb-home-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.rb-home-head b{display:block;font:400 1.15rem var(--au-serif,Georgia,serif);color:#ecd39b;letter-spacing:.06em}
.rb-home-head small{color:var(--au-muted,#a89b83);font-size:.76rem}
.rb-again{display:block;margin:12px auto 0;background:none;border:0;color:#dcbc78;font:600 .84rem var(--au-sans,system-ui,sans-serif);text-decoration:underline;cursor:pointer}
.rb-modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:14px;background:rgba(5,4,3,.78)}
.rb-modal-card{position:relative;width:min(480px,100%);max-height:92vh;overflow:auto;background:#16120e;border:1px solid #3b3121;border-radius:20px;padding:22px 22px 18px;box-shadow:0 30px 80px #000c}
.rb-modal .au-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:#1e1812;color:#f2e8d2;font:1.2rem/1 system-ui;cursor:pointer}
@media(prefers-reduced-motion:reduce){.rb-avatar::after,.rb-msg,.rb-rec,.rb-think i,.rb-msg.typing i{animation:none}}

/* Robson as a corner button with a floating panel (it never sits inside the page) */
.rb-fab{position:fixed;right:14px;bottom:96px;z-index:40;width:48px;height:48px;border-radius:50%;border:2px solid #dcbc78;background:linear-gradient(160deg,#2a2008,#15120d);color:#ecd39b;font:700 1.15rem Georgia,serif;cursor:pointer;box-shadow:0 8px 22px #000a;display:grid;place-items:center}
.rb-fab.on{background:linear-gradient(160deg,#f0d58f,#b8892a);color:#17120a}.rb-fab[hidden],.rb-panel[hidden]{display:none}
.rb-panel{position:fixed;right:14px;bottom:154px;z-index:41;width:min(340px,calc(100vw - 28px));max-height:min(60vh,520px);overflow:auto;padding:14px;border:1px solid #3b3121;border-radius:20px;background:#15120d;box-shadow:0 20px 60px #000c}
.rb-panel #robsonHome{display:block}.rb-px{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:#1e1812;color:#f2e8d2;font:1.1rem/1 system-ui;cursor:pointer;z-index:1}
.rb-panel .rb-home-head{padding-right:34px}.rb-panel .rb-line{font-size:.88rem}
@media(min-width:1000px){.rb-fab{bottom:24px}.rb-panel{bottom:84px}}
.rb-panel .rb-home{border:0;background:none;padding:0;margin:0;box-shadow:none}