.portfolio-history{--ph-muted:#596273;color:var(--text)}.portfolio-history .ph-storage{font-size:13px;color:var(--ph-muted);margin:0 0 18px;line-height:1.7}.portfolio-history .ph-card{min-width:0;border:1px solid var(--border);background:white;border-radius:12px;padding:20px}.portfolio-history h3{font-size:18px;margin:0;line-height:1.5}.portfolio-history small{display:block;color:var(--ph-muted);font-size:12px;line-height:1.7}.portfolio-history .ph-head{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-bottom:14px}.portfolio-history .ph-head small{margin-top:5px}.portfolio-history .ph-comparison{display:flex;align-items:center;gap:18px;margin-bottom:16px}.portfolio-history .ph-comparison>div{margin-right:auto}.portfolio-history .ph-comparison label{display:grid;gap:6px;font-size:12px;color:var(--ph-muted);min-width:0;max-width:35%}.portfolio-history select{font:inherit;border:1px solid var(--border);border-radius:7px;padding:10px;background:white;color:var(--text);max-width:100%;width:100%;font-size:12px}.portfolio-history .ph-arrow{color:#94a3b8}.portfolio-history .ph-metrics{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;margin:16px 0}.portfolio-history .ph-metric:first-child{border-color:#bdceff;background:linear-gradient(135deg,#fff,#f5f8ff)}.portfolio-history .ph-metric>span{display:flex;justify-content:space-between;gap:5px;font-size:13px;color:var(--ph-muted);align-items:center}.portfolio-history .ph-metric strong{display:block;font-size:24px;letter-spacing:-.7px;margin:13px 0 8px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.portfolio-history .ph-up{color:#16864a}.portfolio-history .ph-down{color:#d84a4a}.portfolio-history .ph-workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px;align-items:start}.portfolio-history .ph-left{display:grid;gap:16px;min-width:0}.portfolio-history .ph-right{min-width:0}.portfolio-history .ph-badge{font-size:11px;font-weight:700;padding:4px 7px;border-radius:5px;color:#16864a;background:#edf9f2;white-space:nowrap}.portfolio-history .ph-warn{color:#98620d;background:#fff4df}.portfolio-history .ph-blue{color:#245ff5;background:#eef4ff}.portfolio-history .ph-selected-value{font-size:14px;font-weight:700;color:#245ff5;background:#eef4ff;border-radius:7px;padding:8px 11px;white-space:nowrap}.portfolio-history .ph-chart-scroll{overflow-x:auto;min-width:0;width:100%;border:1px solid #e6ecf5;border-radius:9px;background:#fafcff;padding:16px 8px 6px}.portfolio-history .ph-chart{display:block;width:100%;height:auto;min-height:250px}.portfolio-history .ph-axis{font-family:inherit;font-size:14px;fill:#536279}.portfolio-history .ph-point-label{font-family:inherit;font-size:16px;font-weight:700;fill:#245ff5;paint-order:stroke;stroke:#fafcff;stroke-width:5px;stroke-linejoin:round}.portfolio-history .ph-partial-label{fill:#a16913}.portfolio-history .ph-point-role{font-family:inherit;font-size:12px;font-weight:700;fill:#536279}.portfolio-history [data-history-point]{cursor:pointer;outline:none}.portfolio-history [data-history-point]:focus-visible>circle:first-of-type{stroke:#7599ff;stroke-width:3}.portfolio-history .ph-legend{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0 8px;font-size:12px;color:var(--ph-muted)}.portfolio-history .ph-dot{display:inline-block;background:#245ff5;width:8px;height:8px;border-radius:50%;margin-right:5px}.portfolio-history .ph-amber{background:#d59735}.portfolio-history .ph-chart-hint{font-size:12px;color:var(--ph-muted);line-height:1.7;margin:8px 0 16px}.portfolio-history .ph-events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.portfolio-history .ph-events article{padding:12px;background:#f8fafc;border-radius:8px;overflow-wrap:anywhere}.portfolio-history .ph-events strong{display:block;font-size:14px;line-height:1.6;margin:6px 0}.portfolio-history .ph-events small{font-size:11px}.portfolio-history .ph-info{background:#f5f8ff;border:1px solid #dce5ff;padding:14px;border-radius:8px;margin-top:14px;color:#3b557c;font-size:12px;line-height:1.8}.portfolio-history .ph-info p{margin:5px 0 0}.portfolio-history .ph-table-scroll{overflow:auto;max-width:100%;min-width:0}.portfolio-history .ph-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.portfolio-history .ph-table th{text-align:right;background:#f8fafc;padding:12px 10px;font-size:12px;font-weight:400;color:var(--ph-muted);border-bottom:1px solid var(--border)}.portfolio-history .ph-table td{text-align:right;padding:15px 10px;border-bottom:1px solid #edf0f5;font-variant-numeric:tabular-nums}.portfolio-history .ph-table th:first-child,.portfolio-history .ph-table td:first-child{text-align:left}.portfolio-history .ph-table td small{font-size:11px;margin-top:4px}.portfolio-history .ph-table-note{font-size:12px;color:var(--ph-muted);line-height:1.8;margin:14px 0 0}.portfolio-history details{margin-top:15px;border-top:1px solid #edf0f5;padding-top:14px}.portfolio-history summary{font-size:12px;color:var(--ph-muted);cursor:pointer;margin-bottom:12px}.portfolio-history .ph-filters{display:flex;gap:5px;margin:12px 0}.portfolio-history .ph-filters button{font:inherit;font-size:11px;padding:6px 8px;background:white;border:1px solid var(--border);border-radius:6px;cursor:pointer}.portfolio-history .ph-filters .ph-active{background:#eef4ff;border-color:#bdd0ff;color:#245ff5}.portfolio-history .ph-records{display:grid;gap:9px;max-height:670px;overflow-y:auto;padding:2px}.portfolio-history .ph-record{padding:14px;border:1px solid var(--border);border-radius:9px;background:white;text-align:left;width:100%;font:inherit;cursor:pointer;min-width:0;overflow-wrap:anywhere}.portfolio-history .ph-record-selected{background:#f6f9ff;border-color:#7ca0ff;box-shadow:inset 3px 0 #245ff5}.portfolio-history .ph-record-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.portfolio-history .ph-record strong{font-size:19px;display:block;margin-bottom:6px;font-variant-numeric:tabular-nums}.portfolio-history .ph-record-name{display:block;font-size:13px;margin-bottom:3px}.portfolio-history .ph-record small{font-size:11px;white-space:pre-wrap}.portfolio-history .ph-record-tag{display:block;margin-top:8px;font-size:11px;color:#245ff5}.portfolio-history .ph-partial-tag{color:#98620d}.portfolio-history .ph-guide{margin-top:14px;background:#f8fafc}.portfolio-history .ph-guide h3{font-size:15px}.portfolio-history .ph-guide p{color:var(--ph-muted);line-height:1.8;font-size:13px}.portfolio-history .ph-warning{padding:13px 16px;border:1px solid #efd6a4;border-radius:8px;background:#fff7e8;color:#8b5a15;font-size:13px;line-height:1.8;margin-bottom:16px}.portfolio-history .ph-empty{padding:60px 20px;text-align:center}.portfolio-history .ph-empty>span{font-size:40px;color:#94a3b8;margin-bottom:18px}.portfolio-history .ph-empty p{color:var(--ph-muted);line-height:1.9;margin:16px 0 22px}.portfolio-history .ph-dialog{border:1px solid var(--border);border-radius:14px;padding:24px;width:min(780px,calc(100% - 28px));max-height:85vh;overflow:auto;background:white;color:var(--text);font:inherit;box-shadow:0 24px 80px #08152530}.portfolio-history .ph-dialog::backdrop{background:#08152565}.portfolio-history .ph-dialog h2{font-size:23px}.portfolio-history .ph-dialog p{font-size:13px;line-height:1.8;color:var(--ph-muted)}.portfolio-history .ph-dialog label{display:grid;gap:8px;margin:15px 0;color:var(--ph-muted);font-size:13px}.portfolio-history .ph-dialog input,.portfolio-history .ph-dialog textarea{font:inherit;border:1px solid var(--border);border-radius:8px;padding:12px;width:100%;background:white;color:var(--text)}.portfolio-history .ph-dialog textarea{resize:vertical}.portfolio-history .ph-dialog footer{display:flex;gap:9px;justify-content:flex-end;margin-top:20px}.portfolio-history .ph-save-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f8fafc;border-radius:8px;padding:16px;margin:16px 0;font-size:12px;color:var(--ph-muted)}.portfolio-history .ph-save-summary strong{display:block;font-size:15px;color:var(--text);margin-top:7px}.portfolio-history .ph-cash-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.portfolio-history .ph-memo{white-space:pre-wrap;overflow-wrap:anywhere}.portfolio-history #historySaveStatus{color:#b64b22}.portfolio-history button:focus-visible,.portfolio-history select:focus-visible,.portfolio-history .ph-chart-scroll:focus-visible{outline:3px solid #7599ff;outline-offset:3px}
@media(max-width:1250px){.portfolio-history .ph-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-history .ph-comparison{flex-wrap:wrap}.portfolio-history .ph-comparison>div{width:100%}.portfolio-history .ph-comparison label{max-width:46%;flex:1}.portfolio-history .ph-workspace{grid-template-columns:minmax(0,1fr) 260px}.portfolio-history .ph-events{grid-template-columns:1fr}}
@media(max-width:900px){.portfolio-history .ph-workspace{grid-template-columns:minmax(0,1fr)}.portfolio-history .ph-records{grid-template-columns:repeat(2,minmax(0,1fr));max-height:520px}.portfolio-history .ph-events{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.portfolio-history .ph-card{padding:16px 14px}.portfolio-history .feature-header{flex-direction:column;align-items:flex-start;gap:14px}.portfolio-history .feature-header h2{font-size:24px}.portfolio-history .feature-header p{font-size:13px}.portfolio-history .mypage-actions{width:100%;display:flex;gap:8px}.portfolio-history .mypage-actions button{flex:1;font-size:12px;padding:10px}.portfolio-history .ph-storage{font-size:11px}.portfolio-history .ph-comparison label{flex:auto;max-width:100%;width:100%}.portfolio-history .ph-arrow{display:none}.portfolio-history .ph-metrics{gap:9px}.portfolio-history .ph-metric strong{font-size:20px;letter-spacing:-1px}.portfolio-history .ph-metric>span{font-size:11px;flex-wrap:wrap}.portfolio-history .ph-metric small{font-size:11px}.portfolio-history .ph-head{flex-wrap:wrap}.portfolio-history h3{font-size:16px}.portfolio-history .ph-selected-value{font-size:13px}.portfolio-history .ph-events{grid-template-columns:1fr}.portfolio-history .ph-records{grid-template-columns:minmax(0,1fr)}.portfolio-history .ph-record-top{flex-wrap:wrap}.portfolio-history .ph-cash-inputs{grid-template-columns:1fr}.portfolio-history .ph-dialog{padding:20px}.portfolio-history .ph-save-summary{gap:12px;padding:13px}.portfolio-history .ph-chart-scroll{padding:12px 4px 4px}.portfolio-history .ph-chart{min-height:0}}