:root{--bg: #0e1116;--panel: #161b22;--panel-2: #1b212b;--border: #232b36;--text: #c7ced8;--heading: #eef1f5;--muted: #8b95a1;--blue: #4c8dff;--green: #43d17a;--red: #e0606b;--orange: #e8923a;--purple: #a06bd8}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.55}a{color:var(--blue);text-decoration:none}.app{display:flex;min-height:100%}.sidebar{width:236px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:16px 12px;position:sticky;top:0;height:100vh;transition:width .16s ease}.app.is-collapsed .sidebar{width:58px;padding:16px 8px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 14px}.app.is-collapsed .sidebar-head{justify-content:center}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:14px;color:var(--heading);white-space:nowrap}.brand-mark{color:var(--blue);font-size:17px}.collapse-btn{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:13px;flex-shrink:0}.collapse-btn:hover{color:var(--heading);border-color:var(--blue)}.nav{display:flex;flex-direction:column;gap:3px;flex:1}.nav-link{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;color:var(--text);font-size:13px}.nav-link:hover{background:var(--panel-2)}.nav-link.active{background:var(--blue);color:#fff}.app.is-collapsed .nav-link{justify-content:center;padding:9px 0}.nav-tag{font-size:11px;color:var(--muted);background:var(--bg);border-radius:4px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.nav-link.active .nav-tag{color:#fff;background:#ffffff38}.nav-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot{font-size:11px;color:var(--muted);padding:14px 6px 2px}.content{flex:1;min-width:0;padding:26px 30px 56px}.page{max-width:1180px;margin:0 auto}.page-demo{max-width:1500px}.page-head{display:flex;align-items:center;gap:12px}.page-head h1{font-size:22px;color:var(--heading);margin:0}.badge{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:3px 11px}.lead{color:var(--text);margin:12px 0 16px;max-width:880px}.lead p{margin:7px 0}.lead em{color:var(--heading);font-style:normal;font-weight:600}.ink-support{color:var(--green);font-weight:600}.ink-resistance{color:var(--red);font-weight:600}.ink-importance{color:var(--blue);font-weight:600}.ink-firmness{color:var(--green);font-weight:600}.ink-fragility{color:var(--orange);font-weight:600}.ink-confluence{color:var(--purple);font-weight:600}.legend-list{margin:10px 0 0;padding-left:18px}.legend-list li{margin:4px 0}.demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:8px 0 20px}.demo-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px;color:var(--text);position:relative;transition:border-color .15s,transform .15s}.demo-card:hover{border-color:var(--blue);transform:translateY(-2px)}.demo-card-n{position:absolute;top:12px;right:14px;font-size:26px;font-weight:700;color:var(--border)}.demo-card h3{margin:2px 0 6px;color:var(--heading);font-size:15px}.demo-card p{margin:0;color:var(--muted);font-size:13px}.asset-picker{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.asset-btn{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.asset-btn:hover{border-color:var(--blue)}.asset-btn.is-active{background:var(--blue);border-color:var(--blue);color:#fff}.demo-3col{display:grid;grid-template-columns:256px minmax(0,1fr) 332px;gap:16px;align-items:start}@media (max-width: 1240px){.demo-3col{grid-template-columns:1fr}}.col-levels,.col-detail{position:sticky;top:16px}.chart-canvas{height:520px;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:10px}.graph-svg{width:100%;height:520px;background:var(--panel);border:1px solid var(--border);border-radius:10px}.chart-caption{color:var(--muted);font-size:12px;margin:8px 2px}.loading{color:var(--muted);padding:40px;text-align:center}.note{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:6px;padding:11px 14px;font-size:13px;margin-top:10px}.note-error{border-left-color:var(--red);color:var(--red)}.note strong{color:var(--heading)}.levels-card,.detail-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px}.panel-title{margin:2px 0 4px;font-size:14px;color:var(--heading)}.panel-hint{margin:0 0 8px;font-size:12px;color:var(--muted)}.panel-cta{margin:0 0 10px;font-size:12px;color:var(--blue);background:#4c8dff1a;border:1px solid rgba(76,141,255,.3);border-radius:6px;padding:7px 9px}.cta-mark{margin-right:3px}.detail-placeholder p{font-size:13px;color:var(--muted)}.detail-placeholder strong{color:var(--text)}.clear-btn{margin-top:10px;width:100%;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:7px;font-size:12.5px;cursor:pointer}.clear-btn:hover{border-color:var(--blue);color:var(--heading)}.level-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;max-height:62vh;overflow-y:auto}.level-row{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border:1px solid transparent;border-radius:6px;padding:7px 8px;cursor:pointer;color:var(--text);text-align:left}.level-row:hover{background:var(--panel-2)}.level-row.is-selected{background:var(--panel-2);border-color:var(--blue)}.level-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.level-name{flex:1;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-tag{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.level-mini{display:flex;gap:3px;align-items:flex-end;height:22px}.mini-bar{width:6px;height:22px;background:var(--bg);border-radius:2px;display:flex;align-items:flex-end;overflow:hidden}.mini-fill{width:100%;border-radius:2px}.detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.tag{font-size:11px;border:1px solid var(--border);border-radius:999px;padding:2px 9px;color:var(--text)}.detail-block{margin:14px 0}.detail-block:last-child{margin-bottom:2px}.detail-h4{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.score-bar{margin:9px 0}.score-bar-head{display:flex;justify-content:space-between;font-size:12.5px}.score-bar-label{color:var(--text)}.score-bar-value{color:var(--heading);font-weight:700;font-variant-numeric:tabular-nums}.score-bar-track{height:7px;background:var(--bg);border-radius:4px;margin:4px 0 2px;overflow:hidden}.score-bar-fill{height:100%;border-radius:4px}.score-bar-hint{font-size:11px;color:var(--muted)}.prob-row{display:flex;gap:8px}.prob-cell{flex:1;background:var(--bg);border-radius:7px;padding:9px 5px;text-align:center}.prob-value{display:block;font-size:17px;font-weight:700;color:var(--heading)}.prob-label{font-size:10.5px;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:5px}.event-chip{font-size:11px;border:1px solid;border-radius:999px;padding:2px 9px}.factor-list{margin:0;padding-left:16px;font-size:12.5px}.factor-list li{margin:3px 0}.factor-pos li{color:var(--green)}.factor-neg li{color:var(--orange)}.event-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}.event-legend-item{display:flex;align-items:center;gap:6px;font-size:12.5px}.event-dot{width:10px;height:10px;border-radius:50%}.ci-bar{position:relative;height:12px;background:var(--bg);border-radius:6px;margin:6px 0}.ci-range{position:absolute;height:100%;background:#4c8dff59;border-radius:6px}.ci-mean{position:absolute;width:3px;height:100%;background:var(--blue);border-radius:2px}.ci-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.ci-value{color:var(--text)}