:root{--bg:#0b0c10;--panel:#121318;--panel-soft:#181a22;--text:#eaeaea;--muted:#a9a9a9;--primary:#4f8cff;--danger:#ff5c5c;--border:#2b2d3a;--container: 2000px;--logo-size-left: 400px;--logo-size-right: 500px;--logo-gutter: 110px;--logo-col-min: calc(var(--logo-size-right) + 2 * var(--logo-gutter));--broadcast-min: 500px;--broadcast-max: 880px;--grid-gap: 18px;--summary-width: 880px;--summary-height: calc(100vh - 100px) ;--logo-nudge-left: 110px;--logo-nudge-right: 130px;--logo-top-nudge-left: 1px;--logo-top-nudge-right: 11px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Arial,sans-serif;background-image:url(/background-new.jpg);background-repeat:no-repeat;background-position:top center;background-size:100% auto;background-attachment:scroll;color:var(--text)}.container{max-width:100%;margin:0 auto;padding-left:clamp(16px,3vw,32px);padding-right:clamp(16px,3vw,32px)}.topbar{display:grid;grid-template-columns:minmax(var(--logo-col-min),1fr) minmax(var(--broadcast-min),var(--broadcast-max)) minmax(var(--logo-col-min),1fr);align-items:start;justify-content:center;gap:16px;margin:16px auto 12px;width:100%}.topbar__logo{display:grid;place-items:center;align-items:start;justify-items:center;height:250px}.topbar__logo--left{justify-self:start;width:var(--logo-size-left)}.topbar__logo--right{justify-self:end;width:var(--logo-size-right)}.topbar__logo--right{transform:translate(calc(-1 * var(--logo-nudge-left)))}.topbar__logo--left{transform:translate(var(--logo-nudge-right))}.topbar__logo--left{margin-top:var(--logo-top-nudge-left)}.topbar__logo--right{margin-top:var(--logo-top-nudge-right)}.topbar__logo img{width:100%;height:100%;object-fit:contain;display:block}.topbar__center{display:block}.brand-card img,.brand-card--left img{width:100%;height:100%;object-fit:contain;display:block}.broadcast-panel{width:min(100%,var(--broadcast-max));margin:28px auto;background:#0003;border:1px solid var(--border);border-radius:12px;padding:12px}.broadcast-panel .input-wrap{background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;padding:10px}.broadcast-textarea{width:100%;min-height:200px;max-height:200px;resize:none;background:transparent;border:0;outline:none;color:var(--text);font:inherit}.broadcast-textarea::placeholder{color:#fff;opacity:1}.broadcast-textarea::-webkit-input-placeholder{color:#fff;opacity:1}.bar-actions{display:flex;align-items:center;gap:10px;padding-top:10px;justify-content:flex-end}button{background:#1a1b22;color:var(--text);border:1px solid var(--border);padding:10px 12px;border-radius:10px;cursor:pointer}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button:disabled{opacity:.6;cursor:not-allowed}.icon-btn{background:#1a1b22;border:1px solid var(--border);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0;width:40px;height:40px}.icon-btn img{width:18px;height:18px;display:block}.icon-btn.mic-live{outline:2px solid rgba(59,130,246,.6);box-shadow:0 0 0 2px #3b82f640;animation:micPulse 1.2s ease-out infinite}@keyframes micPulse{0%{box-shadow:0 0 0 2px #3b82f659}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 0 2px #3b82f600}}.grid.personas{width:100%;max-width:var(--container);margin:0 auto 48px;padding-left:clamp(8px,2vw,24px);padding-right:clamp(8px,2vw,24px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--grid-gap);align-items:start}.card.persona{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;height:calc(100vh - 400px);min-height:420px}.persona-header-right .avatar,img.avatar{width:64px;height:64px;max-width:64px;max-height:64px;display:block;object-fit:cover;border-radius:12px;border:1px solid var(--border);background:#0f1015;flex:0 0 64px}.persona-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.persona-header-left{display:flex;align-items:center;gap:8px}.status-pill{font-size:11px;line-height:1;padding:4px 8px;border:1px solid #3c3f50;border-radius:999px;color:#cfd3e1}.bio{color:var(--muted);font-size:13px;margin:6px 0 10px}.chat{flex:1 1 auto;min-height:0;overflow:auto;background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;padding:10px;display:grid;gap:8px}.chat::-webkit-scrollbar{width:8px}.chat::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:8px}.msg{display:grid;gap:6px}.role{font-size:11px;color:var(--muted)}.bubble{background:#1c2030;border:1px solid var(--border);border-radius:10px;padding:10px;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.msg.user .bubble{background:#14203a}.tile-input{margin-top:10px;background:var(--panel-soft);border:1px solid var(--border);border-radius:10px;padding:10px;display:grid}.tile-textarea{width:100%;min-height:60px;max-height:200px;resize:none;background:transparent;border:0;outline:none;color:var(--text);font:inherit}.tile-actions{display:flex;align-items:center;gap:10px;padding-top:10px;justify-content:flex-end}.tile-actions .icon-btn.mic-primary{background:#1a1b22;border-color:var(--border)}.tile-actions .icon-btn.mic-primary img{//filter:none;filter:invert(1) brightness(1.2)}.icon-btn img{filter:invert(1) brightness(1.2)}.summary-wrap{width:min(100%,var(--summary-width));margin:60px auto 80px}.summary-panel{background:#777;color:#fff;border:1px solid #5f5f5f;border-radius:10px;padding:14px;height:var(--summary-height);display:flex;flex-direction:column}.summary-head{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:600;margin-bottom:8px}.summary-status{font-weight:500;font-size:12px;opacity:.9}.summary-body{flex:1 1 auto;overflow:auto}.summary-body pre{margin:0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.modal-backdrop{position:fixed;inset:0;z-index:80;background:#00000073;display:grid;place-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{width:min(92vw,420px);background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px}.modal .modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal .modal-actions{display:grid;gap:8px;margin-top:8px}.muted{color:var(--muted)}