*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}#root{display:flex;justify-content:center;align-items:center;min-height:100vh}.container{width:100%;max-width:800px;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:40px}h1{color:#333;margin-bottom:8px;font-size:32px}.subtitle{color:#666;margin-bottom:30px;font-size:16px}.input-section{margin-bottom:30px}.label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:14px}.controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{padding:12px 24px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.button-primary{background:#4c5fd7;color:#fff}.button-primary:hover:not(:disabled){background:#3b4cc0;transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.button-primary:disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.button-primary:disabled .spinner{border-color:#6b72804d;border-top-color:#6b7280}.button-secondary{background:#f0f0f0;color:#333}.button-secondary:hover:not(:disabled){background:#e0e0e0}.button-danger{background:#dc2626;color:#fff}.button-danger:hover:not(:disabled){background:#b91c1c}.recording-indicator{display:inline-flex;align-items:center;gap:8px;color:#dc2626;font-weight:600}.recording-dot{width:8px;height:8px;background:#dc2626;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.transcript-area{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:16px;margin-top:12px;min-height:80px;font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap;width:100%;font-family:inherit;resize:vertical;display:block}.transcript-area:focus{outline:2px solid #4c5fd7;outline-offset:1px;border-color:#4c5fd7}.transcript-area:read-only:not(:disabled){background:#fff7ed;border-color:#fdba74}.transcript-area:disabled{background:#f3f4f6;color:#6b7280}.text-input{flex:1;min-width:0;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px}.text-input:focus{outline:2px solid #4c5fd7;outline-offset:1px;border-color:#4c5fd7}.key-help{font-size:12px;color:#555;margin-top:8px}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.select{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-family:inherit;background:#fff;color:#333;cursor:pointer}.select:focus{outline:2px solid #4c5fd7;outline-offset:1px;border-color:#4c5fd7}.select:disabled{background:#f3f4f6;cursor:not-allowed}.provider-status{margin-top:10px;font-size:13px;color:#4c5fd7;font-weight:600;text-align:center;overflow-wrap:anywhere}.label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.link-button.subtle{margin-inline-start:0;font-size:12px;font-weight:600;color:#4c5fd7;text-decoration:none;margin-bottom:12px}.link-button.subtle:hover:not(:disabled){text-decoration:underline}.link-button:disabled{color:#9ca3af;cursor:not-allowed}.meta-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px;margin-top:10px}.cost-estimate{font-size:13px;font-weight:600;color:#166534;background:#dcfce7;border-radius:6px;padding:4px 10px}.catalog-age{font-size:12px;color:#6b7280}.mode-toggle{display:inline-flex;gap:4px;background:#f3f4f6;border-radius:8px;padding:3px;margin-bottom:12px}.mode-button{border:none;background:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;font-family:inherit;color:#4b5563;cursor:pointer;transition:background .2s ease,color .2s ease}.mode-button:hover:not(:disabled):not(.active){background:#e5e7eb}.mode-button.active{background:#fff;color:#4c5fd7;box-shadow:0 1px 3px #0000001f}.mode-button:disabled{cursor:not-allowed;opacity:.6}.article-badge{display:flex;flex-direction:column;gap:2px;margin-top:12px;padding:10px 14px;background:#f0f4ff;border-inline-start:4px solid #4c5fd7;border-radius:8px;font-size:13px;color:#333}.clear-article{margin-top:12px}.cost-actual{margin-top:16px;padding-top:12px;border-top:1px solid #e5e7eb;font-size:13px;color:#374151}.token-detail{color:#6b7280}.change-key-button{margin-bottom:20px;font-size:12px}.link-button{margin-inline-start:8px;text-decoration:underline;background:none;border:none;cursor:pointer;font-weight:700;color:inherit;font-size:inherit}.update-banner{margin-top:0;margin-bottom:20px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transcript-area.empty{color:#999;font-style:italic}.submit-button{margin-top:20px;width:100%;padding:14px;font-size:16px;font-weight:600}.rebuttal-section{margin-top:30px;border-top:2px solid #e5e7eb;padding-top:20px}.rebuttal-title{color:#333;margin-bottom:16px;font-size:18px;font-weight:600}.rebuttal-brief{background:#f0f4ff;border-inline-start:4px solid #667eea;padding:16px;border-radius:8px;margin-bottom:16px;line-height:1.6;color:#333;font-size:15px;white-space:pre-wrap}.expander-header{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;-webkit-user-select:none;user-select:none;transition:background .2s ease;width:100%;text-align:start;font-family:inherit;font-size:15px;color:#333}.expander-header:hover{background:#f0f4ff}.expander-arrow{display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:18px;transition:transform .3s ease;color:#667eea}.expander-arrow.open{transform:rotate(180deg)}.expander-text{flex:1;font-weight:600;color:#333}.collapsible,.rebuttal-detailed{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease,opacity .3s ease;opacity:1}.collapsible.collapsed,.rebuttal-detailed.collapsed{grid-template-rows:0fr;opacity:0}.collapsible-clip,.rebuttal-detailed-clip{overflow:hidden;min-height:0}.settings-header{margin-bottom:20px;align-items:flex-start}.settings-summary{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.settings-model{font-weight:600;color:#333}.settings-blurb{font-size:12px;color:#6b7280;font-weight:400;line-height:1.5}.settings-action{font-size:12px;font-weight:600;color:#4c5fd7;flex-shrink:0}.settings-body{padding-top:4px}.sources-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:20px;font-size:13px;font-weight:600;color:#333;cursor:pointer;line-height:1.5}.sources-toggle input{margin-top:2px;width:16px;height:16px;accent-color:#4c5fd7;cursor:pointer;flex-shrink:0}.sources-hint{font-weight:400;color:#6b7280}.sources-hint-warn{color:#92400e}.sources{margin-top:18px;padding-top:12px;border-top:1px solid #e5e7eb}.sources-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:8px}.sources-list{margin:0;padding-inline-start:20px;font-size:13px;line-height:1.7}.sources-list a{color:#4c5fd7}.steelman-header{margin-top:12px}.steelman-content{border-top:1px solid #e5e7eb;background:#fffbeb}.steelman-error{color:#991b1b}.steelman-spinner{margin-inline-start:10px;width:12px;height:12px;border-width:2px}.strategy-line{font-size:13px;color:#4b5563;font-style:italic;margin-bottom:12px;line-height:1.5}.context-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.chip{font-size:12px;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px}.send-zone{border:2px solid #4c5fd7;border-radius:12px;padding:16px;background:#fff}.send-zone-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.send-zone-head .rebuttal-title{margin-bottom:0}.copy-message{font-size:13px;padding:8px 16px}.message-body{line-height:1.75;color:#1f2937;font-size:15px;white-space:pre-wrap}.message-body a{color:#4c5fd7}.shorter-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.shorter-toggle{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:13px;font-weight:600;color:#4c5fd7;background:none;border:none;border-radius:6px;padding:4px 6px;margin-inline-start:-6px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.shorter-toggle:hover:not(:disabled){color:#3446b8}.shorter-toggle:disabled{cursor:default;opacity:.7}.shorter-spinner{width:12px;height:12px;border-width:2px}.shorter-note{font-size:12px;color:#6b7280}.shorter-error{color:#92400e}.claim-badge{margin-top:16px;width:100%;text-align:start;font-family:inherit;font-size:12px;font-weight:600;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;cursor:pointer}.claim-badge-warn{color:#92400e;background:#fef3c7;border-color:#fde68a}.claim-panel-body{padding:12px 4px 0;font-size:13px}.claim-warn{color:#92400e;font-size:13px;line-height:1.6;margin-top:10px}.weak-link{margin-top:16px;padding:14px 16px;background:#fff7ed;border:1px solid #fdba74;border-inline-start:4px solid #ea580c;border-radius:8px;font-size:14px;line-height:1.65;color:#7c2d12;white-space:pre-wrap}.weak-link-title{font-weight:700;margin-bottom:6px}.briefing-header{margin-top:20px}.briefing-tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#92400e;background:#fef3c7;border-radius:999px;padding:3px 8px;flex-shrink:0}.answered-list .unanswered{color:#991b1b;font-weight:600}.label-optional{font-weight:400;font-size:12px;color:#6b7280}.audience-section{margin-bottom:20px}.audience-section .text-input{width:100%}.share-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px}.share-caveat{font-size:12px;flex:1;min-width:180px}.share-result{width:100%}.shared-view{margin-bottom:30px}.shared-banner{display:flex;flex-direction:column;gap:2px;padding:12px 16px;background:#f0f4ff;border-inline-start:4px solid #4c5fd7;border-radius:8px;font-size:14px;margin-bottom:24px}.shared-heading{font-size:14px;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.04em;margin:24px 0 10px}.shared-argument{margin-top:0;white-space:pre-wrap}.shared-detailed{border:1px solid #e5e7eb;border-radius:8px;margin-top:12px}.shared-cta{margin-top:28px;width:100%;justify-content:center}.rebuttal-detailed-content{background:#fff;border:1px solid #e5e7eb;border-top:none;padding:16px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;line-height:1.8;color:#333;font-size:15px;margin-top:-1px;white-space:pre-wrap}.loading{display:flex;align-items:center;gap:8px;color:#667eea;font-weight:600}.spinner{display:inline-block;width:16px;height:16px;border:3px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b;padding:12px;border-radius:8px;margin-top:12px;font-size:14px}.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534;padding:12px;border-radius:8px;margin-top:12px;font-size:14px}@media (max-width: 600px){.container{padding:24px}h1{font-size:24px}.controls{flex-direction:column;align-items:stretch}.button{width:100%;justify-content:center}.controls .text-input{width:100%}.provider-grid{grid-template-columns:1fr}}.account-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.language-controls{display:flex;align-items:center;gap:8px}.language-select{padding:5px 8px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;color:#374151;cursor:pointer}.english-escape{font-size:13px;font-weight:600;white-space:nowrap}.account-controls{display:flex;align-items:center;gap:10px;font-size:13px}.account-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.account-name{color:#4b5563;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sign-in-button{padding:7px 14px;font-size:13px}.vault-locked{font-size:13px;font-weight:600;color:#b45309}.vault-synced{font-size:13px;color:#15803d;white-space:nowrap}.vault-dialog{border:1px solid #c7d2fe;background:#f5f7ff;border-radius:12px;padding:18px;margin-bottom:20px}.vault-title{margin:0 0 6px;font-size:17px;color:#312e81}.vault-warning{margin:10px 0 0;padding:10px 12px;border-inline-start:4px solid #ea580c;background:#fff7ed;border-radius:6px;font-size:13px;color:#7c2d12}.vault-hint{color:#b45309}.vault-actions{margin-top:14px;align-items:center}.recovery-dialog{max-width:34rem}.recovery-code{display:block;margin:14px 0;padding:14px 16px;border-radius:10px;border:1px dashed #a5b4fc;background:#eef2ff;color:#1e1b4b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px;letter-spacing:.08em;text-align:center;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.recovery-warning{margin-top:14px}.recovery-replaces{margin:12px 0 0;padding:8px 12px;border-inline-start:4px solid #b45309;background:#fffbeb;border-radius:6px;font-size:13px;color:#713f12}.recovery-confirm{display:flex;gap:8px;align-items:flex-start;margin:14px 0 0;font-size:13px;text-align:start;cursor:pointer}.recovery-copied{margin-inline-start:10px;font-size:13px;color:#15803d}.recovery-status{font-size:13px;white-space:nowrap}.recovery-prompt{border:1px solid #fcd34d;background:#fffbeb;border-radius:12px;padding:14px 16px;margin-bottom:20px;color:#713f12}.recovery-prompt p{margin:0 0 8px}.signin-cluster{position:relative;display:flex;align-items:center;gap:4px}.benefits-toggle{font-size:15px;line-height:1;padding:4px;color:#6366f1}.account-benefits{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:30;width:min(320px,86vw);padding:12px 14px;border:1px solid #c7d2fe;border-radius:10px;background:#f5f7ff;box-shadow:0 8px 24px #312e811f;font-size:13px;color:#374151;text-align:start}.account-benefits strong{display:block;margin-bottom:6px;color:#312e81}.account-benefits ul{margin:0;padding-inline-start:18px;display:grid;gap:4px}.auth-google{width:100%;margin-bottom:4px}.auth-dialog .text-input[readonly]{background:#eef1f6;color:#4b5563}.auth-divider{display:flex;align-items:center;gap:10px;margin:10px 0;color:#6b7280;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid #c7d2fe}.reply-language{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-6px 0 16px;font-size:13px;color:#4b5563}.reply-language-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;flex-basis:100%}.reply-language-picker .key-help{margin:0;flex-basis:100%}[dir=rtl] .expander-arrow{transform:scaleX(-1)}[dir=rtl] .expander-arrow.open{transform:rotate(180deg)}@media (max-width: 600px){.account-bar{flex-direction:column;align-items:stretch}.account-controls{justify-content:space-between}}.instant-quota{margin:8px 0 0;font-size:13px;color:#4b5563;text-align:center}.instant-done{margin-top:16px;padding:20px;border:1px solid #c7d2fe;background:#f5f7ff;border-radius:12px;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center}.instant-done h3{margin:0;font-size:16px;color:#312e81}.instant-done p{margin:0;font-size:14px;color:#4338ca;line-height:1.6}.turnstile-slot{position:fixed;inset-block-end:12px;inset-inline-end:12px;z-index:50}.history-toggle{margin-inline-start:0;margin-bottom:20px;display:inline-block}.history-panel{margin:-8px 0 24px;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb}.history-note{font-size:13px;color:#6b7280;margin:0 0 12px}.history-empty{font-size:13px;color:#6b7280;margin:0}.history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:8px;min-width:0}.history-restore{flex:1;display:flex;gap:12px;align-items:baseline;text-align:start;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 14px;color:#333;cursor:pointer;font-family:inherit;font-size:14px;min-width:0}.history-restore:hover{background:#f0f4ff;border-color:#c7d2fe}.history-date{font-size:12px;color:#6b7280;white-space:nowrap;flex-shrink:0}.history-snippet{font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.history-delete{margin-inline-start:0;opacity:.6;flex-shrink:0;font-size:14px}.history-delete:hover{opacity:1}.history-clear{margin-inline-start:0;margin-top:12px;font-size:13px}