:root { color-scheme:dark; --bg:#0d1117; --card:#161b22; --border:#30363d; --accent:#58a6ff; --pro:#2ea043; --con:#da3633; --text:#c9d1d9; --heading:#f0f6fc; --input-bg:#0d1117; --input-text:#e6edf7; --input-placeholder:#99a9bf; }
        :root[data-theme="light"] { color-scheme:light; --bg:#eef3f8; --card:#fff; --border:#d5dfeb; --accent:#3568b8; --pro:#168467; --con:#c44545; --text:#344054; --heading:#1d2939; --input-bg:#fff; --input-text:#1d2939; --input-placeholder:#66758a; }
        * { box-sizing:border-box; margin:0; padding:0; }
        body { font-family:'Segoe UI',sans-serif; background:var(--bg); color:var(--text); padding:16px; min-height:100vh; display:flex; flex-direction:column; gap:12px; }
        header { display:flex; align-items:center; justify-content:space-between; padding-bottom:10px; border-bottom:1px solid var(--border); }
        h2 { color:var(--heading); font-size:1.15rem; }
        .host-badge { background:#58a6ff26; color:var(--accent); padding:4px 10px; border-radius:12px; font-size:.8rem; }
        .card { background:var(--card); border:1px solid var(--border); border-radius:8px; padding:14px; }
        .topic { color:var(--heading); font-size:1.08rem; font-weight:650; line-height:1.45; margin-bottom:8px; }
        .muted { color:#8b949e; font-size:.82rem; }
        .bar { display:flex; height:10px; background:#21262d; border-radius:8px; overflow:hidden; margin:12px 0 7px; }
        .pro-bar { background:var(--pro); } .con-bar { background:var(--con); }
        .stats { display:flex; justify-content:space-between; font-size:.85rem; }
        .buttons { display:flex; gap:8px; margin-top:12px; }
        button { height:36px; box-sizing:border-box; border:0; border-radius:6px; color:white; font-weight:600; padding:0 12px; cursor:pointer; }
        button:disabled { opacity:.5; cursor:default; }
        .pro-button { background:var(--pro); flex:1; } .con-button { background:var(--con); flex:1; }
        .start-button { background:#1f6feb; width:100%; margin-top:10px; }
        label { display:block; font-size:.85rem; margin:9px 0 4px; }
        input { width:100%; background:var(--input-bg); border:1px solid var(--border); border-radius:5px; padding:8px 10px; color:var(--input-text); }
        input::placeholder { color:var(--input-placeholder); opacity:1; }
        .duration { display:flex; gap:12px; } .duration label { flex:1; }
        .results { display:flex; flex-direction:column; gap:8px; }
        .result { padding:9px 10px; background:#21262d; border-radius:6px; font-size:.86rem; }
        .error { color:#ff7b72; font-size:.85rem; min-height:1.1em; }
        .section-title { color:#8b949e; font-size:.8rem; font-weight:700; margin-bottom:8px; }
        .council-tagline { margin-top:-4px; padding:12px 15px; border-left:3px solid var(--accent); border-radius:0 8px 8px 0; background:color-mix(in srgb, var(--accent) 9%, var(--card)); color:var(--text); line-height:1.65; font-size:.9rem; }
        .council-messages { max-height:220px; min-height:70px; overflow:auto; display:flex; flex-direction:column; gap:7px; margin:8px 0; }
        .council-message { padding:7px 9px; border:1px solid var(--border); border-radius:7px; background:color-mix(in srgb, var(--accent) 6%, var(--card)); overflow-wrap:anywhere; }
        .council-message-author { color:var(--accent); font-weight:700; margin-right:7px; }
        .council-chat-form { display:flex; gap:7px; }
        .council-chat-form input { flex:1; min-width:0; width:auto; }
        .council-chat-form button { width:46px; min-width:46px; height:36px; padding:0; border-radius:8px; background:linear-gradient(135deg,#0e7490,#155e75); color:#ecfeff; border:1px solid #22d3ee; box-shadow:0 0 0 1px rgba(34,211,238,.22),0 5px 15px rgba(8,145,178,.32); font-size:1.2rem; }
        .council-chat-form button:hover:not(:disabled) { background:linear-gradient(135deg,#0891b2,#0e7490); transform:translateY(-1px); }
        .council-chat-form button:disabled { opacity:.58; }