*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0f;--surface: #12121a;--surface2: #1a1a26;--border: #2a2a3a;--text: #e0e0e8;--text-dim: #8888a0;--accent: #7c6ff0;--accent-dim: #5a50b0;--claim: #6ec1e4;--response: #7ce4a1;--question: #e4c76e;--rebuttal: #e47070;--agreement: #70e4a8;--tangent: #b070e4;--clarification: #e4a870;--evidence: #70b8e4}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.header-brand{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--text);text-decoration:none;white-space:nowrap}.header-brand:hover{opacity:.8}.attribution{color:var(--text-dim);text-decoration:none;font-size:.75rem;margin-left:auto;white-space:nowrap;flex-shrink:0}.attribution:hover{color:var(--accent)}.hero-tagline{color:var(--text-dim);font-size:1rem;margin-bottom:1.5rem;text-align:center}.input-group{margin-bottom:1.25rem}.input-group-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin-bottom:.5rem}.yt-url-input{flex:1;padding:.6rem .75rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;font-size:.9rem;font-family:inherit}.yt-url-input:focus{outline:none;border-color:var(--accent)}.yt-url-input::placeholder{color:var(--text-dim)}.yt-status{font-size:.8rem;margin-top:.4rem}.yt-status.loading{color:var(--text-dim)}.yt-status.error{color:#e74c3c}.source-link{color:var(--accent);text-decoration:none;transition:opacity .15s}.source-link:hover{opacity:.8;text-decoration:underline}.yt-title-group{display:inline-flex;align-items:center;gap:.4rem}.yt-icon{width:20px;height:14px;flex-shrink:0}.yt-dropdown-link{cursor:pointer}.yt-chevron{font-size:.7rem;opacity:.6;margin-left:.15rem}#yt-embed-container{margin:.75rem 0}.yt-embed-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;border:1px solid var(--border)}.yt-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px}.input-row{display:flex;align-items:center;gap:.75rem;margin-bottom:0}.input-row-compact{margin-top:.75rem}.btn{background:var(--accent);color:#fff;border:none;padding:.55rem 1.25rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s;white-space:nowrap}.btn:hover{background:var(--accent-dim)}.btn-upload{cursor:pointer}.btn-record{display:flex;align-items:center;gap:.5rem}.record-dot{width:10px;height:10px;background:#e47070;border-radius:50%}.recording .record-dot{animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.record-time{color:var(--text-dim);font-variant-numeric:tabular-nums}.record-controls{display:flex;align-items:center;gap:1rem}.recording-bar{position:sticky;top:0;z-index:100;padding:.5rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;margin-bottom:.75rem}.recording-bar-top{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.recording-bar-top .speaker-names{margin:0;padding:0;border:none;background:none}.recording-bar-top .type-legend{margin:0;padding:0;background:none;border:none;font-size:.75rem}.recording-bar-top .btn-stop{margin-left:auto}.btn-stop{background:var(--rebuttal);color:#fff;border:none;padding:.4rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;margin-left:auto}.btn-stop:hover{opacity:.85}textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:.75rem;font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:0}textarea:focus{outline:none;border-color:var(--accent-dim)}.hint{color:var(--text-dim);font-size:.8rem;margin-bottom:1rem}.htmx-indicator{display:none}.htmx-indicator.htmx-request{display:flex;align-items:center;gap:.75rem;padding:1rem;color:var(--text-dim)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#2a1520;border:1px solid #e47070;color:#e47070;padding:.75rem 1rem;border-radius:6px;margin:1rem 0}.section-header{display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem;margin-bottom:.25rem;border-bottom:1px solid var(--border)}.section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim)}.btn-minimize{background:none;border:1px solid var(--border);color:var(--text-dim);width:1.4rem;height:1.4rem;border-radius:4px;cursor:pointer;font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.btn-minimize:hover{background:var(--surface);color:var(--text)}.collapsed .section-header{border-bottom:none;margin-bottom:0}.argument-tree{margin-top:0}.statement{position:relative;margin:.75rem 0 .1rem;padding:.15rem .15rem .15rem .35rem;border-radius:6px;background:color-mix(in srgb,var(--speaker-bg, transparent) 12%,var(--bg));transition:opacity .3s,transform .3s}.statement:first-child{margin-top:.25rem}.stmt-meta{position:absolute;top:-.55rem;left:.5rem;display:inline-flex;align-items:center;gap:.35rem;font-size:.65rem;line-height:1;background:var(--bg);padding:.1rem .4rem;border-radius:3px;color:var(--text-dim);z-index:1}.stmt-meta .type-badge{font-size:.7rem;padding:0}.stmt-meta .speaker{font-weight:600;font-size:.65rem}.stmt-meta .msg-time{font-size:.6rem;opacity:.7}.stmt-meta .child-count{font-size:.6rem;opacity:.6}.btn-pin{background:none;border:none;cursor:pointer;font-size:.6rem;padding:0 .15rem;opacity:0;transition:opacity .15s;line-height:1}.chat-msg:hover .btn-pin,.statement:hover>.stmt-meta .btn-pin,.btn-pin.pinned{opacity:.5}.btn-pin:hover,.btn-pin.pinned{opacity:1!important}.msg-pinned{outline:1px solid var(--accent);outline-offset:-1px}.chat-msg .btn-pin{margin-left:auto;font-size:.7rem;flex-shrink:0}.stmt-entering{opacity:0;transform:translateY(-8px)}.stmt-removing{opacity:0;transform:translate(20px);pointer-events:none}details>summary{cursor:pointer;padding:.25rem .5rem;border-radius:6px;list-style:none;transition:background .15s;line-height:1.35}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"▸";display:inline-block;margin-right:.5rem;transition:transform .15s;color:var(--text-dim)}details[open]>summary:before{transform:rotate(90deg)}details>summary:hover{background:#ffffff08}.leaf{padding:.25rem .5rem;line-height:1.35;border-radius:6px}.children{padding-left:.5rem}.type-badge{font-size:.95rem;padding:0 .2rem}.type-legend{position:relative;font-size:.8rem;color:var(--text-dim)}.legend-trigger{cursor:pointer;padding:.25rem .5rem;border-radius:4px;-webkit-user-select:none;user-select:none}.legend-trigger:hover{background:var(--surface2)}.legend-dropdown{position:absolute;top:100%;left:0;margin-top:.35rem;padding:.5rem .75rem;background:var(--surface2);border:1px solid var(--border);border-radius:6px;display:none;flex-direction:column;gap:.35rem;z-index:200;white-space:nowrap}.type-legend:hover .legend-dropdown{display:flex}.legend-item{white-space:nowrap}.type-claim .type-badge{color:var(--claim)}.type-response .type-badge{color:var(--response)}.type-question .type-badge{color:var(--question)}.type-rebuttal .type-badge{color:var(--rebuttal)}.type-agreement .type-badge{color:var(--agreement)}.type-tangent .type-badge{color:var(--tangent)}.type-clarification .type-badge{color:var(--clarification)}.type-evidence .type-badge{color:var(--evidence)}.speaker{font-weight:600;color:var(--speaker-bg, var(--text-dim))}.child-count{font-size:.75rem;color:var(--text-dim)}.flagged{border-left-color:var(--rebuttal)!important}.fact-check{display:block;margin-top:.35rem;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;background:#e470701a;border:1px solid rgba(228,112,112,.25)}.fact-verdict{font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-right:.4rem}.verdict-false .fact-verdict{color:var(--rebuttal)}.verdict-misleading .fact-verdict{color:var(--question)}.verdict-unverified .fact-verdict{color:var(--text-dim)}.verdict-mostly-true .fact-verdict{color:var(--agreement)}.fact-correction{color:var(--text)}.fact-source{margin-left:.5rem;color:var(--accent);text-decoration:none;font-size:.75rem}.fact-source:hover{text-decoration:underline}.fallacy-flag{display:block;margin-top:.35rem;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;background:#7c6ff01a;border:1px solid rgba(124,111,240,.25)}.fallacy-name{font-weight:700;color:#9b8afb;margin-right:.4rem}.fallacy-explanation{color:var(--text)}.statement.msg-highlight-self>.leaf,.statement.msg-highlight-self>details>summary{outline:1.5px solid var(--speaker-bg, var(--accent));outline-offset:-1px;background:color-mix(in srgb,var(--speaker-bg, var(--accent)) 25%,var(--bg));border-radius:6px}.chat-msg.msg-highlight-self{outline:1.5px solid var(--speaker-bg, var(--accent));outline-offset:-1px;background:color-mix(in srgb,var(--speaker-bg, var(--accent)) 25%,var(--bg))}.argument-tree.has-highlight .statement:not(.msg-highlight-self){background:transparent}.argument-tree.has-highlight .statement:not(.msg-highlight-self)>.leaf,.argument-tree.has-highlight .statement:not(.msg-highlight-self)>details>summary{opacity:.35}.argument-tree.has-highlight .statement.msg-highlight-self>.leaf,.argument-tree.has-highlight .statement.msg-highlight-self>details>summary{opacity:1}.chat-messages.has-highlight .chat-msg:not(.msg-highlight-self){opacity:.35}.msg-time{font-size:.6rem;color:var(--text-dim);opacity:.6;margin-right:.3rem;font-variant-numeric:tabular-nums;vertical-align:middle;font-family:monospace}.msg-index{display:inline-block;font-size:.6rem;min-width:1.2rem;text-align:center;padding:.05rem .25rem;border-radius:8px;background:#ffffff0f;color:var(--text-dim);margin-right:.3rem;vertical-align:middle;font-variant-numeric:tabular-nums}.depth-badge{display:inline-block;font-size:.65rem;padding:.05rem .35rem;border-radius:8px;background:var(--surface);color:var(--text-dim);border:1px solid var(--border);margin-right:.3rem;vertical-align:middle;font-variant-numeric:tabular-nums}.live-transcript h2{font-size:1.2rem;margin-bottom:.75rem}.live-text{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;min-height:120px;max-height:400px;overflow-y:auto;line-height:1.8;font-size:.95rem}.live-text .interim{color:var(--text-dim);font-style:italic}header,.input-section{transition:opacity .3s,max-height .3s;overflow:hidden}.hidden-section{opacity:0;max-height:0;margin:0;padding:0;pointer-events:none}.live-session{margin-top:.5rem}@media(min-width:800px){.live-session{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.analyze-form{grid-column:1 / -1}}.argument-section{overflow-y:auto}.speaker-names{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;background:var(--surface);border-radius:6px;border:1px solid var(--border);flex-wrap:wrap}.speaker-list{display:flex;flex-wrap:wrap;gap:.4rem}.speaker-input{display:flex;align-items:center;gap:.35rem}.speaker-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.speaker-input input{background:transparent;color:var(--text);border:1px solid transparent;border-radius:3px;padding:.15rem .4rem;font-size:.8rem;font-family:inherit;width:110px}.speaker-stats{font-size:.65rem;color:var(--text-dim);opacity:.7;white-space:nowrap;margin-left:.25rem;font-variant-numeric:tabular-nums}.speaker-input input:hover{border-color:var(--border)}.speaker-input input:focus{outline:none;border-color:var(--speaker-color, var(--accent));background:var(--surface2)}.chat-messages{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;overflow-y:auto;padding:.5rem}.chat-msg{padding:.4rem .75rem;border-radius:6px;background:color-mix(in srgb,var(--speaker-bg, var(--surface)) 12%,var(--bg));line-height:1.5}.chat-speaker{font-weight:600;margin-right:.5rem;font-size:.85rem;color:var(--speaker-bg, var(--text-dim))}.chat-text{font-size:.9rem}.transcript-result h2{font-size:1.2rem;margin-bottom:1rem}.transcript-actions{display:flex;gap:.5rem;margin-bottom:.5rem}.btn-secondary{background:var(--surface2);color:var(--text-dim)}.btn-secondary:hover{background:var(--border);color:var(--text)}.action-row{display:flex;gap:.5rem;margin-top:1rem;align-items:center}.discovery{margin-top:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:600px){.discovery{grid-template-columns:1fr}}.discovery-col h3{font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.6rem}.speakers-list{display:flex;flex-direction:column;gap:.35rem}.speaker-chip{display:flex;align-items:center;justify-content:space-between;padding:.45rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;text-decoration:none;transition:border-color .15s,background .15s;cursor:pointer}.speaker-chip:hover{border-color:var(--accent-dim);background:var(--surface2)}.speaker-chip-name{color:var(--text);font-weight:500;font-size:.85rem}.speaker-chip-meta{color:var(--text-dim);font-size:.7rem;white-space:nowrap}.conversations-list{display:flex;flex-direction:column;gap:.35rem}.conversation-item{padding:.45rem .65rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s,background .15s}.conversation-item:hover{border-color:var(--accent-dim);background:var(--surface2)}.conversation-title{font-weight:500;font-size:.85rem;color:var(--text)}.conversation-meta{font-size:.7rem;color:var(--text-dim);margin-top:.1rem}.speaker-page{padding:1rem 0}.speaker-page h2{font-size:1.4rem;font-weight:600;margin-bottom:.25rem}.speaker-convos{margin-top:1rem}.speaker-convos .conversation-item{margin-bottom:.5rem}.text-dim{color:var(--text-dim);font-size:.85rem}.conversation-title-bar{font-size:.85rem;font-weight:500;color:var(--text);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:50%}.header-nav{display:flex;gap:1rem}.header-nav a{color:var(--text-dim);text-decoration:none;font-size:.8rem;transition:color .15s;white-space:nowrap}.header-nav a:hover{color:var(--accent)}.list-page{padding:1rem 0}.list-page h2{font-size:1.3rem;font-weight:600;margin-bottom:.75rem}.list-items{display:flex;flex-direction:column;gap:.4rem}.list-item{display:flex;align-items:center;justify-content:space-between;padding:.55rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}.list-item:hover{border-color:var(--accent-dim);background:var(--surface2)}.list-item-name{font-weight:500;font-size:.85rem;color:var(--text)}.list-item-title{color:var(--text-dim);font-size:.8rem;margin-left:.5rem}.list-item-meta{color:var(--text-dim);font-size:.7rem;white-space:nowrap;flex-shrink:0}.speaker-anon-tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:var(--surface2);border:1px dashed var(--border);border-radius:3px;padding:.1rem .3rem;margin-right:.3rem;cursor:help;flex-shrink:0}.speaker-input input.anon-name{color:var(--text-dim);font-style:italic;text-decoration:underline;text-decoration-style:dashed;text-underline-offset:2px;text-decoration-color:var(--border)}.speaker-link{font-size:.75rem;color:var(--accent-dim);text-decoration:none;margin-right:.3rem;flex-shrink:0;opacity:.7;transition:opacity .15s}.speaker-link:hover{opacity:1;color:var(--accent)}