@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg: #0d0f11;--color-bg-secondary: #141820;--color-bg-tertiary: #1a1f2b;--color-surface: #1e2433;--color-border: #2a3040;--color-border-light: #363e52;--color-text: #e8eaed;--color-text-secondary: #9aa0ae;--color-text-muted: #5e6577;--color-accent-blue: #1a3a5c;--color-accent-blue-light: #2a5a8c;--color-accent-gold: #c5a55a;--color-accent-gold-light: #d4ba78;--color-problem: #8b2635;--color-problem-glow: #b83a4d;--color-activity: #1a3a5c;--color-activity-glow: #2a5a8c;--color-output: #4a6a7a;--color-output-glow: #6a8a9a;--color-outcome: #5a8a8a;--color-outcome-glow: #7aaaaa;--color-impact: #c5a55a;--color-impact-glow: #d4ba78;--font-serif: "Playfair Display", Georgia, "Times New Roman", serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@keyframes pulse-glow{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.02);filter:brightness(1.1)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes dot-pulse{0%,20%{opacity:0}50%{opacity:1}80%,to{opacity:0}}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-layout{display:flex;flex:1;gap:0;max-width:1600px;width:100%;margin:0 auto;padding:2rem 2rem 3rem}.panel-left{flex:0 0 55%;max-width:55%;padding-right:2rem;border-right:1px solid var(--color-border)}.panel-right{flex:0 0 45%;max-width:45%;padding-left:2rem;display:flex;flex-direction:column;gap:1.5rem}.header{padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--color-border);max-width:1600px;width:100%;margin:0 auto}.header h1{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--color-text);letter-spacing:-.01em}.header h1 span{color:var(--color-accent-gold)}.header p{font-size:.95rem;color:var(--color-text-secondary);margin-top:.35rem;font-weight:300;letter-spacing:.02em}.toc-container{position:relative}.toc-level{margin-bottom:1.75rem}.toc-level-label{font-family:var(--font-serif);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;padding-left:.25rem}.toc-level-nodes{display:flex;flex-wrap:wrap;gap:.5rem}.impact-node{position:relative;padding:.55rem .85rem;border-radius:6px;border:1px solid var(--color-border);background:var(--color-bg-secondary);cursor:default;transition:all .4s ease-out;opacity:.35;font-size:.8rem;font-weight:400;color:var(--color-text-muted);max-width:220px}.impact-node.activated{opacity:1;color:var(--color-text);font-weight:500;animation:pulse-glow 3s ease-in-out infinite;cursor:pointer}.impact-node.activated .node-id{opacity:1}.impact-node .node-id{font-size:.65rem;font-weight:600;opacity:.4;margin-right:.35rem;letter-spacing:.05em}.impact-node .node-label{display:inline}.impact-node[data-level=problems].activated{border-color:var(--color-problem);background:linear-gradient(135deg,#8b263533,#8b26350d);box-shadow:0 0 20px #8b26354d,inset 0 1px #8b263533}.impact-node[data-level=activities].activated{border-color:var(--color-activity);background:linear-gradient(135deg,#1a3a5c4d,#1a3a5c0d);box-shadow:0 0 20px #1a3a5c4d,inset 0 1px #1a3a5c33}.impact-node[data-level=outputs].activated{border-color:var(--color-output);background:linear-gradient(135deg,#4a6a7a4d,#4a6a7a0d);box-shadow:0 0 20px #4a6a7a4d,inset 0 1px #4a6a7a33}.impact-node[data-level=outcomes].activated{border-color:var(--color-outcome);background:linear-gradient(135deg,#5a8a8a4d,#5a8a8a0d);box-shadow:0 0 20px #5a8a8a4d,inset 0 1px #5a8a8a33}.impact-node[data-level=impacts].activated{border-color:var(--color-impact);background:linear-gradient(135deg,#c5a55a40,#c5a55a0d);box-shadow:0 0 24px #c5a55a59,inset 0 1px #c5a55a33}.node-tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:6px;padding:.6rem .8rem;font-size:.75rem;color:var(--color-text-secondary);line-height:1.5;white-space:normal;width:260px;z-index:100;box-shadow:0 8px 24px #0006;pointer-events:none;animation:fade-in-up .2s ease-out}.node-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-border-light)}.node-tooltip .tooltip-justification{color:var(--color-accent-gold-light);font-style:italic;margin-top:.3rem}.article-input-section{display:flex;flex-direction:column;gap:.75rem}.article-textarea{width:100%;min-height:220px;max-height:400px;padding:1rem 1.15rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-family:var(--font-sans);font-size:.88rem;line-height:1.7;resize:vertical;transition:border-color .3s}.article-textarea:focus{outline:none;border-color:var(--color-accent-blue-light)}.article-textarea::placeholder{color:var(--color-text-muted)}.examples-row{display:flex;gap:.5rem;flex-wrap:wrap}.example-btn{padding:.4rem .75rem;font-size:.75rem;font-family:var(--font-sans);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.example-btn:hover{border-color:var(--color-accent-blue-light);color:var(--color-text);background:var(--color-surface)}.analyze-btn{padding:.8rem 1.5rem;font-size:.9rem;font-family:var(--font-sans);font-weight:500;background:var(--color-bg-tertiary);border:1px solid var(--color-accent-blue);border-radius:6px;color:var(--color-text);cursor:pointer;transition:all .3s;letter-spacing:.02em;position:relative;overflow:hidden}.analyze-btn:hover:not(:disabled){background:var(--color-accent-blue);border-color:var(--color-accent-blue-light)}.analyze-btn:disabled{opacity:.5;cursor:not-allowed}.analyze-btn.loading{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.loading-dots span{animation:dot-pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.analysis-panel{animation:fade-in-up .5s ease-out}.analysis-section{margin-bottom:1.5rem}.analysis-section-title{font-family:var(--font-serif);font-size:.85rem;font-weight:600;color:var(--color-accent-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.6rem;padding-bottom:.4rem;border-bottom:1px solid var(--color-border)}.analysis-synthesis{font-size:.88rem;line-height:1.7;color:var(--color-text)}.analysis-nodes-group{margin-bottom:.75rem}.analysis-nodes-group-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:.35rem}.analysis-node-item{padding:.35rem 0;font-size:.82rem;color:var(--color-text-secondary);line-height:1.5}.analysis-node-item .node-item-id{font-weight:600;color:var(--color-accent-gold-light);margin-right:.25rem}.analysis-indicator{font-size:.82rem;color:var(--color-text-secondary);padding:.4rem 0 .4rem 1rem;position:relative}.analysis-indicator:before{content:"";position:absolute;left:0;top:.75rem;width:4px;height:4px;background:var(--color-accent-gold);border-radius:50%}.impact-gauge{display:flex;align-items:stretch;gap:2px;height:32px;margin-bottom:.6rem}.gauge-segment{flex:1;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-muted);transition:all .4s ease-out;position:relative}.gauge-segment:first-child{border-radius:4px 0 0 4px}.gauge-segment:last-child{border-radius:0 4px 4px 0}.gauge-segment.active{background:var(--color-accent-gold);border-color:var(--color-accent-gold-light);color:var(--color-bg);font-weight:600;box-shadow:0 0 16px #c5a55a66}.impact-justification{font-size:.82rem;color:var(--color-text-secondary);font-style:italic;line-height:1.5}.reset-btn{padding:.5rem 1rem;font-size:.8rem;font-family:var(--font-sans);background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s;align-self:flex-start}.reset-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.error-message{padding:.75rem 1rem;background:#8b263526;border:1px solid var(--color-problem);border-radius:6px;color:#e8a0a0;font-size:.82rem}.footer{padding:1.5rem 2rem;text-align:center;font-size:.7rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);max-width:1600px;width:100%;margin:0 auto}.toc-links-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.toc-link-line{stroke:var(--color-border);stroke-width:1;fill:none;opacity:.15;transition:all .6s ease-out}.toc-link-line.activated{opacity:.6;stroke-width:1.5}@keyframes wave-nodes{0%,to{opacity:.35}50%{opacity:.55}}.impact-node.wave{animation:wave-nodes 2s ease-in-out infinite}@media(max-width:1024px){.main-layout{flex-direction:column;padding:1.5rem}.panel-left,.panel-right{flex:none;max-width:100%;padding:0;border-right:none}.panel-left{padding-bottom:1.5rem;border-bottom:1px solid var(--color-border);margin-bottom:1.5rem}}@media(max-width:768px){.header h1{font-size:1.5rem}.main-layout{padding:1rem}.impact-node{font-size:.72rem;padding:.4rem .65rem}.gauge-segment{font-size:.5rem}.examples-row{flex-direction:column}}