:root{--bg: #ffffff;--surface: #f8f9fb;--surface2: #f0f2f5;--border: #e5e7eb;--text: #1a1a2e;--text-secondary: #6b7280;--accent: #4f46e5;--accent-light: #6366f1;--accent-bg: rgba(79, 70, 229, .06);--red: #dc2626;--orange: #d97706;--green: #059669;--purple: #7c3aed;--blue: #2563eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-header{position:fixed;top:0;left:0;right:0;height:56px;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 24px;z-index:100;gap:24px}.app-header .logo{font-size:18px;font-weight:700;color:var(--accent);letter-spacing:-.5px}.app-header nav{display:flex;gap:4px}.app-header nav a{color:var(--text-secondary);font-size:14px;padding:6px 12px;border-radius:6px;transition:all .2s}.app-header nav a:hover{color:var(--text);background:var(--surface2);text-decoration:none}.search-bar{margin-left:auto;position:relative}.search-bar input{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 16px 8px 36px;color:var(--text);font-size:14px;width:260px;outline:none;transition:border-color .2s}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f46e514}.search-bar .icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:14px}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:8px;margin-top:4px;max-height:320px;overflow-y:auto;box-shadow:0 8px 24px #00000014}.search-results .item{padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.search-results .item:hover{background:var(--surface)}.search-results .item:last-child{border-bottom:none}.search-results .item .name{font-size:14px;font-weight:500}.search-results .item .type{font-size:12px;color:var(--text-secondary)}.main-content{padding-top:56px;min-height:100vh}.hero{text-align:center;padding:72px 24px 48px;max-width:680px;margin:0 auto}.hero h1{font-size:38px;font-weight:700;margin-bottom:14px;letter-spacing:-.5px}.hero h1 span{background:linear-gradient(135deg,var(--accent),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:17px;color:var(--text-secondary);line-height:1.7}.hero-search{position:relative;max-width:520px;margin:32px auto 0}.hero-search-box{position:relative}.hero-search-box input{width:100%;padding:14px 20px 14px 46px;font-size:16px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);outline:none;box-shadow:0 2px 12px #0000000a;transition:all .2s}.hero-search-box input:focus{border-color:var(--accent);box-shadow:0 2px 20px #4f46e51a}.hero-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:var(--text-secondary)}.hero-search-results{position:absolute;top:100%;left:0;right:0;background:var(--bg);border:1px solid var(--border);border-radius:10px;margin-top:6px;max-height:320px;overflow-y:auto;box-shadow:0 8px 32px #0000001a;z-index:20;text-align:left}.hero-search-results .item{padding:12px 20px;cursor:pointer;border-bottom:1px solid var(--border);transition:background .15s}.hero-search-results .item:hover{background:var(--surface)}.hero-search-results .item:last-child{border-bottom:none}.hero-search-results .item .name{font-size:15px;font-weight:500}.hero-search-results .item .type{font-size:12px;color:var(--text-secondary);margin-top:2px}.featured-section{padding:0 24px 56px;max-width:860px;margin:0 auto}.featured-section h2{font-size:15px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:20px}.chain-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:24px 28px;margin-bottom:16px;cursor:pointer;transition:all .2s}.chain-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #4f46e514;transform:translateY(-1px)}.chain-card .chain-path{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.chain-card .chain-node{font-size:15px;font-weight:600;color:var(--text);padding:3px 10px;background:var(--accent-bg);border-radius:6px}.chain-card .chain-arrow{color:var(--text-secondary);font-size:14px}.chain-card .chain-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.story-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.story-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.story-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #4f46e514;transform:translateY(-1px)}.story-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.story-card-type{font-size:11px;color:var(--text-secondary);padding:2px 8px;background:var(--surface2);border-radius:4px}.story-card-score{font-size:13px;font-weight:700;color:var(--accent);background:var(--accent-bg);padding:2px 8px;border-radius:4px}.story-card-name{font-size:16px;font-weight:600;margin-bottom:8px}.story-card-summary{font-size:13px;color:var(--text-secondary);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-card-footer{display:flex;gap:10px;margin-top:12px;padding-top:10px;border-top:1px solid var(--border)}.story-card-footer span{font-size:11px;color:var(--text-secondary)}.story-card-domain{background:var(--surface2);padding:1px 6px;border-radius:3px}.view-all-link{font-size:14px;color:var(--accent);font-weight:500}.detail-page{padding:80px 24px 60px;max-width:780px;margin:0 auto}.back-link{font-size:13px;color:var(--text-secondary);margin-bottom:20px;display:inline-block}.detail-page .obj-header{margin-bottom:36px}.type-badge{display:inline-block;font-size:12px;padding:4px 10px;border-radius:5px;background:var(--surface2);color:var(--text-secondary);margin-bottom:10px}.detail-page .obj-header h1{font-size:32px;font-weight:700;margin-bottom:14px;letter-spacing:-.3px}.detail-page .obj-header .hook{font-size:16px;color:var(--text-secondary);line-height:1.7;border-left:3px solid var(--accent);padding-left:16px}.detail-section{margin-bottom:36px}.detail-section h3{font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.prop-list{list-style:none}.prop-list li{padding:8px 0;font-size:14px;border-bottom:1px solid var(--border)}.prop-list li:last-child{border-bottom:none}.detail-section h3 .h3-hint{text-transform:none;letter-spacing:0;font-weight:400;color:var(--text-secondary);margin-left:8px;font-size:12px}.attr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.attr-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px}.attr-key{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.attr-value{font-size:18px;font-weight:700;color:var(--text);line-height:1.35}.attr-meta{font-size:11px;color:var(--text-secondary);margin-top:6px}.mech-list{display:flex;flex-direction:column;gap:10px}.mech-item{display:flex;gap:12px;background:var(--accent-bg);border:1px solid rgba(79,70,229,.12);border-radius:10px;padding:14px 16px}.mech-item .mech-icon{color:var(--accent);font-size:16px;line-height:1.6;flex-shrink:0}.mech-item p{font-size:14px;color:var(--text);line-height:1.7}.obj-timeline{position:relative;padding-left:28px}.obj-timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--border);border-radius:1px}.obj-tl-item{position:relative;margin-bottom:18px;padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .2s}.obj-tl-item:hover{border-color:var(--accent)}.obj-tl-item:before{content:"";position:absolute;left:-25px;top:20px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg);background:var(--accent)}.obj-tl-item.causal:before{background:var(--purple)}.obj-tl-item.noncausal:before{background:var(--text-secondary)}.tl-year-line{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.tl-year{font-size:13px;font-weight:700;color:var(--accent)}.tl-action{font-size:14px;font-weight:500;margin-bottom:4px}.tl-action a{color:var(--text);font-weight:600}.tl-action a:hover{color:var(--accent)}.tl-rel-badge{display:inline-block;font-size:11px;padding:2px 7px;border-radius:4px;margin-right:6px;background:var(--accent-bg);color:var(--accent)}.tl-strength{display:inline-block;font-size:10px;padding:2px 6px;border-radius:3px;margin-left:8px}.tl-strength.strong{background:#dc262614;color:var(--red)}.tl-strength.medium{background:#d9770614;color:var(--orange)}.tl-strength.weak,.tl-strength.undetermined{background:var(--surface2);color:var(--text-secondary)}.tl-mech{font-size:12px;color:var(--text-secondary);margin-top:6px;line-height:1.5}.tl-note{font-size:11px;color:var(--orange);font-style:italic;margin-top:4px}.layer-chip{font-size:10px;padding:1px 7px;border-radius:999px;color:#fff;font-weight:600}.layer-chip.l-direct{background:var(--blue)}.layer-chip.l-indirect{background:var(--purple)}.layer-chip.l-long_term{background:var(--green)}.layer-chip.l-negative{background:var(--red)}.layer-chip.l-unintended{background:var(--orange)}.tl-evidence{margin-top:8px;padding-left:10px;border-left:2px solid var(--border)}.ev-line{font-size:12px;color:var(--text-secondary);margin-bottom:4px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.ev-rel{font-size:10px;padding:1px 6px;border-radius:3px;color:#fff}.ev-rel.measured{background:var(--green)}.ev-rel.inferred{background:var(--orange)}.ev-rel.undetermined{background:var(--red)}.ev-controv{font-size:10px;padding:1px 6px;border-radius:3px;border:1px solid var(--orange);color:var(--orange)}.ev-controv.disputed{border-color:var(--red);color:var(--red)}.counterfactual-trigger{margin-bottom:16px}.cf-button{display:flex;align-items:center;gap:10px;width:100%;padding:14px 20px;background:var(--bg);border:1px dashed var(--purple);border-radius:10px;color:var(--purple);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-align:left}.cf-button:hover,.cf-button.active{background:#7c3aed0a;border-style:solid}.cf-icon{font-size:18px;flex-shrink:0}.counterfactual-panel{animation:slideDown .3s ease;padding:0 4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cf-item{background:#7c3aed08;border:1px solid rgba(124,58,237,.15);border-radius:8px;padding:14px 18px;margin-bottom:10px}.cf-target{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.cf-target a{color:var(--accent);font-weight:500}.cf-text{font-size:14px;color:var(--text);line-height:1.6}.cf-struct{display:flex;flex-direction:column;gap:8px}.cf-tags{display:flex;gap:8px;flex-wrap:wrap}.cf-role{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;color:#fff}.cf-role.role-necessary{background:var(--red)}.cf-role.role-sufficient{background:var(--purple)}.cf-role.role-contributory{background:var(--blue)}.cf-conf{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;border:1px solid var(--border)}.cf-conf.conf-high{color:var(--green);border-color:var(--green)}.cf-conf.conf-medium{color:var(--orange);border-color:var(--orange)}.cf-conf.conf-low{color:var(--text-secondary)}.cf-net{font-size:15px;font-weight:700;color:var(--text);line-height:1.5}.cf-row{font-size:13px;color:var(--text);line-height:1.6;display:flex;gap:8px;flex-wrap:wrap}.cf-k{display:inline-block;flex-shrink:0;min-width:56px;font-size:11px;color:var(--text-secondary);font-weight:600;padding-top:2px}.cf-row.cf-refute{color:var(--text-secondary);font-style:italic}.cf-chips{display:inline-flex;gap:6px;flex-wrap:wrap}.cf-chip{font-size:11px;padding:1px 8px;border-radius:4px;background:var(--surface2);color:var(--text-secondary)}.explore-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.explore-card{display:block;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:all .2s;color:var(--text)}.explore-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.explore-card-type{font-size:11px;color:var(--text-secondary);margin-bottom:4px}.explore-card-name{font-size:14px;font-weight:600;margin-bottom:4px}.explore-card-score{font-size:11px;color:var(--accent)}.timeline-page{padding:80px 24px 60px;max-width:780px;margin:0 auto}.timeline-page h1{font-size:28px;margin-bottom:8px}.timeline-page .subtitle,.ranking-page .subtitle,.chain-detail-page .subtitle{color:var(--text-secondary);font-size:15px;margin-bottom:36px}.timeline-list{position:relative;padding-left:32px}.timeline-list:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;margin-bottom:16px;padding:16px 20px;background:var(--bg);border:1px solid var(--border);border-radius:10px;transition:border-color .2s}.timeline-item:hover{border-color:var(--accent)}.timeline-item:before{content:"";position:absolute;left:-28px;top:22px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.timeline-item .year{font-size:12px;color:var(--accent);font-weight:600;margin-bottom:4px}.timeline-item .tl-name{font-size:16px;font-weight:600;margin-bottom:4px}.timeline-item .tl-name a{color:var(--text)}.timeline-item .tl-name a:hover{color:var(--accent)}.timeline-item .tl-summary{font-size:13px;color:var(--text-secondary)}.timeline-item .tl-type{display:inline-block;font-size:11px;padding:2px 6px;border-radius:3px;background:var(--surface2);color:var(--text-secondary);margin-top:8px}.ranking-page{padding:80px 24px 60px;max-width:780px;margin:0 auto}.ranking-page h1{font-size:28px;margin-bottom:8px}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg);border:1px solid var(--border);border-radius:10px;transition:all .2s;color:var(--text)}.ranking-item:hover{border-color:var(--accent);box-shadow:0 2px 12px #4f46e50f;text-decoration:none}.ranking-rank{font-size:18px;font-weight:700;color:var(--text-secondary);width:32px;text-align:center;flex-shrink:0}.ranking-rank.top3{color:var(--accent)}.ranking-info{flex:1;min-width:0}.ranking-name{font-size:15px;font-weight:600;margin-bottom:3px}.ranking-meta{display:flex;gap:10px;flex-wrap:wrap}.ranking-type{font-size:11px;color:var(--text-secondary);background:var(--surface2);padding:1px 6px;border-radius:3px}.ranking-stat{font-size:11px;color:var(--text-secondary)}.ranking-score-box{text-align:center;flex-shrink:0}.ranking-score-value{font-size:20px;font-weight:700;color:var(--accent)}.ranking-score-label{font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.chain-detail-page{padding:80px 24px 60px;max-width:780px;margin:0 auto}.chain-detail-page h1{font-size:24px;margin-bottom:8px}.chain-step{display:flex;align-items:flex-start;gap:16px;margin-bottom:4px}.chain-step .step-line{display:flex;flex-direction:column;align-items:center;padding-top:4px}.chain-step .step-dot{width:12px;height:12px;border-radius:50%;background:var(--accent);flex-shrink:0}.chain-step .step-connector{width:2px;flex:1;min-height:28px;background:var(--border);margin-top:4px}.chain-step .step-content{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-bottom:16px}.chain-step .step-content h3{font-size:15px;margin-bottom:4px}.chain-step .step-content .rel-label{font-size:12px;color:var(--accent);margin-bottom:6px}.counterfactual{background:#7c3aed0a;border:1px solid rgba(124,58,237,.2);border-radius:8px;padding:16px;margin-top:24px}.counterfactual .label{font-size:12px;color:var(--purple);font-weight:600;margin-bottom:6px}.counterfactual p{font-size:14px;color:var(--text-secondary)}.explore-page{padding-top:56px;height:100vh;display:flex;flex-direction:column}.explore-page .graph-container{flex:1;position:relative}.graph-controls{position:absolute;top:16px;left:16px;display:flex;gap:8px;flex-wrap:wrap;z-index:10}.graph-controls button{background:var(--bg);border:1px solid var(--border);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s;box-shadow:0 1px 3px #0000000f}.graph-controls button:hover,.graph-controls button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.explore-focus-search{position:relative}.explore-focus-search input{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:12px;width:240px;outline:none;box-shadow:0 1px 3px #0000000f}.explore-focus-search input:focus{border-color:var(--accent)}.explore-focus-search .search-results{width:280px}.legend{position:absolute;bottom:16px;left:16px;background:#ffffffeb;border:1px solid var(--border);border-radius:8px;padding:12px 16px;z-index:10;box-shadow:0 2px 8px #0000000a;max-width:280px}.legend h4{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.legend-items{display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text-secondary)}.legend-item .dot{width:8px;height:8px;border-radius:50%}.sidebar{position:fixed;top:56px;right:0;width:380px;height:calc(100vh - 56px);background:var(--bg);border-left:1px solid var(--border);overflow-y:auto;padding:24px;transform:translate(100%);transition:transform .3s ease;z-index:50;box-shadow:-4px 0 16px #0000000a}.sidebar.open{transform:translate(0)}.sidebar .close-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-secondary);font-size:20px;cursor:pointer}.sidebar .obj-type{display:inline-block;font-size:11px;padding:3px 8px;border-radius:4px;background:var(--surface2);color:var(--text-secondary);margin-bottom:8px}.sidebar h2{font-size:22px;margin-bottom:8px}.sidebar .summary{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.7}.sidebar .section-title{font-size:12px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin:20px 0 8px}.sidebar .tag-list{display:flex;flex-wrap:wrap;gap:6px}.sidebar .tag{font-size:12px;padding:4px 10px;border-radius:4px;background:var(--surface);border:1px solid var(--border)}.relation-list{list-style:none}.relation-list li{padding:12px 0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.relation-list li:last-child{border-bottom:none}.relation-list .rel-type{font-size:11px;padding:3px 8px;border-radius:4px;background:var(--surface2);color:var(--text-secondary);white-space:nowrap}.relation-list .rel-target{font-size:14px;color:var(--accent)}.relation-list .rel-strength{font-size:11px;margin-left:auto;padding:3px 8px;border-radius:4px}.relation-list .rel-strength.strong{background:#dc262614;color:var(--red)}.relation-list .rel-strength.medium{background:#d9770614;color:var(--orange)}.relation-list .rel-strength.weak,.relation-list .rel-strength.undetermined{background:var(--surface2);color:var(--text-secondary)}.sidebar .link-btn{display:inline-block;margin-top:16px;padding:8px 16px;background:var(--accent);color:#fff;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.sidebar .link-btn:hover{background:var(--accent-light);text-decoration:none}body{margin:0;padding:0}#root{min-height:100vh}