/* 홈 화면 전용 스타일. 색상 변수(--gold2, --blue 등)는 home.html 의 :root 값을 그대로 쓴다. */
.home-badge{display:inline-block;font-size:9px;font-weight:800;padding:4px 8px;border-radius:6px;background:var(--gold2);color:#987544;margin:2px 0 4px}
.home-summary{margin-top:12px}
.home-summary .table td:first-child{color:#777168;white-space:nowrap}
.home-summary .table td:last-child{text-align:right;font-weight:750;color:#4d6586}
.home-summary-note{font-size:9px;color:#9a958b;line-height:1.6;margin:12px 0 0}
.home-empty{margin-top:12px}
.home-go{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}
.home-note{grid-column:1/-1}
a.linkbtn{text-decoration:none;cursor:pointer}
#page-home .table th:not(:first-child),#page-home .table td:not(:first-child){text-align:right}
#page-home #homeResult .table,#page-home #homeSummary .table{table-layout:fixed}
#page-home .table th:first-child,#page-home .table td:first-child{width:28%}
#homeShowResult,#homeReset{width:150px;text-align:center}
.home-tplrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
.home-tplrow .btn{width:100%;text-align:center}
.home-tpl{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f1ede6;font-size:11px}
.home-tpl p{margin:2px 0 0}
.home-tiles{gap:10px}
.home-tiles .tile{padding:12px;min-height:0}
.home-tiles .tile h3{margin:0}
.home-tiles .tile p{min-height:0;margin:4px 0 0}
.home-line{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.home-line .muted{margin:0}
.home-line .tiny{white-space:nowrap;margin:0}
.home-tipwrap{position:relative}
.home-tipbody{display:none;position:absolute;left:0;right:0;bottom:100%;z-index:20;background:#fffdf8;border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 18px rgba(60,50,30,.12);padding:10px 12px}
.home-tipbody:empty{display:none!important}
.home-tipwrap:hover>.home-tipbody{display:block}
.home-tipbody p{margin:0 0 4px}

a.card,a.card:hover,a.card:visited{color:inherit;text-decoration:none}


/* 질문 중심 홈 화면 */
.home-start{margin-top:8px}
.home-start-head h2{margin:0 0 5px}
.home-start-head p{margin:0 0 15px}
.home-question-grid{gap:12px}
.home-question-card{display:flex;flex-direction:column;gap:7px;padding:19px;text-decoration:none;color:inherit;min-height:178px;border:1px solid var(--line);transition:.16s}
.home-question-card:hover{transform:translateY(-2px);border-color:#c9d3df;box-shadow:0 7px 20px rgba(50,60,75,.06)}
.home-question-card h3{font-size:16px;margin:3px 0}
.home-question-card p{font-size:12px;color:#777b84;line-height:1.65;margin:0;flex:1}
.home-qno{font-size:9px;letter-spacing:.08em;font-weight:800;color:#8a8d94}
.home-qfoot{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--line);font-size:11px;font-weight:750;color:var(--blue)}
.home-qfoot b{font-size:15px}
.home-question-primary{background:#f4f6f9;border-color:#cbd5e1}
.home-q-highlight{align-self:flex-start;padding:4px 7px;border-radius:6px;background:#e8edf4;color:#4b6481;font-size:10px;font-weight:750}
.home-start-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);font-size:11px;color:#85858a}
.home-start-bottom a{font-weight:750;color:var(--blue);text-decoration:none}
.home-b1-shortcut{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:15px}
.home-b1-shortcut h2{margin:3px 0 5px}
.home-b1-shortcut p{max-width:720px;margin:0;line-height:1.6}
.home-b1-shortcut .btn{flex:none;text-decoration:none}
.home-legacy-links{margin-top:24px}
.home-legacy-links h2{margin:0 0 4px;font-size:16px}
.home-legacy-links .grid{margin-top:12px}
@media(max-width:760px){
 .home-question-grid{grid-template-columns:1fr}
 .home-question-card{min-height:0}
 .home-start-bottom,.home-b1-shortcut{align-items:flex-start;flex-direction:column}
 .home-b1-shortcut .btn{width:100%;text-align:center}
}


/* IFONLYI 투자 차트: 숫자 축, 투자별 시작점, hover readout */
#page-home .investment-home{width:100%}
#page-home .investment-heading{display:flex;align-items:center;justify-content:flex-start;margin:2px 0 18px}
#page-home .investment-heading-title{display:flex;align-items:center;gap:13px}
#page-home .investment-heading-title h1{font-size:27px;letter-spacing:-1.2px;margin:0;color:#2d3440}
#page-home .heading-dot{font-size:25px;color:#b2b7c0}
#page-home .investment-heading-meta{margin-left:16px}
#page-home .demo-label{padding:4px 8px;border-radius:5px;background:#f0f1f3;color:#777f89;font-size:9px}
#page-home .investment-main-panel{background:#fff;border:1px solid #e5e8ed;border-radius:15px;padding:17px 18px 12px;box-shadow:0 8px 26px rgba(36,48,66,.045)}
#page-home .investment-panel-head{display:flex;flex-direction:column;gap:12px}
#page-home .investment-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
#page-home .legend-item{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#777f8b;padding:3px 0;font-size:10px;font-weight:650}
#page-home .legend-item.active{color:#303947;font-weight:800}
#page-home .legend-swatch{display:inline-block;width:9px;height:9px;border-radius:3px;flex:none}
#page-home .actual-swatch{background:#3285d5}#page-home .v1-swatch{background:#ed925d}#page-home .v2-swatch{background:#36a58a}#page-home .v3-swatch{background:#9876d5}#page-home .all-swatch{background:linear-gradient(90deg,#3285d5 0 25%,#ed925d 25% 50%,#36a58a 50% 75%,#9876d5 75%)}
#page-home .investment-periods{display:flex;gap:3px;align-items:center;flex-wrap:wrap}
#page-home .investment-periods button{border:0;background:transparent;color:#8b929c;border-radius:6px;padding:6px 10px;font-size:10px}
#page-home .investment-periods button.selected{background:#edf2f8;color:#42688e;font-weight:800}
#page-home .investment-value-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 0 6px}
#page-home .value-summary{border-left:2px solid #e7ebf0;padding:2px 9px;min-width:0}
#page-home .value-summary:nth-child(1){border-color:#3285d5}#page-home .value-summary:nth-child(2){border-color:#ed925d}#page-home .value-summary:nth-child(3){border-color:#36a58a}#page-home .value-summary:nth-child(4){border-color:#9876d5}
#page-home .value-summary span{display:block;font-size:9px;color:#858d98;margin-bottom:3px}
#page-home .value-summary strong{display:block;font-size:16px;letter-spacing:-.5px;color:#303947;white-space:nowrap}
#page-home .value-summary em{display:block;font-style:normal;font-size:10px;margin-top:2px}
#page-home .positive{color:#25866c!important}#page-home .negative{color:#d15f62!important}
#page-home .main-chart-wrap{width:100%;position:relative;overflow:hidden}
#page-home .chart-hover-readout{min-height:27px;display:flex;align-items:center;gap:8px;color:#929aa5;font-size:10px;padding:4px 3px}
#page-home .chart-hover-readout b{font-weight:750;color:#566273}
#page-home .main-investment-chart{display:block;width:100%;height:440px;min-height:280px;overflow:hidden;touch-action:pan-y}
#page-home .main-chart-foot{display:flex;gap:17px;align-items:center;flex-wrap:wrap;border-top:1px solid #f0f2f5;padding-top:10px;color:#9aa1aa;font-size:9px}
#page-home .main-chart-foot b{color:#687687}
#page-home .investment-mini-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:10px}
#page-home .mini-investment-card{display:flex;flex-direction:column;gap:5px;min-width:0;text-align:left;background:#fff;border:1px solid #e5e8ed;border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .16s,background .16s;box-shadow:0 4px 14px rgba(36,48,66,.03)}
#page-home .mini-investment-card.active{border-color:#8fb0d0;background:#f7faff}
#page-home .mini-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#page-home .mini-name{display:flex;align-items:center;gap:7px;color:#3d4652;font-size:10px;font-weight:800}
#page-home .mini-return{font-size:11px;font-weight:800}
#page-home .mini-current{font-size:17px;letter-spacing:-.5px;color:#303947}
#page-home .mini-caption{font-size:9px;color:#929aa5;white-space:nowrap}
#page-home .legend-item:focus-visible,#page-home .mini-investment-card:focus-visible,#page-home .investment-periods button:focus-visible{outline:2px solid #7fa4ca;outline-offset:3px}
@media(max-width:900px){#page-home .investment-value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#page-home .investment-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#page-home .investment-heading-title h1{font-size:23px}#page-home .investment-heading-meta{margin-left:auto}#page-home .investment-main-panel{padding:12px 9px 10px;border-radius:13px}#page-home .investment-legend{gap:9px 13px;padding:0 4px}#page-home .legend-item{font-size:9px}#page-home .investment-periods{overflow-x:auto;flex-wrap:nowrap}#page-home .investment-periods button{white-space:nowrap;padding:6px 9px}#page-home .value-summary strong{font-size:14px}#page-home .main-investment-chart{height:340px;min-height:220px}#page-home .chart-axis-label{font-size:12px}#page-home .chart-x-label{font-size:10px}#page-home .investment-mini-list{gap:7px}#page-home .mini-investment-card{padding:10px}#page-home .mini-current{font-size:14px}#page-home .mini-caption{font-size:8px}}
#page-home .investment-periods button:disabled{opacity:.32;cursor:not-allowed;text-decoration:line-through}
#page-home .chart-canvas-wrap{position:relative;width:100%}
#page-home .main-investment-chart{position:relative;z-index:1}
#page-home .chart-today-overlay{position:absolute;z-index:2;top:0;bottom:31px;width:0;border-left:1px dashed #97a4b3;pointer-events:none;display:none}
#page-home .chart-today-overlay span{position:absolute;top:1px;left:0;transform:translateX(-50%);padding:2px 5px;border-radius:4px;background:#edf1f5;color:#64748b;font-size:9px;font-weight:750}
#page-home .chart-future-overlay{position:absolute;z-index:2;top:45%;right:5%;transform:translateY(-50%);color:#aab2bd;font-size:28px;letter-spacing:4px;pointer-events:none}
#page-home .investment-periods button:disabled{opacity:.32;cursor:not-allowed;text-decoration:line-through}

/* 5년 공통축 + 시작일 전 추정/시작일 후 기록, 카드별 미니 차트 */
#page-home .investment-value-strip{display:none!important}
#page-home .investment-main-panel{padding-bottom:12px}
#page-home .main-investment-chart{height:450px}
#page-home .investment-mini-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
#page-home .mini-investment-card{min-height:150px;gap:6px;padding:13px 14px;border:1px solid transparent;box-shadow:none}
#page-home .mini-investment-card.actual-card{background:#eaf3fc;border-color:#cfe1f4}
#page-home .mini-investment-card.v1-card{background:#fff0e6;border-color:#f5d8c6}
#page-home .mini-investment-card.v2-card{background:#e8f5f0;border-color:#cce8dc}
#page-home .mini-investment-card.v3-card{background:#f1ebfb;border-color:#ded2f2}
#page-home .mini-investment-card.active{outline:2px solid currentColor;outline-offset:1px;filter:saturate(1.08)}
#page-home .mini-investment-card.actual-card .mini-current{color:#286aa9}
#page-home .mini-investment-card.v1-card .mini-current{color:#b96b3d}
#page-home .mini-investment-card.v2-card .mini-current{color:#267d67}
#page-home .mini-investment-card.v3-card .mini-current{color:#7955b3}
#page-home .mini-current{font-size:20px;font-variant-numeric:tabular-nums}
#page-home .mini-caption{white-space:normal}
#page-home .mini-sparkline{display:block;width:100%;height:62px;margin-top:2px}
#page-home .mini-sparkline>div{width:100%;height:62px}
#page-home .investment-mini-card .mini-return{font-variant-numeric:tabular-nums}
@media(max-width:900px){#page-home .investment-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#page-home .main-investment-chart{height:350px}#page-home .mini-investment-card{min-height:140px;padding:10px}#page-home .mini-current{font-size:17px}#page-home .mini-sparkline,#page-home .mini-sparkline>div{height:54px}}

/* 홈 화면 투자 비교: 제목은 홈의 '나의 투자', 모든 차트는 동일한 TradingView 엔진 */
#page-home .investment-heading-title h1{font-size:27px;color:#2d3440}
#page-home .investment-heading-title{gap:0}
#page-home .investment-main-panel{background:#f3f6fa;border-color:#dce4ee}
#page-home .main-investment-chart{background:#f3f6fa}
#page-home .chart-hover-readout{color:#617186}
#page-home .chart-hover-readout b{color:#34465d}
#page-home .investment-periods button.selected{background:#dce8f5;color:#285d91}
#page-home .investment-mini-list .mini-investment-card{overflow:hidden}
#page-home .mini-investment-card.active{outline:2px solid currentColor;outline-offset:1px;filter:none}
#page-home .mini-investment-card.actual-card.active{background:#e1effd}
#page-home .mini-investment-card.v1-card.active{background:#ffe8d9}
#page-home .mini-investment-card.v2-card.active{background:#dff1e9}
#page-home .mini-investment-card.v3-card.active{background:#e9defa}
#page-home .investment-legend .legend-item{font-size:12px;color:#536174}
#page-home .mini-name{font-size:13px;color:#344256}
#page-home .mini-return{font-size:14px}
#page-home .mini-current{font-size:25px;line-height:1.15}
#page-home .mini-caption{font-size:11px;color:#64748b}
#page-home .mini-sparkline,#page-home .mini-sparkline>div{height:70px}
#page-home .main-chart-foot{font-size:10px;color:#68788c}
@media(max-width:760px){#page-home .mini-name{font-size:11px}#page-home .mini-return{font-size:12px}#page-home .mini-current{font-size:20px}#page-home .mini-caption{font-size:9px}}

/* 홈 화면 최종 차트 레이아웃 */
#page-home .investment-heading{margin:2px 0 16px}
#page-home .investment-heading-title h1{font-size:28px;letter-spacing:-1px}
#page-home .investment-panel-head{gap:8px}
#page-home .investment-periods{display:none!important}
#page-home .investment-main-panel{background:#edf3f9;border:1px solid #d5e0eb;padding:16px 18px 12px}
#page-home .chart-canvas-wrap{background:#edf3f9;border-radius:8px;overflow:hidden}
#page-home .main-investment-chart{height:480px;background:#edf3f9}
#page-home .chart-hover-readout{min-height:0;height:auto;padding:0 3px 5px;display:flex;gap:14px;flex-wrap:wrap;color:#53657a;font-size:11px}
#page-home .chart-hover-readout{height:27px;min-height:27px;max-height:27px;overflow:hidden;white-space:nowrap;flex-wrap:nowrap;visibility:visible}
#page-home .chart-hover-readout:empty{visibility:hidden}
#page-home .chart-hover-readout time{font-weight:800;color:#34475d}
#page-home .chart-hover-readout span{white-space:nowrap}
#page-home .investment-legend{gap:20px;padding:2px 2px 8px}
#page-home .investment-legend .legend-item{font-size:12px;color:#40536a;cursor:pointer}
#page-home .investment-legend .legend-item.active{font-weight:850;color:#1e344b}
#page-home .chart-start-overlay{position:absolute;z-index:4;top:0;bottom:30px;width:0;border-left:1px dashed #26977d;pointer-events:none;display:none}
#page-home .chart-start-overlay span{position:absolute;top:7px;left:0;transform:translateX(-50%);padding:3px 7px;border-radius:4px;background:#26977d;color:#fff;font-size:10px;font-weight:800;white-space:nowrap}
#page-home .chart-today-overlay{top:0;bottom:30px;border-left:1px solid #607c9a;z-index:4}
#page-home .chart-today-overlay span{top:7px;background:#607c9a;color:#fff;font-size:10px;padding:3px 7px}
#page-home .chart-future-overlay{top:48%;z-index:4;color:#7489a0;font-size:30px;letter-spacing:5px}
#page-home .main-chart-foot{border-top:1px solid #d7e1eb;color:#718298;padding-top:9px;font-size:10px}
#page-home .main-chart-foot b{color:#40566f}
#page-home .investment-mini-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:13px}
#page-home .mini-investment-card{min-height:190px;display:flex;gap:7px;padding:14px 15px 10px;border-radius:13px;border:1px solid transparent;box-shadow:none;overflow:hidden}
#page-home .mini-investment-card.actual-card{background:#e8f2fc;border-color:#c7ddef}
#page-home .mini-investment-card.v1-card{background:#fff0e5;border-color:#f1d4c0}
#page-home .mini-investment-card.v2-card{background:#e5f3ed;border-color:#c7e4d8}
#page-home .mini-investment-card.v3-card{background:#f0eafb;border-color:#d9ccef}
#page-home .mini-investment-card.active{outline:2px solid currentColor;outline-offset:1px;filter:none}
#page-home .mini-investment-card.actual-card.active{background:#deedfb}
#page-home .mini-investment-card.v1-card.active{background:#ffe7d6}
#page-home .mini-investment-card.v2-card.active{background:#d9eee5}
#page-home .mini-investment-card.v3-card.active{background:#e7dcf8}
#page-home .mini-name{font-size:13px;font-weight:850;color:#304256}
#page-home .mini-return{font-size:14px;font-weight:850;font-variant-numeric:tabular-nums}
#page-home .mini-current{font-size:25px;line-height:1.1;font-weight:850;font-variant-numeric:tabular-nums}
#page-home .mini-caption{font-size:11px;color:#596d82;white-space:nowrap}
#page-home .mini-sparkline{height:94px;width:100%;margin-top:3px;overflow:hidden;border-radius:7px}
#page-home .mini-sparkline>div{height:94px;width:100%}
#page-home .mini-investment-card:focus-visible{outline:2px solid #425f7e;outline-offset:2px}
@media(max-width:1000px){#page-home .investment-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 #page-home .investment-heading-title h1{font-size:23px}
 #page-home .investment-main-panel{padding:12px 9px 10px}
 #page-home .main-investment-chart{height:360px}
 #page-home .investment-legend{gap:9px 13px;flex-wrap:wrap}
 #page-home .investment-legend .legend-item{font-size:10px}
 #page-home .investment-mini-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 #page-home .mini-investment-card{min-height:165px;padding:10px}
 #page-home .mini-name{font-size:11px}
 #page-home .mini-return{font-size:12px}
 #page-home .mini-current{font-size:20px}
 #page-home .mini-caption{font-size:9px}
 #page-home .mini-sparkline,#page-home .mini-sparkline>div{height:78px}
}
#page-home .mini-sparkline{position:relative;height:94px;width:100%;margin-top:3px;overflow:hidden;border-radius:7px}
#page-home .mini-chart-canvas{position:absolute;inset:0;width:100%;height:94px}
#page-home .mini-today-line{display:none;position:absolute;z-index:3;top:4px;bottom:4px;width:0;border-left:1px solid rgba(62,86,111,.65);pointer-events:none}
#page-home .mini-future-mark{display:none;position:absolute;z-index:4;top:36%;transform:translate(-50%,-50%);font-size:17px;line-height:1;color:#657b91;font-weight:800;pointer-events:none}
@media(max-width:760px){#page-home .mini-sparkline,#page-home .mini-chart-canvas{height:78px}}
#page-home .chart-today-overlay span{white-space:nowrap;width:max-content}

/* TradingView Lightweight Charts: full axes on all four mini charts */
#page-home .mini-investment-card{min-height:245px}
#page-home .mini-sparkline{height:150px;margin-top:5px;overflow:hidden}
#page-home .mini-chart-canvas{height:150px;width:100%}
#page-home .mini-investment-card .mini-sparkline{background:transparent}
#page-home .mini-investment-card .mini-chart-canvas{background:transparent}
@media(max-width:760px){#page-home .mini-investment-card{min-height:225px}#page-home .mini-sparkline,#page-home .mini-chart-canvas{height:138px}}

/* Hover readout keeps a fixed slot so the chart never jumps vertically. */
#page-home .main-chart-wrap{overflow:hidden}
#page-home .chart-hover-readout{box-sizing:border-box;height:27px;min-height:27px;max-height:27px;line-height:18px;padding:4px 3px;overflow:hidden;white-space:nowrap;flex-wrap:nowrap}
#page-home .chart-hover-readout:empty{display:flex;visibility:hidden}
#page-home .chart-hover-readout:not(:empty){visibility:visible}

/* 홈 차트는 실제 저장 포트폴리오/수집 시세가 있을 때만 렌더링한다. */
#page-home .investment-empty-state{min-height:340px;display:grid;place-items:center;padding:28px;text-align:center;color:#748195;font-size:13px;background:#edf3f9;border-radius:10px}
#page-home .investment-mini-list:empty{display:none}
#page-home .mini-investment-card .mini-name{color:#39495d}
#page-home .mini-investment-card .mini-current{color:inherit}

/* 홈 대시보드: 메인 투자 그래프 + 우측 요약 그래프 2개 + 하단 계좌 4개 */
#page-home .investment-dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:14px;align-items:stretch}
#page-home .investment-main-panel{min-width:0}
#page-home .investment-dashboard-layout .main-investment-chart{height:460px}
#page-home .investment-side-column{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-width:0}
#page-home .home-insight-card{min-width:0;background:#fff;border:1px solid #dce5ef;border-radius:14px;padding:15px 15px 13px;box-shadow:0 5px 18px rgba(36,48,66,.035);display:flex;flex-direction:column;justify-content:space-between}
#page-home .home-insight-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
#page-home .home-insight-head h2,#page-home .home-accounts-head h2{font-size:15px;line-height:1.25;letter-spacing:-.3px;margin:0;color:#34465a}
#page-home .home-insight-head p,#page-home .home-accounts-head p{font-size:10px;color:#8794a4;margin:4px 0 0}
#page-home .home-insight-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#edf3f9;color:#577795;font-size:16px;flex:none}
#page-home .home-allocation-body{display:flex;align-items:center;gap:15px;margin-top:12px;min-height:116px}
#page-home .home-donut{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;flex:none;background:conic-gradient(#e6ebf1 0 100%);position:relative}
#page-home .home-donut:before{content:"";position:absolute;inset:17px;border-radius:50%;background:#fff}
#page-home .home-donut-hole{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}
#page-home .home-donut-hole strong{font-size:22px;line-height:1.1;color:#33465b;font-variant-numeric:tabular-nums}
#page-home .home-donut-hole span{font-size:9px;color:#8492a3;margin-top:3px}
#page-home .home-allocation-legend{display:flex;flex-direction:column;gap:8px;min-width:0;flex:1}
#page-home .home-allocation-item{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:6px;align-items:center;font-size:10px;color:#62748a}
#page-home .home-allocation-item i{width:8px;height:8px;border-radius:3px}
#page-home .home-allocation-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-home .home-allocation-item b{font-size:10px;color:#3e526a}
#page-home .home-insight-empty{font-size:10px;line-height:1.5;color:#94a0ae}
#page-home .home-threshold-value{display:flex;align-items:baseline;gap:5px;margin:18px 0 10px}
#page-home .home-threshold-value strong{font-size:25px;letter-spacing:-.8px;color:#344b64;font-variant-numeric:tabular-nums}
#page-home .home-threshold-value span{font-size:10px;color:#8492a3}
#page-home .home-threshold-track{height:11px;border-radius:99px;background:#edf1f5;overflow:hidden}
#page-home .home-threshold-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#5ba78d,#e5ad5b,#d96b68);transition:width .25s ease}
#page-home .home-threshold-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:10px;color:#77879a}
#page-home .home-threshold-foot b{font-size:10px;color:#526980;text-align:right}
#page-home .home-insight-note{font-size:9px;line-height:1.5;color:#9aa5b2;margin:10px 0 0}
#page-home .home-accounts-section{margin-top:15px}
#page-home .home-accounts-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
#page-home .home-accounts-head a{font-size:10px;color:#547da5;text-decoration:none;font-weight:750;white-space:nowrap}
#page-home .home-account-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#page-home .home-account-card{display:flex;flex-direction:column;gap:9px;min-width:0;min-height:112px;padding:13px 14px;border-radius:12px;border:1px solid #dce5ef;background:#fff;text-decoration:none;color:inherit;box-shadow:0 4px 14px rgba(36,48,66,.025);transition:border-color .15s,transform .15s}
#page-home .home-account-card:hover{border-color:#9eb7d0;transform:translateY(-1px)}
#page-home .home-account-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
#page-home .home-account-card-top strong{font-size:12px;color:#3b4e63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-home .home-account-card-top span{font-size:9px;color:#8c9aaa;white-space:nowrap}
#page-home .home-account-values{display:flex;flex-direction:column;gap:3px;min-width:0}
#page-home .home-account-values b{font-size:17px;letter-spacing:-.4px;color:#344d67;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#page-home .home-account-values span{font-size:10px;color:#70869b;font-variant-numeric:tabular-nums}
#page-home .home-account-card small{font-size:9px;color:#9aa5b2}
#page-home .home-account-empty{grid-column:1/-1;padding:20px;border:1px dashed #d7e0e9;border-radius:12px;text-align:center;font-size:11px;color:#929eac;background:#fafbfd}
@media(max-width:1050px){#page-home .investment-dashboard-layout{grid-template-columns:minmax(0,1fr) 260px;gap:10px}#page-home .home-account-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#page-home .investment-dashboard-layout{grid-template-columns:1fr}#page-home .investment-dashboard-layout .main-investment-chart{height:350px}#page-home .investment-side-column{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:8px}#page-home .home-insight-card{padding:11px;min-height:190px}#page-home .home-allocation-body{flex-direction:column;align-items:flex-start;gap:9px}#page-home .home-donut{width:86px;height:86px;align-self:center}#page-home .home-donut:before{inset:14px}#page-home .home-donut-hole strong{font-size:18px}#page-home .home-allocation-legend{width:100%;gap:5px}#page-home .home-threshold-value{margin:20px 0 10px;flex-wrap:wrap}#page-home .home-threshold-value strong{font-size:20px}#page-home .home-threshold-foot{align-items:flex-start;flex-direction:column;gap:4px}#page-home .home-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#page-home .home-account-card{padding:11px;min-height:105px}#page-home .home-account-values b{font-size:14px}}
@media(max-width:380px){#page-home .investment-side-column{grid-template-columns:1fr}#page-home .home-insight-card{min-height:0}#page-home .home-allocation-body{flex-direction:row;align-items:center}#page-home .home-donut{width:90px;height:90px}}

/* 첫 방문 안내: 하단 선택 카드가 상단 안내 패널의 내용을 전환한다. */
#page-home .home-onboarding-detail[hidden],#page-home .home-start-options[hidden]{display:none!important}
#page-home .home-onboarding-detail{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 16px;padding:19px 22px;border:1px solid #d8e2ed;border-radius:15px;background:linear-gradient(110deg,#edf3f9,#f7f4ee);}
#page-home .home-onboarding-detail-copy{min-width:0}
#page-home .home-onboarding-kicker{display:block;margin-bottom:5px;color:#66809d;font-size:9px;font-weight:800;letter-spacing:.08em}
#page-home .home-onboarding-detail h2{margin:0 0 5px;color:#34465a;font-size:18px}
#page-home .home-onboarding-detail p{margin:0;max-width:780px;color:#718096;font-size:11px;line-height:1.65}
#page-home .home-onboarding-detail .btn{flex:none;white-space:nowrap}
#page-home .home-start-options{margin-top:24px}
#page-home .home-start-heading{margin-bottom:11px}
#page-home .home-start-heading h2{margin:0;color:#34465a;font-size:16px}
#page-home .home-start-heading p{margin:4px 0 0;color:#8794a4;font-size:10px}
#page-home .home-start-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
#page-home .home-start-option{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:150px;padding:17px 18px;border:1px solid #dce5ef;border-radius:13px;background:#fff;text-align:left;color:#34465a;box-shadow:0 4px 14px rgba(36,48,66,.025);transition:border-color .15s,background .15s,transform .15s}
#page-home .home-start-option:hover{transform:translateY(-2px);border-color:#9eb7d0}
#page-home .home-start-option.selected{border-color:#7e9bb9;background:#f0f5fa;box-shadow:0 0 0 2px rgba(105,137,171,.10)}
#page-home .home-start-number{color:#8192a5;font-size:9px;font-weight:800;letter-spacing:.06em}
#page-home .home-start-option strong{font-size:14px}
#page-home .home-start-option>span:nth-of-type(2){flex:1;color:#7c8998;font-size:10px;line-height:1.6}
#page-home .home-start-option i{font-style:normal;color:#54799e;font-size:10px;font-weight:800}
@media(max-width:760px){#page-home .home-onboarding-detail{align-items:flex-start;flex-direction:column;padding:15px}#page-home .home-onboarding-detail .btn{width:100%}#page-home .home-start-option-grid{grid-template-columns:1fr}#page-home .home-start-option{min-height:0}}

/* 홈 하단 투자별 미니차트 복원: 4개 카드 모두 축과 기록 시작점 표시 */
#page-home .investment-mini-list[hidden]{display:none!important}
#page-home .investment-mini-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
#page-home .mini-investment-card{min-height:218px;display:flex;flex-direction:column;gap:7px;padding:13px 14px 10px;border-radius:13px;overflow:hidden}
#page-home .mini-investment-card .mini-sparkline{height:112px;margin-top:3px;overflow:hidden}
#page-home .mini-investment-card .mini-chart-canvas{height:112px;min-width:0}
#page-home .mini-investment-card .mini-today-line{top:4px;bottom:18px}
#page-home .mini-investment-card .mini-future-mark{display:none}
@media(max-width:1000px){#page-home .investment-mini-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#page-home .investment-mini-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#page-home .mini-investment-card{min-height:190px;padding:10px}#page-home .mini-investment-card .mini-sparkline,#page-home .mini-investment-card .mini-chart-canvas{height:96px}}

/* 비로그인 첫 방문: 대시보드 대신 선택형 시작 화면을 상단에 크게 표시 */
#page-home .investment-dashboard-layout[hidden],#page-home .home-accounts-section[hidden],#page-home .investment-mini-list[hidden]{display:none!important}
#page-home .home-onboarding-detail{min-height:330px;align-items:stretch;justify-content:space-between;padding:30px 34px;margin:0 0 22px;background:linear-gradient(125deg,#edf3f9 0%,#f8f6f1 100%)}
#page-home .home-onboarding-detail-copy{display:flex;flex-direction:column;justify-content:center;flex:1}
#page-home .home-onboarding-detail h2{font-size:25px;margin:4px 0 10px}
#page-home .home-onboarding-detail p{font-size:12px;max-width:850px}
#page-home .home-onboarding-detail .btn{align-self:center;padding:13px 20px}
#page-home .home-onboarding-stage{margin-top:25px;max-width:900px;min-height:112px}
#page-home .home-stage-intro{display:flex;flex-direction:column;gap:7px;padding:23px 25px;border:1px solid #dce5ef;border-radius:13px;background:#ffffffb8}
#page-home .home-stage-intro b{font-size:16px;color:#405a76}
#page-home .home-stage-intro span{font-size:11px;color:#8492a2}
#page-home .home-stage-preview{display:flex;flex-wrap:wrap;align-items:center;gap:15px;padding:18px 20px;border:1px solid #dce5ef;border-radius:13px;background:#ffffffc9}
#page-home .home-stage-metric{display:flex;flex-direction:column;gap:5px;flex:1;min-width:220px}
#page-home .home-stage-metric small,.home-stage-metric span{font-size:10px;color:#8795a5}
#page-home .home-stage-metric b{font-size:15px;color:#405a76}
#page-home .home-stage-pills{display:flex;gap:7px;flex-wrap:wrap}
#page-home .home-stage-pills span{padding:8px 11px;border-radius:8px;background:#edf3f9;color:#55718e;font-size:10px;font-weight:700}
#page-home .home-stage-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#page-home .home-stage-steps span,#page-home .home-stage-template>div{display:flex;align-items:center;gap:11px;padding:17px;border:1px solid #dce5ef;border-radius:12px;background:#fff}
#page-home .home-stage-steps b{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:#e8eff7;color:#55718e}
#page-home .home-stage-steps span{font-size:11px;color:#53677e}
#page-home .home-stage-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#page-home .home-stage-template>div{align-items:flex-start;flex-direction:column;gap:5px}
#page-home .home-stage-template b{font-size:12px;color:#405a76}
#page-home .home-stage-template span{font-size:10px;color:#8795a5}
#page-home .home-start-options{margin-top:18px}
#page-home .home-start-option{min-height:160px}
@media(max-width:760px){#page-home .home-onboarding-detail{min-height:0;padding:20px;gap:16px}#page-home .home-onboarding-detail h2{font-size:20px}#page-home .home-onboarding-stage{margin-top:17px}#page-home .home-stage-steps,#page-home .home-stage-template{grid-template-columns:1fr}#page-home .home-onboarding-detail .btn{align-self:stretch}}