.brandi{background:linear-gradient(180deg, var(--panel) 0%, var(--panel-b) 100%);border:1px solid var(--line);border-radius:var(--r-section);box-shadow:0 40px 120px -40px color-mix(in srgb, var(--accent) 55%, transparent);flex-direction:column;display:flex;overflow:hidden}.brandi .stage{background:radial-gradient(ellipse 55% 75% at 50% 48%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%);height:300px;position:relative}.brandi .host{cursor:pointer;position:absolute;inset:0}.brandi .fallback{pointer-events:none;width:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brandi .stage-bar{pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:14px;left:16px;right:16px}.brandi .who{align-items:center;gap:8px;font-size:14px;font-weight:600;display:inline-flex}.brandi .live{background:var(--accent);width:8px;height:8px;box-shadow:0 0 10px var(--accent);border-radius:50%}.brandi .status{font-family:var(--font-mono);color:var(--faint);font-size:12px}.brandi .chat{border-top:1px solid var(--line-subtle);flex-direction:column;display:flex}.brandi .log{overscroll-behavior:contain;flex-direction:column;gap:10px;height:250px;padding:18px;display:flex;overflow-y:auto}.brandi .row{justify-content:flex-start;display:flex}.brandi .row.user{justify-content:flex-end}.brandi .bubble{background:var(--chip);max-width:86%;color:var(--text);border:1px solid var(--line);border-radius:12px 12px 12px 4px;padding:10px 14px;font-size:15px;line-height:1.45}.brandi .bubble-user{background:var(--accent);max-width:82%;color:var(--on-accent);border-color:var(--accent);border-radius:12px 12px 4px;font-weight:500}.brandi .plan{background:var(--panel-a);border:1px solid var(--accent);border-radius:12px;flex-direction:column;gap:8px;width:86%;padding:16px;display:flex}.brandi .plan-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.brandi .plan-name{font-family:var(--font-display);font-size:20px;font-weight:600}.brandi .plan-scope{color:var(--text-2);font-size:14px}.brandi .plan-price{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;display:flex}.brandi .amount{font-family:var(--font-display);font-size:28px;font-weight:600}.brandi .plan-cta{border-radius:var(--r-chip);align-self:flex-start;padding:10px 14px;font-size:14px}.brandi .dots{background:var(--chip);border:1px solid var(--line);border-radius:12px 12px 12px 4px;align-self:flex-start;gap:5px;padding:12px 14px;display:flex}.brandi .dots span{background:var(--text-2);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite bdots}.brandi .dots span:nth-child(2){animation-delay:.15s}.brandi .dots span:nth-child(3){animation-delay:.3s}@keyframes bdots{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media (prefers-reduced-motion:reduce){.brandi .dots span{opacity:.7;animation:none}}.brandi .opts{flex-wrap:wrap;gap:8px;min-height:44px;padding:0 18px 14px;display:flex}.brandi .opt{color:var(--text);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-chip);cursor:pointer;align-items:center;min-height:44px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.brandi .opt:hover{border-color:var(--faint)}.brandi .opt-link{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.brandi .opt-link:hover{color:var(--on-accent)}.brandi .composer{border-top:1px solid var(--line-subtle);align-items:center;gap:10px;padding:12px 14px;display:flex}.brandi .composer .input{border-radius:var(--r-button);background:var(--bg);flex:auto;min-width:0;padding:12px 14px;font-size:15px}.brandi .send{border-radius:var(--r-button);background:var(--accent);width:44px;height:44px;color:var(--on-accent);cursor:pointer;border:0;flex-shrink:0;justify-content:center;align-items:center;display:flex}@media (width<=520px){.brandi{border-radius:var(--r-panel);box-shadow:0 30px 80px -40px color-mix(in srgb, var(--accent) 45%, transparent)}.brandi .stage{height:176px}.brandi .host{top:34px}.brandi .fallback{width:92px;top:calc(50% + 17px)}.brandi .stage-bar{top:12px;left:14px;right:14px}.brandi .who{font-size:13px}.brandi .status{font-size:11px}.brandi .log{height:auto;min-height:92px;max-height:min(320px,42svh);padding:14px 14px 10px}.brandi .bubble{padding:9px 12px;font-size:15px}.brandi .bubble,.brandi .plan{width:auto;max-width:94%}.brandi .plan{padding:14px}.brandi .amount{font-size:24px}.brandi .opts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;padding:4px 14px 14px;display:grid}.brandi .opts:empty{display:none}.brandi .opt{text-align:left;justify-content:flex-start;padding:10px 12px;font-size:14px;line-height:1.25}.brandi .opt-link{text-align:center;grid-column:1/-1;justify-content:center}.brandi .composer{gap:8px;padding:10px 12px}.brandi .composer .input{text-overflow:ellipsis;padding:11px 12px;font-size:16px}}