:root{--bg-primary: #0f0f12;--bg-secondary: #1a1a22;--bg-card: #22222e;--bg-card-hover: #2a2a38;--text-primary: #f5f5f7;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-blue: #3b82f6;--accent-blue-glow: rgba(59, 130, 246, .3);--accent-purple: #8b5cf6;--accent-purple-glow: rgba(139, 92, 246, .3);--risk-low: #22c55e;--risk-medium: #eab308;--risk-high: #ef4444;--opportunity-low: #64748b;--opportunity-medium: #3b82f6;--opportunity-high: #8b5cf6;--border-default: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 24px rgba(0, 0, 0, .4);--shadow-glow: 0 0 40px var(--accent-blue-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh}.app{max-width:1200px;margin:0 auto;padding:2rem;position:relative}.butter-bar{position:fixed;top:0;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background:var(--accent-blue);color:#fff;font-weight:500;border-radius:0 0 var(--radius-md) var(--radius-md);z-index:1000;animation:slideDown .3s ease}.butter-bar.error{background:var(--risk-high)}@keyframes slideDown{0%{transform:translate(-50%) translateY(-100%)}to{transform:translate(-50%) translateY(0)}}.app-header{margin-bottom:2rem}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.app-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);font-family:Playfair Display,serif;margin:0}.view-toggle{display:flex;gap:.25rem;background:var(--bg-secondary);padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-default)}.toggle-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--accent-blue);color:#fff}.app-subtitle{color:var(--text-secondary);font-size:1rem;text-align:center}.input-section{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:2rem}.input-label{display:block;font-weight:500;margin-bottom:.75rem;color:var(--text-secondary)}.input-textarea{width:100%;min-height:120px;padding:1rem;font-family:inherit;font-size:1rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);resize:vertical;transition:border-color .2s,box-shadow .2s}.input-textarea:focus{outline:none;border-color:var(--accent-blue);box-shadow:var(--shadow-glow)}.input-textarea::placeholder{color:var(--text-muted)}.generate-btn{margin-top:1rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;background:var(--accent-blue);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform .2s,box-shadow .2s}.generate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow)}.generate-btn:disabled{opacity:.6;cursor:not-allowed}.loading{display:flex;flex-direction:column;align-items:center;padding:3rem;color:var(--text-secondary)}.spinner{width:48px;height:48px;border:3px solid var(--border-default);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:1rem 1.5rem;color:#fca5a5;margin-bottom:2rem}.error-title{font-weight:600;margin-bottom:.25rem}.results-section{display:grid;gap:2rem}.stage-section{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem}.stage-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-default)}.stage-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.875rem;font-weight:700;background:var(--accent-blue);border-radius:50%}.stage-title{font-size:1.125rem;font-weight:600}.stage-subtitle{font-size:.875rem;color:var(--text-muted);margin-left:auto}.stage1-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.stage1-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1.25rem;cursor:pointer;transition:all .2s}.stage1-card:hover{background:var(--bg-card-hover);border-color:var(--border-hover);transform:translateY(-2px)}.stage1-card.selected{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-glow)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.mode-badge{display:inline-block;padding:.25rem .625rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-blue-glow);color:var(--accent-blue);border-radius:var(--radius-sm)}.mode-badge.literal{background:#3b82f626;color:#60a5fa}.mode-badge.inferred{background:#8b5cf626;color:#a78bfa}.mode-badge.ambiguity_spotter{background:#eab30826;color:#fbbf24}.mode-badge.contrarian{background:#ef444426;color:#f87171}.mode-badge.the_skeptic{background:#fb923c26;color:#fb923c}.mode-badge.the_fan{background:#f472b626;color:#f472b6}.mode-badge.the_surrealist{background:#2dd4bf26;color:#2dd4bf}.confidence-badge{font-size:.75rem;font-weight:500;color:var(--text-muted)}.feedback-text{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin-bottom:1rem}.card-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.level-pill{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border-radius:100px;text-transform:capitalize}.level-pill.relatability{background:#3b82f61a;color:#60a5fa}.level-pill.relatability.high{color:#22d3ee;background:#22d3ee26}.level-pill.relatability.low{color:#64748b;background:#64748b1a}.level-pill.laugh{background:#eab3081a;color:#fbbf24}.level-pill.laugh.high{color:#22c55e;background:#22c55e26}.level-pill.laugh.low{color:#a1a1aa;background:#a1a1aa1a}.level-pill.energy{background:#ef44441a;color:#f87171}.level-pill.energy.hot{color:#ef4444;background:#ef444433}.level-pill.energy.warm{color:#fb923c;background:#fb923c26}.level-pill.energy.cold{color:#94a3b8;background:#94a3b81a}.reason-codes{display:flex;gap:.375rem;flex-wrap:wrap}.reason-chip{padding:.125rem .5rem;font-size:.6875rem;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:100px;color:var(--text-secondary)}.stage2-list{display:flex;flex-direction:column;gap:.75rem}.stage2-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all .2s}.stage2-item:hover{background:var(--bg-card-hover)}.angle-name{font-size:.875rem;font-weight:600;color:var(--accent-purple);text-transform:capitalize}.direction-text{color:var(--text-primary);font-size:.9375rem;line-height:1.5}.exploration-badge{flex-shrink:0;padding:.25rem .625rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:var(--accent-purple-glow);color:var(--accent-purple);border-radius:var(--radius-sm)}.no-paths{padding:1.5rem;text-align:center;color:var(--text-muted);font-style:italic}.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:1rem}@media (max-width: 768px){.app{padding:1rem}.header-top{flex-direction:column;gap:1rem}.app-title{font-size:1.75rem}.stage1-grid{grid-template-columns:1fr}}.history-section{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.5rem}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.history-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.history-content{flex:1;min-width:0}.history-text{color:var(--text-primary);font-size:.9375rem;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-date{font-size:.75rem;color:var(--text-muted)}.delete-btn{flex-shrink:0;padding:.5rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;opacity:.6;transition:all .2s}.delete-btn:hover{opacity:1;background:#ef44441a;border-color:#ef44444d}.history-loading,.history-error,.history-empty{text-align:center;padding:3rem;color:var(--text-secondary)}.history-empty .hint{font-size:.875rem;color:var(--text-muted);margin-top:.5rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-default)}.pagination button{padding:.5rem 1rem;font-size:.875rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.pagination button:hover:not(:disabled){background:var(--bg-card-hover)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:.875rem;color:var(--text-muted)}.reviewer-section{border-color:var(--accent-purple);border-width:2px}.stage-badge-reviewer{background:var(--accent-purple)}.stage-badge-similar{background:var(--opportunity-medium)}.reviewer-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.reviewer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#8b5cf614;border-bottom:1px solid var(--border-default);cursor:pointer;transition:background .2s}.reviewer-header:hover{background:#8b5cf61f}.reviewer-title-group,.similar-title-group{display:flex;align-items:center;gap:1rem}.reviewer-title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.125rem;color:var(--text-primary)}.reviewer-icon{font-size:1.25rem}.reviewer-meta{display:flex;align-items:center;gap:1rem}.reviewer-risk-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;color:#fff;box-shadow:0 2px 4px #0000001a}.reviewer-content{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.analysis-section{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border-left:3px solid var(--accent-purple)}.reasoning-text{font-size:1rem;line-height:1.6;color:var(--text-primary)}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 640px){.metrics-grid{grid-template-columns:1fr}}.divergence-gauge{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.gauge-header{display:flex;align-items:center;justify-content:space-between}.gauge-title{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.gauge-value{font-size:1.25rem;font-weight:700}.gauge-track{height:12px;background:#0000001a;border-radius:100px;overflow:hidden;position:relative}.gauge-fill{height:100%;border-radius:100px;transition:width .8s cubic-bezier(.4,0,.2,1)}.gauge-labels{display:flex;justify-content:space-between;font-size:.75rem;font-weight:500;color:var(--text-muted);margin-top:-.25rem}.conflict-box{padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-default)}.recommendation-section{padding:1rem;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm)}.section-label{display:flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.section-icon{font-size:1rem}.conflict-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.conflict-summary{font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.recommendation-text{font-size:1rem;font-weight:500;color:var(--text-primary);line-height:1.6}.similar-section{border-style:dashed}.similar-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;cursor:pointer;transition:color .2s}.similar-header:hover{color:var(--accent-purple)}.similar-title{display:flex;align-items:center;gap:.5rem;font-weight:500;font-size:.9375rem}.similar-icon{font-size:1.125rem}.expand-indicator{font-size:.75rem;color:var(--text-muted)}.similar-content{padding-top:.5rem;border-top:1px solid var(--border-default)}.similar-loading,.similar-error,.similar-empty{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;color:var(--text-secondary);text-align:center}.similar-empty .hint{display:block;font-size:.8125rem;color:var(--text-muted);margin-top:.25rem}.spinner-small{width:16px;height:16px;border:2px solid var(--border-default);border-top-color:var(--accent-purple);border-radius:50%;animation:spin .8s linear infinite}.similar-list{display:flex;flex-direction:column;gap:.5rem}.similar-item{padding:.875rem 1rem;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:all .2s}.similar-item:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.similar-joke-text{font-size:.9375rem;color:var(--text-primary);margin-bottom:.5rem;line-height:1.4}.similar-meta{display:flex;flex-wrap:wrap;gap:.5rem}.energy-badge,.score-badge{padding:.125rem .5rem;font-size:.6875rem;font-weight:500;background:var(--bg-secondary);border-radius:100px;color:var(--text-secondary);text-transform:capitalize}.risk-badge{padding:.125rem .5rem;font-size:.6875rem;font-weight:600;border-radius:100px;text-transform:capitalize}.risk-badge.low{background:#22c55e26;color:#22c55e}.risk-badge.medium{background:#f59e0b26;color:#f59e0b}.risk-badge.high{background:#ef444426;color:#ef4444}.insights-section{max-width:900px;margin:0 auto}.insights-panel{display:flex;flex-direction:column;gap:2rem}.insights-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1.5rem;text-align:center}.stat-value{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.stat-subtext{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.chart-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:1.5rem}.chart-card.full-width{grid-column:1 / -1}.chart-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-default)}.chart-content{display:flex;flex-direction:column;gap:1rem}.progress-item{display:flex;flex-direction:column;gap:.375rem}.progress-header{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.progress-value{font-weight:600;color:var(--text-primary)}.progress-track{height:8px;background:var(--bg-secondary);border-radius:100px;overflow:hidden}.progress-fill{height:100%;border-radius:100px;transition:width .5s ease-out}.conflicts-list{display:flex;flex-wrap:wrap;gap:.75rem}.conflict-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border-default)}.conflict-name{font-weight:500;color:var(--accent-purple)}.conflict-count{font-size:.75rem;color:var(--text-muted);background:#ffffff0d;padding:.125rem .5rem;border-radius:100px}.insights-loading,.insights-error{text-align:center;padding:4rem;color:var(--text-secondary)}.card-angles{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border-default);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.angles-header{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-purple);margin-bottom:.75rem}.angles-list{display:flex;flex-direction:column;gap:.75rem}.angle-item-embedded{background:var(--bg-secondary);padding:.75rem;border-radius:var(--radius-sm);border-left:2px solid var(--accent-purple)}.angle-name{font-weight:600;font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.angle-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.4}