html,body,#root{height:100%;margin:0}body{font-family:Yu Gothic UI,Meiryo,system-ui,sans-serif;color:#1c1c1c;background:#fff}.app-layout{position:relative;display:flex;height:100%;overflow:hidden}.chart-pane{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.scope-switcher{flex:0 0 auto;display:flex;align-items:center;gap:12px;padding:6px 8px;border-bottom:1px solid #dcdcdc;font-size:13px}.chart-canvas-area{flex:1 1 auto;min-height:0}.select-screen{height:100%;overflow-y:auto;padding:12px 16px;box-sizing:border-box;font-size:14px}.select-title{margin:0 0 8px;font-size:18px}.select-subtitle{margin:12px 0 4px;font-size:14px}.select-list{margin:0;padding-left:20px;line-height:1.8}.select-empty{margin:4px 0;color:#666}.invalid-url-notice{margin-bottom:12px;padding:8px 12px;background:#fbe9e7;color:#8a1c10}.invalid-url-notice p,.invalid-url-notice ul{margin:0}.request-candidates,.request-unavailable{margin-top:16px}.request-reasons{margin:4px 0;padding-left:20px}.request-done{color:#666}.unprepared-scope{padding:16px;font-size:14px}.unprepared-title{font-size:16px;font-weight:600}.chart-canvas{width:100%;height:100%}.sns-pane{flex:0 0 360px;display:flex;min-height:0;flex-direction:column;border-left:1px solid #dcdcdc}.sns-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.post-card{padding:3px 32px 4px 8px;background:#dae1ec;border:none;position:relative}.post-no{position:absolute;top:3px;right:6px;font-size:10px;line-height:16px;color:#7a8594;white-space:nowrap}.post-refs{display:flex;flex-wrap:wrap;gap:0 6px;font-size:11px;line-height:1.25;color:#4d6283}.post-ref{white-space:nowrap}.post-actions{display:flex;justify-content:flex-end;gap:4px}.post-reference,.post-reply{font-size:11px;line-height:1.2;padding:0 6px;cursor:pointer}.post-card[data-depth="0"]{background:#fff}.post-card[data-depth="1"]{background:#f1f4f8}.post-card[data-depth="2"]{background:#e6ebf3}.post-card[data-depth="3"]{background:#dde4ee}.post-card.is-selected{background:#c9dcf7}.post-card[data-anchored=true]{cursor:pointer}.post-head{display:flex;align-items:baseline;gap:6px;line-height:1.25}.post-username{font-size:13px;font-weight:600;white-space:nowrap}.post-anchor{font-size:12px;color:#4a4a4a;white-space:nowrap}.post-text{font-size:13px;line-height:1.3;word-break:break-word}.leader-layer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:10}.leader-line{stroke:#8a97a8;stroke-width:1}.leader-line.is-selected{stroke:#2f6fd0;stroke-width:2}.leader-anchor{fill:#8a97a8}.leader-anchor.is-selected{fill:#2f6fd0;stroke:#fff;stroke-width:1}.composer{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;padding:6px 8px;border-top:1px solid #dcdcdc;background:#fff}.composer-username{font-size:13px;font-weight:600;line-height:1.25}.composer-text{box-sizing:border-box;width:100%;resize:none;font:inherit;font-size:13px;line-height:1.3}.composer-actions{display:flex;justify-content:flex-end;gap:6px}.composer-refs{display:flex;flex-wrap:wrap;gap:0 6px;font-size:11px;line-height:1.25;color:#4d6283}.composer-ref{white-space:nowrap}.composer-ref-item{display:inline-flex;align-items:center;gap:2px}.composer-ref-remove{font-size:11px;line-height:1.2;padding:0 4px}.composer-reply{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.25;color:#4d6283}.composer-mode{font-size:11px;line-height:1.25;color:#7a4d00}