*{box-sizing:border-box}body{margin:0;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.app{max-width:1200px;margin:0 auto}.app h1{margin:0 0 10px;color:#1e293b;font-weight:600}.app .description{color:#64748b;margin-bottom:20px}.network-graph{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:24px}.network-graph .header{margin-bottom:16px}.network-graph .header h2{margin:0 0 6px;font-size:1.35rem;color:#1e293b;font-weight:600}.network-graph .header .subtitle{margin:0;font-size:.9rem;color:#64748b}.control-panel{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;margin-bottom:12px;border:1px solid #e2e8f0}.control-group{display:flex;align-items:center;gap:10px}.control-group label{font-size:.85rem;color:#475569;font-weight:500}.control-group.playback{gap:12px}.btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn:first-child{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;min-width:100px}.btn:first-child:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn:first-child.playing{background:linear-gradient(135deg,#10b981,#059669)}.btn:first-child.playing:hover{box-shadow:0 4px 12px #10b98166}.btn:not(:first-child){background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn:not(:first-child):hover{background:#e2e8f0;transform:translateY(-1px)}.degree-indicator{font-size:.9rem;color:#475569;font-weight:600;padding:0 12px;border-left:2px solid #e2e8f0}.control-group.speed input[type=range]{width:100px;accent-color:#3b82f6}.control-group.speed span{font-weight:600;color:#3b82f6;min-width:35px}.control-group select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer;transition:border-color .2s}.control-group select:hover{border-color:#3b82f6}.control-group.cascade-toggle,.control-group.informal-toggle{border-left:2px solid #e2e8f0;padding-left:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:#475569;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.control-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.phase-indicator{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:16px;border:1px solid #e2e8f0}.phase-label{font-weight:600;color:#1e293b;font-size:.95rem;min-width:80px}.phase-status{font-size:.85rem;color:#3b82f6;font-style:italic}.phase-progress{flex:1;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.phase-progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;transition:width .1s ease-out}.phase-indicator-enhanced{padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:16px;border:1px solid #e2e8f0}.phase-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.phase-current{font-weight:600;color:#1e293b;font-size:.95rem}.phase-indicator-enhanced .phase-status{font-size:.85rem;color:#64748b;font-style:normal}.phase-track{position:relative;height:44px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:4px}.phase-track.dragging{cursor:grabbing}.track-background{position:absolute;top:14px;left:0;right:0;height:6px;background:#e2e8f0;border-radius:3px}.track-progress{position:absolute;top:14px;left:0;height:6px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;pointer-events:none}.degree-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.degree-marker{position:absolute;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:pointer;padding:0 2px}.degree-marker:hover .marker-tick{background:#3b82f6}.degree-marker:hover .marker-label{color:#1e293b;background:#e2e8f0}.marker-tick{width:2px;height:10px;background:#cbd5e1;border-radius:1px;margin-bottom:2px;transition:all .15s ease}.degree-marker.active .marker-tick{background:#3b82f6}.degree-marker.current .marker-tick{background:#1e293b;width:3px}.marker-label{font-size:.7rem;color:#64748b;font-weight:600;padding:2px 5px;border-radius:3px;background:transparent;transition:all .15s ease;white-space:nowrap}.degree-marker.active .marker-label{color:#2563eb}.degree-marker.current .marker-label{color:#fff;background:#2563eb;font-weight:700}.scrubber-handle{position:absolute;top:17px;width:16px;height:16px;background:#fff;border:3px solid #2563eb;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040;pointer-events:none;z-index:10}.phase-track.dragging .scrubber-handle{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 3px 12px #3b82f680}.phase-track:hover .scrubber-handle{box-shadow:0 3px 10px #3b82f666}.hover-tooltip{position:absolute;top:-28px;transform:translate(-50%);background:#1e293b;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none;animation:tooltipFadeIn .1s ease-out}.hover-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1e293b}.visualization-container{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.graph-canvas{width:100%;display:block;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}.graph-canvas-container{width:100%}.legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding:12px 16px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.legend h4{margin:0 8px 0 0;font-size:.85rem;color:#1e293b;font-weight:600}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-shadow:0 1px 3px #00000026}.legend-label{font-size:.75rem;color:#475569}.stats{display:flex;flex-wrap:wrap;gap:24px;padding-top:16px;border-top:1px solid #e2e8f0;font-size:.8rem;color:#64748b}.stats span{display:flex;gap:6px}.loading,.error,.no-data{display:flex;align-items:center;justify-content:center;min-height:500px;color:#64748b;font-size:1.1rem}.error{color:#dc2626}.loading-spinner{display:flex;align-items:center;gap:12px}.loading-spinner:before{content:"";width:24px;height:24px;border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.node-group{cursor:pointer}.node-group .node-hover-target{transition:transform .15s ease-out}.node-group:hover .node-hover-target{transform:scale(1.12)}.graph-canvas-container{position:relative}.node-tooltip{background:#1e293b;color:#fff;padding:12px 16px;border-radius:8px;border:1px solid #334155;box-shadow:0 10px 25px -5px #0000004d;z-index:1000;min-width:180px;text-align:left;animation:tooltipFadeIn .15s ease-out}.node-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#1e293b}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tooltip-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #334155}.tooltip-country{font-weight:600;font-size:1rem;letter-spacing:.3px}.tooltip-degree{font-size:.85rem;color:#94a3b8;margin-bottom:4px}.tooltip-risk{font-size:.75rem;padding:3px 8px;border-radius:4px;background:#3b82f633;color:#93c5fd;display:inline-block}.tooltip-section{margin-top:8px;padding-top:8px;border-top:1px solid #334155}.tooltip-section-title{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.tooltip-section-content{font-size:.8rem;color:#cbd5e1;line-height:1.4}.tooltip-section-content.references-in{color:#86efac}.tooltip-section-content.references-out{color:#93c5fd}.node-group.selected .node-hover-target{transform:scale(1.05)}.node-group.dimmed{opacity:.15;pointer-events:none}.edge-dimmed{opacity:.08}@media (max-width: 900px){.control-panel{flex-direction:column;align-items:flex-start}.legend{justify-content:center}.phase-indicator{flex-wrap:wrap}.phase-progress{width:100%;order:3;margin-top:8px}}.network-graph.simple{padding:16px}.network-graph.simple .header{text-align:center;margin-bottom:12px}.network-graph.simple .header h2{font-size:1.1rem;margin-bottom:4px}.network-graph.simple .header .subtitle{font-size:.8rem}.control-panel.simple{display:flex;justify-content:center;align-items:center;gap:24px;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;margin-bottom:10px;border:1px solid #e2e8f0}.control-panel.simple .control-group.playback{display:flex;gap:8px}.control-panel.simple .btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:.8rem;border-radius:6px}.control-panel.simple .btn .btn-icon{display:flex;align-items:center;justify-content:center}.control-panel.simple .btn .btn-icon svg{width:14px;height:14px}.control-panel.simple .play-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.control-panel.simple .play-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.control-panel.simple .play-btn.playing{background:linear-gradient(135deg,#f59e0b,#d97706)}.control-panel.simple .play-btn.playing:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b4d}.control-panel.simple .reset-btn{background:#e2e8f0;color:#475569}.control-panel.simple .reset-btn:hover{background:#cbd5e1}.control-panel.simple .degree-display{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#64748b;padding:6px 12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.control-panel.simple .degree-label{font-weight:500}.control-panel.simple .degree-value{font-weight:600;color:#3b82f6}.control-panel.simple .degree-max{color:#94a3b8}.app.simple-embed{max-width:none;padding:0}.app.simple-embed .network-graph{border-radius:0;box-shadow:none;height:100%;display:flex;flex-direction:column}.app.simple-embed .visualization-container{flex:1;min-height:0}.app.simple-embed .stats{padding:8px 16px;font-size:.75rem}.tab-selector{display:flex;gap:8px;margin-bottom:16px}.tab-button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 20px;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:140px}.tab-button:hover{border-color:#3b82f6;background:#f8fafc}.tab-button.active{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe)}.tab-button .tab-icon{font-size:1.2rem}.tab-button .tab-label{font-weight:600;font-size:.95rem;color:#1e293b}.tab-button .tab-description{font-size:.75rem;color:#64748b}.tab-button.active .tab-label{color:#2563eb}.timeline-indicator{padding:12px 16px;background:#f8fafc;border-radius:8px;margin-bottom:16px;border:1px solid #e2e8f0}.timeline-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.timeline-current-date{font-weight:600;color:#1e293b;font-size:1rem}.timeline-status{font-size:.85rem;color:#64748b}.active-event-count{color:#3b82f6;font-weight:500}.timeline-track{position:relative;height:60px;cursor:pointer;-webkit-user-select:none;user-select:none}.timeline-track.dragging{cursor:grabbing}.timeline-track-background{position:absolute;top:20px;left:0;right:0;height:8px;background:#e2e8f0;border-radius:4px}.timeline-density{position:absolute;top:4px;left:0;right:0;height:14px;pointer-events:none}.density-bar{position:absolute;bottom:0;width:3px;background:#94a3b8;border-radius:1px;transform:translate(-50%);opacity:.5}.timeline-progress{position:absolute;top:20px;left:0;height:8px;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;pointer-events:none}.timeline-markers{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.year-marker{position:absolute;top:32px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:auto;cursor:pointer}.year-marker .marker-tick{width:2px;height:12px;background:#94a3b8;margin-bottom:4px}.year-marker .marker-year{font-size:.7rem;color:#64748b;font-weight:600}.year-marker.start .marker-tick,.year-marker.end .marker-tick{height:16px;background:#64748b}.timeline-handle{position:absolute;top:24px;width:16px;height:16px;background:#fff;border:3px solid #2563eb;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040;pointer-events:none;z-index:10}.timeline-track.dragging .timeline-handle{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 3px 12px #3b82f680}.timeline-hover-tooltip{position:absolute;top:-28px;transform:translate(-50%);background:#1e293b;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;white-space:nowrap;pointer-events:none}.temporal-canvas .node-group.assessing .node-hover-target{transform:scale(1.1)}.temporal-canvas .pulse-ring{animation:pulseRing 1.5s ease-out infinite}@keyframes pulseRing{0%{transform:scale(1);opacity:.6}to{transform:scale(1.4);opacity:0}}.temporal-date-overlay{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;pointer-events:none}.temporal-tooltip .tooltip-connections{margin-top:8px;padding-top:8px;border-top:1px solid #334155;font-size:.8rem;color:#94a3b8}.temporal-legend{position:absolute;bottom:16px;right:16px;background:#fffffff2;padding:12px 16px;border-radius:8px;border:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.temporal-legend .legend-title{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.temporal-legend .legend-items{display:flex;flex-direction:column;gap:6px}.temporal-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#475569}.temporal-legend .legend-color{width:12px;height:12px;border-radius:3px}.control-panel.temporal-controls{display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px;margin-bottom:12px;border:1px solid #e2e8f0}.temporal-controls .playback-controls{display:flex;gap:8px}.temporal-controls .control-button{width:44px;height:44px;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.temporal-controls .control-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.temporal-controls .control-button.playing{background:linear-gradient(135deg,#10b981,#059669)}.temporal-controls .control-button.playing:hover{box-shadow:0 4px 12px #10b98166}.temporal-controls .control-button:last-child{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.temporal-controls .control-button:last-child:hover{background:#e2e8f0}.temporal-controls input[type=range]{width:100px;accent-color:#3b82f6}.temporal-controls select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer}.temporal-controls select:hover{border-color:#3b82f6}.temporal-controls label{font-size:.85rem;color:#475569;font-weight:500}.temporal-controls span{font-size:.85rem;color:#3b82f6;font-weight:600;min-width:35px}.network-graph.simple.minimal{padding:0}.network-graph.simple.minimal .header,.network-graph.simple.minimal .control-panel,.network-graph.simple.minimal .phase-indicator,.network-graph.simple.minimal .stats{display:none}.network-graph.simple.minimal .visualization-container{position:relative;border-radius:0}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f8fafcd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;z-index:100;transition:opacity .3s ease}.play-overlay:hover{background:#f8fafcbf}.play-overlay-content{display:flex;flex-direction:column;align-items:center;gap:16px}.play-button{width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #3b82f666;transition:all .3s ease}.play-button:hover{transform:scale(1.08);box-shadow:0 12px 40px #3b82f680}.play-button svg{width:32px;height:32px;margin-left:4px}.play-label{font-size:.95rem;font-weight:600;color:#475569;text-align:center}@media (max-width: 640px){.play-button{width:64px;height:64px}.play-button svg{width:26px;height:26px}.play-label{font-size:.85rem}}