/* EDEN 육성상태 전용 UI */
#tabGrowth { --growth-cyan:#55e8ff; --growth-mint:#77ffd0; --growth-dim:#6e8590; --growth-line:rgba(85,232,255,.24); }
.growth-shell { max-width:1180px; margin:0 auto; position:relative; }
.growth-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:18px; border-bottom:1px solid var(--growth-line); padding-bottom:12px; }
.growth-head-copy h2 { margin:0; color:#fff; letter-spacing:.16em; font-size:1.45rem; }
.growth-head-copy p { margin:6px 0 0; color:#7f939c; font-size:.78rem; }
.growth-subtabs { display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; }
.growth-subtab { width:auto; margin:0; padding:8px 15px; border-radius:3px; border:1px solid rgba(85,232,255,.22); background:rgba(4,15,22,.78); color:#91a8b2; font-weight:800; letter-spacing:.02em; }
.growth-subtab:hover { color:#e9fcff; border-color:rgba(85,232,255,.5); }
.growth-subtab.active { color:#071217; background:var(--growth-cyan); border-color:var(--growth-cyan); box-shadow:0 0 18px rgba(85,232,255,.18); }
.growth-view { display:none; }
.growth-view.active { display:block; }
.growth-query-row { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:14px 16px; border:1px solid rgba(85,232,255,.16); background:linear-gradient(90deg,rgba(85,232,255,.055),rgba(5,10,15,.25)); margin-bottom:14px; }
.growth-query-copy strong { display:block; color:#e8fbff; font-size:.95rem; }
.growth-query-copy span { display:block; color:#778c95; font-size:.75rem; margin-top:4px; }
.growth-scan-btn { width:auto; min-width:120px; margin:0; padding:9px 18px; border:1px solid var(--growth-cyan); border-radius:2px; color:#041116; background:var(--growth-cyan); font-weight:900; letter-spacing:.08em; }
.growth-scan-btn:disabled { opacity:.5; cursor:wait; }
.growth-scan-stage { min-height:238px; position:relative; overflow:hidden; border:1px solid rgba(85,232,255,.22); background:radial-gradient(circle at 50% 45%,rgba(0,210,255,.10),transparent 42%),linear-gradient(180deg,rgba(7,16,23,.96),rgba(3,8,13,.98)); display:flex; align-items:center; justify-content:center; }
.growth-scan-stage::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(85,232,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(85,232,255,.035) 1px,transparent 1px); background-size:28px 28px; pointer-events:none; }
.growth-scan-stage.scanning::after { content:""; position:absolute; left:0; right:0; height:2px; top:-4px; background:linear-gradient(90deg,transparent,var(--growth-cyan),transparent); box-shadow:0 0 16px rgba(85,232,255,.85); animation:growthScanLine 1.15s linear infinite; }
@keyframes growthScanLine { from{ transform:translateY(0);} to{transform:translateY(244px);} }
.growth-block-field { position:absolute; inset:0; pointer-events:none; }
.growth-block { position:absolute; width:42px; height:14px; border:1px solid rgba(85,232,255,.22); background:rgba(85,232,255,.045); opacity:.45; }
.growth-scan-stage.scanning .growth-block { animation:growthBlockPulse .75s steps(2,end) infinite alternate; }
.growth-block:nth-child(1){left:5%;top:16%;animation-delay:.04s}.growth-block:nth-child(2){left:13%;top:68%;animation-delay:.16s}.growth-block:nth-child(3){left:24%;top:28%;animation-delay:.3s}.growth-block:nth-child(4){left:34%;top:78%;animation-delay:.46s}.growth-block:nth-child(5){left:47%;top:12%;animation-delay:.2s}.growth-block:nth-child(6){left:58%;top:60%;animation-delay:.38s}.growth-block:nth-child(7){left:70%;top:22%;animation-delay:.1s}.growth-block:nth-child(8){left:82%;top:72%;animation-delay:.54s}.growth-block:nth-child(9){left:90%;top:35%;animation-delay:.26s}.growth-block:nth-child(10){left:63%;top:86%;animation-delay:.62s}.growth-block:nth-child(11){left:39%;top:43%;animation-delay:.34s}.growth-block:nth-child(12){left:8%;top:43%;animation-delay:.48s}
@keyframes growthBlockPulse { from{opacity:.18;transform:scaleX(.72)} to{opacity:.9;transform:scaleX(1.15)} }
.growth-scan-center { position:relative; z-index:2; text-align:center; padding:24px; }
.growth-scan-kicker { color:#5f7f89; font-size:.68rem; letter-spacing:.28em; }
.growth-scan-message { margin-top:10px; color:var(--growth-cyan); font-size:1.05rem; font-weight:900; letter-spacing:.18em; min-height:24px; text-shadow:0 0 15px rgba(85,232,255,.32); }
.growth-scan-note { margin-top:9px; color:#60757e; font-size:.72rem; }
.growth-results { display:none; }
.growth-results.visible { display:block; animation:growthReveal .28s ease-out; }
@keyframes growthReveal { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:none} }
.growth-top-grid { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(310px,.82fr); gap:14px; }
.growth-card { position:relative; overflow:hidden; border:1px solid rgba(85,232,255,.20); background:linear-gradient(145deg,rgba(11,24,32,.93),rgba(5,11,17,.97)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.015); }
.growth-card::before,.growth-card::after { content:""; position:absolute; width:26px; height:26px; pointer-events:none; }
.growth-card::before { left:7px; top:7px; border-left:1px solid var(--growth-cyan); border-top:1px solid var(--growth-cyan); opacity:.65; }
.growth-card::after { right:7px; bottom:7px; border-right:1px solid var(--growth-cyan); border-bottom:1px solid var(--growth-cyan); opacity:.4; }
.growth-main-card { min-height:300px; padding:26px 28px; display:flex; flex-direction:column; justify-content:center; }
.growth-card-label { color:#65808a; font-size:.67rem; letter-spacing:.24em; font-weight:800; }
.growth-combat-number { margin-top:7px; color:#effdff; font-size:clamp(2.5rem,6vw,5.2rem); line-height:.95; font-weight:950; letter-spacing:.035em; font-variant-numeric:tabular-nums; text-shadow:0 0 30px rgba(85,232,255,.13); }
.growth-score-row { display:flex; gap:12px; flex-wrap:wrap; margin-top:24px; }
.growth-score-chip { min-width:150px; padding:12px 14px; border-left:2px solid var(--growth-cyan); background:rgba(85,232,255,.055); }
.growth-score-chip span { display:block; color:#748d97; font-size:.68rem; }
.growth-score-chip strong { display:block; margin-top:4px; color:#dffcff; font-size:1.25rem; font-variant-numeric:tabular-nums; }
.growth-meta { margin-top:15px; color:#657a83; font-size:.7rem; }
.growth-best-card { padding:18px; min-height:300px; }
.growth-best-head { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:2px 3px 12px; border-bottom:1px solid rgba(85,232,255,.13); }
.growth-best-head strong { color:#eafcff; font-size:.9rem; letter-spacing:.1em; }
.growth-best-head span { color:#607781; font-size:.66rem; }
.growth-best-body { display:grid; grid-template-columns:112px minmax(0,1fr); gap:15px; padding-top:14px; }
.growth-best-image { width:112px; height:142px; object-fit:cover; object-position:top center; background:#071018; border:1px solid rgba(85,232,255,.18); }
.growth-best-name { color:#fff; font-size:1.02rem; font-weight:900; line-height:1.3; }
.growth-best-rank { margin-top:7px; display:flex; gap:6px; flex-wrap:wrap; }
.growth-mini-tag { display:inline-flex; padding:4px 7px; border:1px solid rgba(119,255,208,.25); color:var(--growth-mint); background:rgba(119,255,208,.045); font-size:.68rem; }
.growth-best-options { margin-top:12px; display:grid; gap:5px; }
.growth-best-option { display:grid; grid-template-columns:1fr auto auto; gap:8px; align-items:center; font-size:.7rem; color:#7e929b; }
.growth-best-option strong { color:#dffbff; font-variant-numeric:tabular-nums; }
.growth-best-option em { color:#77ffd0; font-style:normal; min-width:62px; text-align:right; }
.growth-attribute-grid { margin-top:14px; display:grid; grid-template-columns:minmax(300px,.86fr) minmax(0,1.14fr); gap:14px; }
.growth-radar-card,.growth-bars-card { padding:18px; min-height:335px; }
.growth-section-title { color:#dffbff; font-size:.82rem; font-weight:900; letter-spacing:.08em; margin-bottom:12px; }
.growth-radar-wrap { display:flex; align-items:center; justify-content:center; min-height:270px; }
.growth-radar-svg { width:min(100%,320px); height:auto; overflow:visible; }
.growth-radar-grid { fill:none; stroke:rgba(85,232,255,.13); stroke-width:1; }
.growth-radar-axis { stroke:rgba(85,232,255,.12); stroke-width:1; }
.growth-radar-shape { fill:rgba(85,232,255,.12); stroke:var(--growth-cyan); stroke-width:2; filter:drop-shadow(0 0 5px rgba(85,232,255,.28)); transition:points .35s ease; }
.growth-radar-dot { fill:#dffcff; stroke:#0b2530; stroke-width:1.5; }
.growth-radar-label { fill:#9cb4bd; font-size:11px; font-weight:800; }
.growth-radar-value { fill:#eaffff; font-size:11px; font-weight:900; }
.growth-bars { display:grid; gap:12px; }
.growth-bar-row { display:grid; grid-template-columns:46px 1fr 48px; gap:10px; align-items:center; }
.growth-bar-label { color:#a8bbc2; font-size:.75rem; font-weight:800; }
.growth-bar-track { height:12px; position:relative; border:1px solid rgba(85,232,255,.16); background:rgba(0,0,0,.3); overflow:hidden; }
.growth-bar-track::after { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.055) calc(10% - 1px),rgba(255,255,255,.055) 10%); }
.growth-bar-fill { height:100%; width:0; background:linear-gradient(90deg,rgba(85,232,255,.34),rgba(85,232,255,.92)); box-shadow:0 0 12px rgba(85,232,255,.25); transition:width .65s cubic-bezier(.2,.8,.2,1); }
.growth-bar-value { text-align:right; color:#e6fdff; font-size:.82rem; font-weight:900; font-variant-numeric:tabular-nums; }
.growth-bar-sub { grid-column:2/4; margin-top:-7px; color:#566b74; font-size:.62rem; }
.growth-tool-card { max-width:780px; margin:18px auto 0; padding:26px; text-align:center; }
.growth-tool-card h3 { margin:0; color:#e8fbff; }
.growth-tool-card p { margin:9px auto 18px; max-width:560px; color:#71868f; line-height:1.6; font-size:.8rem; }
.growth-tool-card button { width:auto; margin:0; padding:10px 18px; }
.growth-lookup-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.75fr) auto; gap:8px; align-items:center; margin-bottom:14px; }
.growth-lookup-controls input,.growth-lookup-controls select { margin:0; min-width:0; }
.growth-lookup-controls button { margin:0; width:auto; white-space:nowrap; }
.growth-nikke-result { min-height:180px; }
.growth-nikke-empty { border:1px dashed rgba(85,232,255,.18); color:#607680; text-align:center; padding:55px 20px; font-size:.78rem; }
.growth-nikke-head { display:grid; grid-template-columns:110px minmax(0,1fr); gap:18px; padding:18px; }
.growth-nikke-head img { width:110px; height:140px; object-fit:cover; object-position:top; border:1px solid rgba(85,232,255,.18); background:#071018; }
.growth-nikke-title h3 { margin:0; color:#fff; font-size:1.2rem; }
.growth-nikke-title p { margin:5px 0 0; color:#617982; font-size:.7rem; }
.growth-nikke-kpis { display:flex; gap:8px; flex-wrap:wrap; margin-top:15px; }
.growth-kpi { min-width:116px; padding:9px 10px; background:rgba(85,232,255,.05); border:1px solid rgba(85,232,255,.12); }
.growth-kpi span { display:block; color:#637b84; font-size:.62rem; }
.growth-kpi strong { display:block; margin-top:3px; color:#e3fcff; font-size:.96rem; }
.growth-option-table-wrap { overflow:auto; border-top:1px solid rgba(85,232,255,.13); }
.growth-option-table { width:100%; border-collapse:collapse; min-width:720px; }
.growth-option-table th,.growth-option-table td { padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.045); text-align:right; font-size:.72rem; }
.growth-option-table th { color:#617982; font-weight:800; background:rgba(255,255,255,.018); }
.growth-option-table th:first-child,.growth-option-table td:first-child { text-align:left; }
.growth-option-table td { color:#bed0d6; }
.growth-option-table td strong { color:#ecffff; }
.growth-option-table td.top { color:#77ffd0; font-weight:900; }
.growth-pending-module { margin:12px 18px 18px; padding:9px 11px; border-left:2px solid rgba(255,204,0,.65); color:#b9a86e; background:rgba(255,204,0,.035); font-size:.68rem; }
html.eden-theme-light #tabGrowth { --growth-cyan:#007b9e; --growth-mint:#08775c; --growth-line:rgba(0,123,158,.22); }
html.eden-theme-light .growth-head-copy h2,html.eden-theme-light .growth-card-label+*,html.eden-theme-light .growth-section-title,html.eden-theme-light .growth-best-name,html.eden-theme-light .growth-nikke-title h3 { color:#10252e; text-shadow:none; }
html.eden-theme-light .growth-card,html.eden-theme-light .growth-scan-stage { background:#fff; }
html.eden-theme-light .growth-combat-number,html.eden-theme-light .growth-score-chip strong,html.eden-theme-light .growth-bar-value,html.eden-theme-light .growth-kpi strong { color:#10252e; text-shadow:none; }
@media(max-width:900px){ .growth-top-grid,.growth-attribute-grid{grid-template-columns:1fr}.growth-best-body{grid-template-columns:92px 1fr}.growth-best-image{width:92px;height:120px}.growth-lookup-controls{grid-template-columns:1fr}.growth-lookup-controls button{width:100%}.growth-head{align-items:flex-start;flex-direction:column}.growth-subtabs{justify-content:flex-start}.growth-main-card{min-height:260px} }
@media(max-width:560px){ .growth-query-row{align-items:stretch;flex-direction:column}.growth-scan-btn{width:100%}.growth-score-chip{min-width:0;flex:1}.growth-main-card{padding:22px 16px}.growth-combat-number{font-size:2.8rem}.growth-best-option{grid-template-columns:1fr auto}.growth-best-option em{grid-column:2}.growth-bar-row{grid-template-columns:42px 1fr 42px}.growth-radar-card,.growth-bars-card{padding:14px} }

/* v2: 육성상태를 일반 페이지가 아닌 대형 HUD 팝업/분석 장비처럼 표시 */
#tabGrowth {
    width:min(1460px, calc(100vw - 76px));
    max-width:none;
    min-height:calc(100vh - 118px);
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
}
#tabGrowth.active { animation:growthWindowEnter .24s ease-out; }
@keyframes growthWindowEnter { from{opacity:0;transform:translateY(10px) scale(.992)} to{opacity:1;transform:none} }

.growth-shell {
    width:100%;
    max-width:none;
    min-height:780px;
    margin:0 auto 24px;
    padding:0 28px 30px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    border:1px solid rgba(85,232,255,.34);
    border-radius:9px;
    background:
        linear-gradient(180deg,rgba(7,15,21,.985),rgba(3,8,13,.99)),
        #050a0e;
    box-shadow:
        0 28px 75px rgba(0,0,0,.72),
        0 0 0 1px rgba(255,255,255,.018) inset,
        0 0 42px rgba(0,205,255,.10);
}
.growth-shell::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.5;
    background:
        linear-gradient(90deg,rgba(85,232,255,.035) 1px,transparent 1px),
        linear-gradient(rgba(85,232,255,.024) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.72),transparent 72%);
}
.growth-shell::after {
    content:"";
    position:absolute;
    inset:10px;
    z-index:0;
    pointer-events:none;
    border:1px solid rgba(85,232,255,.055);
    clip-path:polygon(0 0,94px 0,94px 1px,calc(100% - 94px) 1px,calc(100% - 94px) 0,100% 0,100% 64px,calc(100% - 1px) 64px,calc(100% - 1px) calc(100% - 64px),100% calc(100% - 64px),100% 100%,calc(100% - 94px) 100%,calc(100% - 94px) calc(100% - 1px),94px calc(100% - 1px),94px 100%,0 100%,0 calc(100% - 64px),1px calc(100% - 64px),1px 64px,0 64px);
}
.growth-shell > * { position:relative; z-index:1; }

.growth-window-bar {
    height:37px;
    margin:0 -28px 22px;
    padding:0 18px 0 22px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    border-bottom:1px solid rgba(85,232,255,.22);
    background:linear-gradient(90deg,rgba(85,232,255,.085),rgba(3,10,15,.72) 46%,rgba(85,232,255,.025));
    color:#6f8b96;
    font-family:monospace;
    font-size:.68rem;
    letter-spacing:.12em;
}
.growth-window-id { display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.growth-window-mark { width:7px;height:7px;margin-right:9px;border:1px solid var(--growth-cyan);background:rgba(85,232,255,.35);box-shadow:0 0 9px rgba(85,232,255,.7);transform:rotate(45deg); }
.growth-window-status { display:flex;align-items:center;gap:7px;white-space:nowrap; }
.growth-window-status span { color:#4f6c77; }
.growth-window-status strong { color:var(--growth-mint);font-size:.67rem;letter-spacing:.14em; }
.growth-window-status i { display:block;width:18px;height:5px;border:1px solid rgba(85,232,255,.18);background:rgba(85,232,255,.07); }
.growth-window-status i:nth-last-child(1) { background:rgba(119,255,208,.42);box-shadow:0 0 7px rgba(119,255,208,.25); }

.growth-head {
    align-items:center;
    margin-bottom:22px;
    padding:0 2px 16px;
}
.growth-head-copy h2 { font-size:1.62rem;letter-spacing:.19em;text-shadow:0 0 20px rgba(85,232,255,.14); }
.growth-head-copy p { margin-top:8px;font-size:.8rem; }
.growth-subtab { min-width:108px;padding:9px 17px; }

.growth-query-row {
    min-height:66px;
    margin-bottom:16px;
    padding:15px 18px;
    box-sizing:border-box;
    border-color:rgba(85,232,255,.22);
    box-shadow:inset 3px 0 0 rgba(85,232,255,.26);
}

.growth-scan-stage {
    min-height:455px;
    height:clamp(455px, 51vh, 535px);
    border-color:rgba(85,232,255,.30);
    box-shadow:
        inset 0 0 70px rgba(0,0,0,.45),
        inset 0 0 36px rgba(0,205,255,.035),
        0 15px 36px rgba(0,0,0,.28);
    background:
        radial-gradient(ellipse at 50% 48%,rgba(0,210,255,.115),transparent 38%),
        linear-gradient(180deg,rgba(6,17,24,.985),rgba(2,7,11,.995));
}
.growth-scan-stage::before {
    background-image:
        linear-gradient(rgba(85,232,255,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(85,232,255,.04) 1px,transparent 1px),
        repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(0,0,0,.11) 5px);
    background-size:32px 32px,32px 32px,100% 5px;
}
.growth-scan-stage .growth-scan-center::before,
.growth-scan-stage .growth-scan-center::after {
    content:"";
    position:absolute;
    top:50%;
    width:96px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(85,232,255,.35));
}
.growth-scan-stage .growth-scan-center::before { right:calc(100% + 22px); }
.growth-scan-stage .growth-scan-center::after { left:calc(100% + 22px);transform:scaleX(-1); }
.growth-scan-center { min-width:min(430px,76vw);padding:38px 34px;box-sizing:border-box; }
.growth-scan-kicker { font-size:.73rem;letter-spacing:.34em; }
.growth-scan-message { margin-top:15px;font-size:1.3rem;letter-spacing:.22em;min-height:31px; }
.growth-scan-note { margin-top:12px;font-size:.76rem; }

.growth-block { width:58px;height:17px; }
.growth-block:nth-child(1){left:4%;top:9%}.growth-block:nth-child(2){left:10%;top:78%}.growth-block:nth-child(3){left:22%;top:22%}.growth-block:nth-child(4){left:31%;top:84%}.growth-block:nth-child(5){left:44%;top:8%}.growth-block:nth-child(6){left:56%;top:69%}.growth-block:nth-child(7){left:70%;top:17%}.growth-block:nth-child(8){left:83%;top:80%}.growth-block:nth-child(9){left:91%;top:31%}.growth-block:nth-child(10){left:65%;top:91%}.growth-block:nth-child(11){left:36%;top:47%}.growth-block:nth-child(12){left:7%;top:48%}
@keyframes growthScanLine { from{ transform:translateY(0);} to{transform:translateY(545px);} }

.growth-results.visible { margin-top:18px; }
.growth-top-grid { grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);gap:16px; }
.growth-main-card,.growth-best-card { min-height:330px; }
.growth-main-card { padding:30px 34px; }
.growth-attribute-grid { gap:16px; }
.growth-radar-card,.growth-bars-card { min-height:370px; }

html.eden-theme-light .growth-shell {
    background:linear-gradient(180deg,#f7fbfc,#edf4f6);
    border-color:rgba(0,123,158,.32);
    box-shadow:0 24px 64px rgba(30,55,65,.22),0 0 0 1px rgba(255,255,255,.65) inset;
}
html.eden-theme-light .growth-window-bar { background:linear-gradient(90deg,rgba(0,123,158,.10),rgba(255,255,255,.68)); }

@media(max-width:1100px){
    #tabGrowth{width:calc(100vw - 34px);min-height:auto}
    .growth-shell{min-height:720px;padding-left:20px;padding-right:20px}
    .growth-window-bar{margin-left:-20px;margin-right:-20px}
    .growth-scan-stage{min-height:410px;height:46vh}
}
@media(max-width:900px){
    #tabGrowth{width:calc(100vw - 22px)}
    .growth-shell{padding:0 14px 22px;border-radius:7px}
    .growth-window-bar{margin:0 -14px 18px;padding:0 12px}
    .growth-window-id{font-size:.62rem}
    .growth-window-status span,.growth-window-status i{display:none}
    .growth-scan-stage{min-height:370px;height:43vh}
    .growth-scan-center{min-width:0;width:92%;padding:28px 14px}
    .growth-scan-message{font-size:1.05rem}
}
@media(max-width:560px){
    #tabGrowth{width:calc(100vw - 12px)}
    .growth-shell{min-height:650px;padding:0 9px 16px}
    .growth-window-bar{margin-left:-9px;margin-right:-9px;height:34px}
    .growth-window-id{letter-spacing:.05em;font-size:.56rem}
    .growth-head-copy h2{font-size:1.25rem}
    .growth-head-copy p{font-size:.7rem;line-height:1.5}
    .growth-scan-stage{min-height:340px;height:42vh}
    .growth-scan-stage .growth-scan-center::before,.growth-scan-stage .growth-scan-center::after{display:none}
}

/* v3: 상단 네비게이션을 제외한 화면 전체를 실제 팝업 레이어로 사용 */
#tabGrowth.active {
    position:fixed;
    top:70px;
    left:0;
    right:0;
    bottom:0;
    z-index:1185;
    width:auto;
    max-width:none;
    min-height:0;
    margin:0;
    padding:18px 18px 20px;
    box-sizing:border-box;
    display:flex;
    align-items:flex-start;
    justify-content:center;
    overflow:hidden;
    border:0;
    border-radius:0;
    background:
        radial-gradient(circle at 50% 14%,rgba(0,217,255,.10),transparent 34%),
        radial-gradient(circle at 12% 74%,rgba(0,145,210,.07),transparent 28%),
        rgba(0,3,7,.86);
    backdrop-filter:blur(12px) saturate(118%);
    -webkit-backdrop-filter:blur(12px) saturate(118%);
    box-shadow:none;
    animation:growthModalBackdropIn .22s ease-out;
}
#tabGrowth.active::before {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.48;
    background-image:
        linear-gradient(rgba(85,232,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(85,232,255,.025) 1px,transparent 1px),
        repeating-linear-gradient(180deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 5px);
    background-size:56px 56px,56px 56px,100% 5px;
}
@keyframes growthModalBackdropIn { from{opacity:0} to{opacity:1} }

#tabGrowth.active .growth-shell {
    width:min(1580px, calc(100vw - 36px));
    max-width:none;
    height:calc(100vh - 108px);
    min-height:620px;
    margin:0;
    padding:0 34px 36px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(85,232,255,.40) rgba(0,0,0,.28);
    border:1px solid rgba(85,232,255,.50);
    border-radius:0;
    clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));
    background:
        radial-gradient(ellipse at 50% -8%,rgba(0,209,255,.115),transparent 31%),
        linear-gradient(180deg,rgba(7,15,21,.995),rgba(2,7,11,.998));
    box-shadow:
        0 34px 90px rgba(0,0,0,.86),
        0 0 0 1px rgba(255,255,255,.025) inset,
        0 0 70px rgba(0,205,255,.14);
    filter:drop-shadow(0 0 1px rgba(85,232,255,.65));
    animation:growthPopupLaunch .30s cubic-bezier(.18,.8,.22,1);
}
@keyframes growthPopupLaunch {
    from{opacity:0;transform:translateY(18px) scale(.975);filter:blur(3px)}
    to{opacity:1;transform:none;filter:none}
}
#tabGrowth.active .growth-shell::-webkit-scrollbar { width:9px; }
#tabGrowth.active .growth-shell::-webkit-scrollbar-track { background:rgba(0,0,0,.26); }
#tabGrowth.active .growth-shell::-webkit-scrollbar-thumb { background:rgba(85,232,255,.30); border:2px solid rgba(0,0,0,.48); }

#tabGrowth.active .growth-shell::before {
    opacity:.72;
    background:
        linear-gradient(90deg,rgba(85,232,255,.042) 1px,transparent 1px),
        linear-gradient(rgba(85,232,255,.032) 1px,transparent 1px),
        repeating-linear-gradient(180deg,transparent 0,transparent 6px,rgba(0,0,0,.10) 7px);
    background-size:48px 48px,48px 48px,100% 7px;
    mask-image:linear-gradient(to bottom,#000 0,#000 72%,transparent 100%);
}
#tabGrowth.active .growth-shell::after {
    inset:12px;
    border-color:rgba(85,232,255,.095);
}

#tabGrowth.active .growth-window-bar {
    position:sticky;
    top:0;
    z-index:20;
    height:46px;
    margin:0 -34px 26px;
    padding:0 24px 0 28px;
    border-bottom:1px solid rgba(85,232,255,.34);
    background:
        linear-gradient(90deg,rgba(20,104,128,.28),rgba(3,12,18,.965) 38%,rgba(3,12,18,.965) 76%,rgba(0,212,255,.08));
    box-shadow:0 8px 24px rgba(0,0,0,.35), inset 0 -1px 0 rgba(255,255,255,.025);
    backdrop-filter:blur(12px);
}
#tabGrowth.active .growth-window-bar::after {
    content:"";
    position:absolute;
    left:28px;
    bottom:-1px;
    width:180px;
    height:2px;
    background:linear-gradient(90deg,var(--growth-cyan),rgba(85,232,255,.08));
    box-shadow:0 0 10px rgba(85,232,255,.45);
}
#tabGrowth.active .growth-window-id { color:#bdeef7; font-size:.72rem; letter-spacing:.16em; }

#tabGrowth.active .growth-head {
    min-height:76px;
    align-items:center;
    margin-bottom:22px;
    padding:0 6px 18px;
}
#tabGrowth.active .growth-head-copy h2 {
    font-size:1.78rem;
    letter-spacing:.23em;
}
#tabGrowth.active .growth-head-copy p { font-size:.82rem; }
#tabGrowth.active .growth-subtabs { gap:8px; }
#tabGrowth.active .growth-subtab {
    min-width:122px;
    height:40px;
    padding:0 18px;
    border-radius:0;
    clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));
}

#tabGrowth.active .growth-query-row {
    min-height:78px;
    padding:17px 20px;
    margin-bottom:18px;
    border:1px solid rgba(85,232,255,.27);
    background:linear-gradient(90deg,rgba(0,205,255,.082),rgba(3,11,17,.74) 58%,rgba(0,205,255,.028));
    box-shadow:inset 4px 0 0 rgba(85,232,255,.38),0 10px 24px rgba(0,0,0,.18);
}
#tabGrowth.active .growth-query-copy strong { font-size:1rem; letter-spacing:.035em; }
#tabGrowth.active .growth-query-copy span { margin-top:6px; font-size:.78rem; }
#tabGrowth.active .growth-scan-btn { min-width:150px; height:42px; }

/* 조회 전에도 세로로 긴 측정 장비 공간을 유지 */
#tabGrowth.active .growth-scan-stage {
    min-height:520px;
    height:clamp(520px, 62vh, 720px);
    border:1px solid rgba(85,232,255,.38);
    background:
        radial-gradient(ellipse at 50% 48%,rgba(0,220,255,.14),transparent 32%),
        radial-gradient(circle at 50% 50%,rgba(0,84,110,.12),transparent 58%),
        linear-gradient(180deg,rgba(4,15,22,.997),rgba(1,7,11,.999));
    box-shadow:
        inset 0 0 110px rgba(0,0,0,.58),
        inset 0 0 54px rgba(0,205,255,.045),
        0 18px 42px rgba(0,0,0,.42);
}
#tabGrowth.active .growth-scan-stage::before {
    background-image:
        linear-gradient(rgba(85,232,255,.048) 1px,transparent 1px),
        linear-gradient(90deg,rgba(85,232,255,.048) 1px,transparent 1px),
        repeating-linear-gradient(180deg,transparent 0,transparent 4px,rgba(0,0,0,.14) 5px);
    background-size:34px 34px,34px 34px,100% 5px;
}
#tabGrowth.active .growth-scan-stage::after { animation-duration:1.35s; }
#tabGrowth.active .growth-scan-center {
    min-width:min(520px,78vw);
    padding:54px 42px;
}
#tabGrowth.active .growth-scan-kicker { font-size:.76rem; letter-spacing:.38em; }
#tabGrowth.active .growth-scan-message { margin-top:18px; font-size:1.42rem; letter-spacing:.25em; }
#tabGrowth.active .growth-scan-note { margin-top:14px; font-size:.79rem; }
@keyframes growthScanLine { from{transform:translateY(0)} to{transform:translateY(735px)} }

#tabGrowth.active .growth-results.visible { margin-top:22px; }
#tabGrowth.active .growth-top-grid { gap:18px; }
#tabGrowth.active .growth-main-card,#tabGrowth.active .growth-best-card { min-height:350px; }
#tabGrowth.active .growth-attribute-grid { gap:18px; margin-top:18px; }
#tabGrowth.active .growth-radar-card,#tabGrowth.active .growth-bars-card { min-height:400px; }

html.eden-theme-light #tabGrowth.active {
    background:rgba(196,209,214,.76);
}
html.eden-theme-light #tabGrowth.active .growth-shell {
    background:linear-gradient(180deg,rgba(248,252,253,.995),rgba(232,241,244,.995));
    border-color:rgba(0,125,160,.48);
}

@media(max-width:1100px){
    #tabGrowth.active{padding:12px 12px 14px}
    #tabGrowth.active .growth-shell{width:calc(100vw - 24px);height:calc(100vh - 94px);min-height:560px;padding:0 22px 28px}
    #tabGrowth.active .growth-window-bar{margin-left:-22px;margin-right:-22px}
    #tabGrowth.active .growth-scan-stage{min-height:470px;height:58vh}
}
@media(max-width:900px){
    #tabGrowth.active{top:70px;padding:8px}
    #tabGrowth.active .growth-shell{width:calc(100vw - 16px);height:calc(100vh - 86px);min-height:520px;padding:0 14px 22px;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px))}
    #tabGrowth.active .growth-window-bar{height:40px;margin:0 -14px 18px;padding:0 13px}
    #tabGrowth.active .growth-head{align-items:flex-start}
    #tabGrowth.active .growth-scan-stage{min-height:430px;height:55vh}
}
@media(max-width:560px){
    #tabGrowth.active{padding:5px}
    #tabGrowth.active .growth-shell{width:calc(100vw - 10px);height:calc(100vh - 80px);min-height:500px;padding:0 9px 16px}
    #tabGrowth.active .growth-window-bar{margin-left:-9px;margin-right:-9px}
    #tabGrowth.active .growth-head{min-height:0}
    #tabGrowth.active .growth-head-copy h2{font-size:1.28rem}
    #tabGrowth.active .growth-subtab{min-width:0;height:36px;padding:0 11px}
    #tabGrowth.active .growth-query-row{min-height:0}
    #tabGrowth.active .growth-scan-stage{min-height:400px;height:52vh}
    #tabGrowth.active .growth-scan-center{min-width:0;width:94%;padding:34px 12px}
    #tabGrowth.active .growth-scan-message{font-size:1.08rem}
}


/* v4: 가로폭 축소 + 니케 이미지 목록/상세 화면 단순화 */
#tabGrowth.active {
    overflow-x:hidden;
}
#tabGrowth.active .growth-shell {
    width:min(1360px, 88vw);
    max-width:calc(100vw - 72px);
    min-width:0;
    box-sizing:border-box;
    overflow-x:hidden;
}
#tabGrowth.active .growth-shell > *,
#tabGrowth.active .growth-view,
#tabGrowth.active .growth-card,
#tabGrowth.active .growth-nikke-browser,
#tabGrowth.active .growth-nikke-detail-view { min-width:0; max-width:100%; box-sizing:border-box; }

.growth-nikke-query-row { margin-bottom:16px; }
.growth-nikke-browser { width:100%; }
.growth-nikke-browser-tools {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:14px;
    padding:0 1px;
}
.growth-nikke-search-wrap { position:relative; flex:1 1 auto; min-width:0; }
.growth-nikke-search-wrap input {
    width:100%;
    height:42px;
    margin:0;
    padding:0 42px 0 14px;
    border-radius:2px;
    border:1px solid rgba(85,232,255,.25);
    background:rgba(0,8,13,.72);
    color:#e8fbff;
    box-shadow:inset 3px 0 0 rgba(85,232,255,.20);
}
.growth-nikke-search-clear {
    display:none;
    position:absolute;
    right:6px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    margin:0;
    padding:0;
    border:0;
    border-radius:2px;
    background:transparent;
    color:#6e8d98;
    font-size:1.22rem;
    box-shadow:none;
}
.growth-nikke-search-clear.visible { display:block; }
.growth-nikke-search-clear:hover { color:var(--growth-cyan); background:rgba(85,232,255,.08); box-shadow:none; }
.growth-nikke-count { flex:none; min-width:54px; text-align:right; color:#78909a; font-size:.72rem; font-weight:850; }

.growth-nikke-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(128px,1fr));
    gap:10px;
    width:100%;
    max-height:calc(100vh - 295px);
    min-height:430px;
    padding:2px 4px 10px 2px;
    box-sizing:border-box;
    overflow-y:auto;
    overflow-x:hidden;
    scrollbar-width:thin;
    scrollbar-color:rgba(85,232,255,.32) rgba(0,0,0,.24);
}
.growth-nikke-grid::-webkit-scrollbar{width:8px}.growth-nikke-grid::-webkit-scrollbar-track{background:rgba(0,0,0,.22)}.growth-nikke-grid::-webkit-scrollbar-thumb{background:rgba(85,232,255,.25)}
.growth-nikke-card {
    width:100%;
    min-width:0;
    height:238px;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(85,232,255,.15);
    border-radius:2px;
    background:linear-gradient(180deg,rgba(11,24,32,.82),rgba(4,10,15,.97));
    color:#a9bec7;
    box-shadow:none;
    text-align:left;
}
.growth-nikke-card:hover {
    border-color:rgba(85,232,255,.62);
    background:linear-gradient(180deg,rgba(17,43,55,.92),rgba(5,15,22,.98));
    color:#effdff;
    box-shadow:0 0 16px rgba(85,232,255,.10);
    transform:translateY(-1px);
}
.growth-nikke-card img {
    display:block;
    width:100%;
    height:202px;
    flex:none;
    object-fit:contain;
    object-position:center bottom;
    background:#061017;
}
.growth-nikke-card span {
    display:block;
    width:100%;
    padding:9px 9px 8px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    box-sizing:border-box;
    font-size:.72rem;
    font-weight:850;
}

.growth-nikke-detail-card { width:100%; padding:18px 20px 24px; overflow:hidden; }
.growth-nikke-detail-toolbar {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    min-height:38px;
    padding-bottom:14px;
    margin-bottom:18px;
    border-bottom:1px solid rgba(85,232,255,.15);
}
.growth-nikke-back-btn {
    width:auto;
    min-width:112px;
    height:34px;
    margin:0;
    padding:0 13px;
    border-radius:2px;
    border:1px solid rgba(85,232,255,.30);
    background:rgba(85,232,255,.055);
    color:#9ddce8;
    box-shadow:none;
    font-size:.73rem;
    font-weight:900;
}
.growth-nikke-back-btn:hover { background:rgba(85,232,255,.14); color:#effdff; box-shadow:0 0 12px rgba(85,232,255,.10); }
.growth-nikke-data-count { color:#607c86; font-size:.68rem; letter-spacing:.04em; }
.growth-nikke-detail-layout {
    display:grid;
    grid-template-columns:minmax(300px,38%) minmax(0,1fr);
    gap:34px;
    align-items:stretch;
    min-height:540px;
}
.growth-nikke-detail-visual {
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
}
.growth-nikke-image-frame {
    position:relative;
    width:100%;
    min-height:500px;
    height:100%;
    max-height:650px;
    overflow:hidden;
    border:1px solid rgba(85,232,255,.24);
    background:radial-gradient(circle at 50% 25%,rgba(0,212,255,.10),transparent 42%),#050d13;
    box-shadow:inset 0 0 50px rgba(0,0,0,.38);
}
.growth-nikke-image-frame::after {
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(180deg,transparent 65%,rgba(3,9,14,.65));
}
.growth-nikke-image-frame img { width:100%; height:100%; object-fit:contain; object-position:center bottom; display:block; }
.growth-nikke-code { margin-top:8px; color:#526d77; font-size:.62rem; font-family:monospace; letter-spacing:.12em; }
.growth-nikke-detail-info { min-width:0; padding:18px 6px 10px 0; }
.growth-nikke-detail-kicker { color:#5b7d88; font-size:.66rem; letter-spacing:.24em; font-weight:850; }
.growth-nikke-detail-info h3 { margin:8px 0 0; color:#f0fdff; font-size:1.65rem; line-height:1.25; letter-spacing:.02em; }
.growth-nikke-detail-note { margin:8px 0 0; color:#637a83; font-size:.72rem; }
.growth-nikke-primary-metrics {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:12px;
    margin-top:28px;
}
.growth-nikke-primary-score,.growth-nikke-primary-top {
    min-height:108px;
    padding:17px 18px;
    box-sizing:border-box;
    border:1px solid rgba(85,232,255,.18);
    border-left:3px solid var(--growth-cyan);
    background:linear-gradient(90deg,rgba(85,232,255,.07),rgba(0,0,0,.12));
}
.growth-nikke-primary-score span,.growth-nikke-primary-top span { display:block; color:#6e8790; font-size:.69rem; font-weight:800; }
.growth-nikke-primary-score strong,.growth-nikke-primary-top strong { display:inline-block; margin-top:8px; color:#effdff; font-size:2rem; line-height:1; font-variant-numeric:tabular-nums; }
.growth-nikke-primary-score em { margin-left:5px; color:#64808a; font-size:.72rem; font-style:normal; }
.growth-nikke-primary-top { border-left-color:var(--growth-mint); }
.growth-nikke-primary-top strong { color:var(--growth-mint); font-size:1.65rem; }

.growth-nikke-option-section { margin-top:24px; }
.growth-nikke-option-title { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-bottom:9px; border-bottom:1px solid rgba(85,232,255,.15); }
.growth-nikke-option-title span { color:#bdeef7; font-size:.76rem; font-weight:900; letter-spacing:.10em; }
.growth-nikke-option-title small { color:#526c76; font-size:.62rem; }
.growth-nikke-option-list { display:grid; gap:6px; margin-top:9px; }
.growth-nikke-option-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) 76px 96px 96px 86px;
    align-items:center;
    gap:10px;
    min-height:40px;
    padding:0 11px;
    border:1px solid rgba(85,232,255,.10);
    background:rgba(85,232,255,.025);
    font-size:.72rem;
}
.growth-nikke-option-head {
    display:grid;
    grid-template-columns:minmax(0,1fr) 76px 96px 96px 86px;
    align-items:center;
    gap:10px;
    min-height:28px;
    padding:0 11px;
    color:#58747e;
    font-size:.62rem;
    font-weight:850;
    letter-spacing:.03em;
}
.growth-nikke-option-head span:not(:first-child) { text-align:right; }
.growth-nikke-option-row .label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#849aa3; }
.growth-nikke-option-row .adoption { text-align:right; color:#91c9d2; font-variant-numeric:tabular-nums; }
.growth-nikke-option-row .average { text-align:right; color:#8ca4ad; font-variant-numeric:tabular-nums; }
.growth-nikke-option-row.is-unselected strong,
.growth-nikke-option-row.is-unselected em { color:#5e7780; }
.growth-nikke-option-row strong { text-align:right; color:#e8fbff; font-variant-numeric:tabular-nums; }
.growth-nikke-option-row em { text-align:right; color:var(--growth-mint); font-style:normal; font-weight:900; }
.growth-nikke-no-option { padding:28px 12px; color:#607780; text-align:center; border:1px solid rgba(85,232,255,.09); }
.growth-nikke-loading { min-height:420px; display:flex; align-items:center; justify-content:center; }

html.eden-theme-light .growth-nikke-card,
html.eden-theme-light .growth-nikke-detail-card { background:#f8fcfd; }
html.eden-theme-light .growth-nikke-detail-info h3,
html.eden-theme-light .growth-nikke-primary-score strong { color:#10252e; }
html.eden-theme-light .growth-nikke-search-wrap input { background:#fff; color:#10252e; }

@media(max-width:1100px){
    #tabGrowth.active .growth-shell{width:min(94vw,1060px);max-width:calc(100vw - 28px)}
    .growth-nikke-grid{grid-template-columns:repeat(auto-fill,minmax(116px,1fr))}
    .growth-nikke-detail-layout{grid-template-columns:minmax(260px,36%) minmax(0,1fr);gap:22px}
    .growth-nikke-image-frame{min-height:430px}
}
@media(max-width:800px){
    #tabGrowth.active .growth-shell{width:calc(100vw - 24px);max-width:calc(100vw - 24px)}
    .growth-nikke-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));min-height:360px}
    .growth-nikke-card{height:205px}.growth-nikke-card img{height:171px;object-fit:contain;object-position:center bottom}
    .growth-nikke-detail-layout{grid-template-columns:1fr;min-height:0}
    .growth-nikke-image-frame{min-height:420px;height:54vh;max-height:560px}
    .growth-nikke-detail-info{padding:0}
}
@media(max-width:560px){
    #tabGrowth.active .growth-shell{width:calc(100vw - 12px);max-width:calc(100vw - 12px)}
    .growth-nikke-browser-tools{gap:7px}
    .growth-nikke-count{min-width:44px;font-size:.64rem}
    .growth-nikke-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:calc(100vh - 270px)}
    .growth-nikke-card{height:182px}.growth-nikke-card img{height:152px;object-fit:contain;object-position:center bottom}.growth-nikke-card span{padding:7px 6px;font-size:.62rem}
    .growth-nikke-detail-card{padding:12px}
    .growth-nikke-detail-layout{gap:16px}
    .growth-nikke-image-frame{min-height:350px;height:48vh}
    .growth-nikke-primary-metrics{grid-template-columns:1fr;gap:7px}
    .growth-nikke-primary-score,.growth-nikke-primary-top{min-height:88px}
    .growth-nikke-option-head,.growth-nikke-option-row{grid-template-columns:minmax(0,1fr) 52px 66px 66px 62px;gap:5px;padding-left:7px;padding-right:7px}.growth-nikke-option-row{font-size:.62rem}.growth-nikke-option-head{font-size:.54rem}
}

/* ===== v6 profile density / readability ===== */
/* 점수 카드의 내부 숫자 span까지 설명문 스타일이 먹던 문제를 분리합니다. */
.growth-score-chip > span {
    display:block;
    color:#748d97;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.02em;
}
.growth-score-chip > strong {
    display:flex;
    align-items:baseline;
    gap:7px;
    margin-top:7px;
    color:#dffcff;
    font-size:1.15rem;
    line-height:1;
    font-variant-numeric:tabular-nums;
}
.growth-score-chip .growth-score-primary {
    display:inline !important;
    color:#f2feff !important;
    font-size:2.05rem !important;
    line-height:.95 !important;
    font-weight:950 !important;
    letter-spacing:-.025em;
    text-shadow:0 0 18px rgba(85,232,255,.16);
}
.growth-score-chip > strong > small {
    color:#68818b;
    font-size:.72rem;
    font-weight:800;
}
#growthTopValue {
    font-size:1.62rem;
    line-height:1;
    margin-top:7px;
}
.growth-score-row { align-items:stretch; }
.growth-score-chip { flex:1 1 0; min-width:0; min-height:78px; box-sizing:border-box; }

/* BEST NIKKE: 왼쪽 이미지를 세로로 충분히 사용하고 우측 옵션도 카드 높이를 채웁니다. */
.growth-best-card { display:flex; flex-direction:column; padding:18px 20px 20px; }
.growth-best-head { flex:none; }
.growth-best-body {
    flex:1 1 auto;
    min-height:276px;
    display:grid;
    grid-template-columns:150px minmax(0,1fr);
    gap:20px;
    padding-top:16px;
    align-items:stretch;
}
.growth-best-image {
    width:150px;
    height:100%;
    min-height:258px;
    max-height:292px;
    align-self:stretch;
    object-fit:contain;
    object-position:center bottom;
    padding:4px;
    box-sizing:border-box;
    background:radial-gradient(circle at 50% 30%,rgba(85,232,255,.09),transparent 44%),#061017;
}
.growth-best-body > div:not(.growth-nikke-empty) {
    min-width:0;
    display:flex;
    flex-direction:column;
}
.growth-best-name { font-size:1.08rem; line-height:1.38; }
.growth-best-rank { margin-top:9px; gap:7px; }
.growth-mini-tag { padding:5px 8px; font-size:.70rem; font-weight:850; }
.growth-best-options {
    flex:1 1 auto;
    margin-top:14px;
    display:grid;
    grid-auto-rows:minmax(31px,1fr);
    gap:3px;
    align-content:stretch;
}
.growth-best-option {
    min-height:31px;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:10px;
    align-items:center;
    padding:4px 0;
    border-bottom:1px solid rgba(85,232,255,.07);
    font-size:.76rem;
}
.growth-best-option:last-child { border-bottom:0; }
.growth-best-option > span { color:#8ea4ad; font-weight:800; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.growth-best-option strong { font-size:.80rem; font-weight:900; }
.growth-best-option em { min-width:68px; font-size:.76rem; font-weight:900; }

/* 하단 두 카드의 콘텐츠가 박스 세로공간을 실제로 사용하도록 확장 */
.growth-radar-card,.growth-bars-card {
    min-height:420px !important;
    display:flex;
    flex-direction:column;
}
.growth-section-title { flex:none; margin-bottom:8px; }
.growth-radar-wrap {
    flex:1 1 auto;
    min-height:338px;
    padding:4px 6px 8px;
}
.growth-radar-svg { width:min(100%,390px); max-height:350px; }
.growth-radar-icon-ring { fill:rgba(4,17,24,.92); stroke:rgba(85,232,255,.30); stroke-width:1; }
.growth-radar-icon { filter:drop-shadow(0 0 5px rgba(85,232,255,.24)); }
.growth-radar-label { font-size:10.5px; fill:#9eb7c0; }
.growth-radar-value { font-size:12px; fill:#f2feff; }

.growth-bars-card { padding-bottom:20px; }
.growth-bars {
    flex:1 1 auto;
    min-height:342px;
    display:grid;
    grid-template-rows:repeat(5,minmax(60px,1fr));
    gap:0;
    align-content:stretch;
}
.growth-bar-row {
    min-height:60px;
    padding:9px 0 8px;
    box-sizing:border-box;
    grid-template-columns:54px minmax(0,1fr) 52px;
    grid-template-rows:auto auto;
    gap:7px 11px;
    align-content:center;
    border-bottom:1px solid rgba(85,232,255,.055);
}
.growth-bar-row:last-child { border-bottom:0; }
.growth-bar-label { font-size:.78rem; }
.growth-bar-track { height:17px; }
.growth-bar-value { font-size:.86rem; }
.growth-bar-sub {
    grid-column:2/4;
    margin-top:0;
    color:#5d737c;
    font-size:.64rem;
    align-self:start;
}

@media(max-width:1100px){
    .growth-best-body{grid-template-columns:132px minmax(0,1fr);gap:14px}
    .growth-best-image{width:132px;min-height:230px}
    .growth-score-chip .growth-score-primary{font-size:1.78rem !important}
}
@media(max-width:900px){
    .growth-best-body{grid-template-columns:130px minmax(0,1fr)}
    .growth-radar-card,.growth-bars-card{min-height:390px !important}
    .growth-bars{min-height:310px}
}
@media(max-width:560px){
    .growth-best-body{grid-template-columns:105px minmax(0,1fr);gap:10px;min-height:220px}
    .growth-best-image{width:105px;min-height:205px;max-height:240px}
    .growth-best-option{font-size:.66rem;gap:5px}.growth-best-option strong,.growth-best-option em{font-size:.66rem}.growth-best-option em{min-width:55px}
    .growth-score-chip .growth-score-primary{font-size:1.52rem !important}
    #growthTopValue{font-size:1.25rem}
    .growth-radar-card,.growth-bars-card{min-height:360px !important}
}

/* v7: TOTAL GROWTH COMBAT 적용 니케 조회 + BEST NIKKE 4개 페이지 */
.growth-main-card-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:2px;
}
.growth-applied-open {
    width:auto;
    min-width:108px;
    height:31px;
    margin:0;
    padding:0 13px;
    border:1px solid rgba(85,232,255,.32);
    border-radius:3px;
    background:rgba(85,232,255,.065);
    color:#8cecff;
    box-shadow:none;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.035em;
}
.growth-applied-open:hover:not(:disabled) {
    border-color:rgba(85,232,255,.72);
    background:rgba(85,232,255,.14);
    color:#dffcff;
    box-shadow:0 0 14px rgba(85,232,255,.12);
}
.growth-applied-open:disabled { opacity:.38; }

.growth-best-pager {
    flex:none;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    height:28px;
    margin-top:5px;
    border-top:1px solid rgba(85,232,255,.08);
    padding-top:5px;
    box-sizing:border-box;
}
.growth-best-pager button {
    width:24px;
    height:22px;
    margin:0;
    padding:0;
    border:1px solid rgba(85,232,255,.22);
    border-radius:3px;
    background:rgba(85,232,255,.045);
    color:#76eaff;
    box-shadow:none;
    line-height:18px;
    font-size:1rem;
    font-weight:900;
}
.growth-best-pager button:hover:not(:disabled) {
    border-color:rgba(85,232,255,.58);
    background:rgba(85,232,255,.12);
    box-shadow:none;
}
.growth-best-pager button:disabled { opacity:.22; }
.growth-best-pager span {
    min-width:42px;
    color:#738d97;
    text-align:center;
    font-size:.64rem;
    font-weight:900;
    font-variant-numeric:tabular-nums;
}

.growth-applied-overlay {
    display:none;
    position:fixed;
    inset:70px 0 0;
    z-index:3600;
    padding:22px;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    background:rgba(0,4,8,.78);
    backdrop-filter:blur(6px);
}
.growth-applied-overlay.visible { display:flex; }
.growth-applied-modal {
    position:relative;
    width:min(1180px,calc(100vw - 48px));
    max-height:calc(100vh - 112px);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(85,232,255,.44);
    background:
        linear-gradient(rgba(85,232,255,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(85,232,255,.022) 1px,transparent 1px),
        linear-gradient(145deg,#07141c,#03080d 62%,#061018);
    background-size:32px 32px,32px 32px,auto;
    box-shadow:0 24px 80px rgba(0,0,0,.72),0 0 28px rgba(85,232,255,.10),inset 0 0 0 1px rgba(255,255,255,.018);
    clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));
}
.growth-applied-modal::before,
.growth-applied-modal::after {
    content:"";
    position:absolute;
    width:36px;
    height:36px;
    pointer-events:none;
    z-index:3;
}
.growth-applied-modal::before { left:8px; top:8px; border-left:1px solid #55e8ff; border-top:1px solid #55e8ff; }
.growth-applied-modal::after { right:8px; bottom:8px; border-right:1px solid rgba(85,232,255,.55); border-bottom:1px solid rgba(85,232,255,.55); }
.growth-applied-head {
    flex:none;
    min-height:88px;
    padding:18px 64px 16px 24px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    border-bottom:1px solid rgba(85,232,255,.22);
    background:rgba(7,25,34,.86);
}
.growth-applied-kicker { color:#4e8594; font-size:.62rem; font-weight:900; letter-spacing:.25em; }
.growth-applied-head h3 { margin:5px 0 0; color:#effdff; font-size:1.25rem; letter-spacing:.08em; }
.growth-applied-head p { margin:6px 0 0; color:#738c97; font-size:.72rem; }
.growth-applied-close {
    position:absolute;
    right:22px;
    top:19px;
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    border:1px solid rgba(85,232,255,.24);
    border-radius:3px;
    background:rgba(85,232,255,.04);
    color:#8cecff;
    box-shadow:none;
    font-size:1.45rem;
    line-height:34px;
}
.growth-applied-content {
    min-height:0;
    overflow-y:auto;
    overflow-x:hidden;
    padding:18px 22px 24px;
    scrollbar-width:thin;
    scrollbar-color:rgba(85,232,255,.28) rgba(0,0,0,.22);
}
.growth-applied-content::-webkit-scrollbar { width:8px; }
.growth-applied-content::-webkit-scrollbar-track { background:rgba(0,0,0,.22); }
.growth-applied-content::-webkit-scrollbar-thumb { background:rgba(85,232,255,.26); }
.growth-applied-element {
    padding:14px 14px 16px;
    border:1px solid rgba(85,232,255,.13);
    background:rgba(4,16,23,.68);
    margin-bottom:12px;
}
.growth-applied-element:last-child { margin-bottom:0; }
.growth-applied-element-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:0 1px 10px;
    border-bottom:1px solid rgba(85,232,255,.10);
}
.growth-applied-element-title { display:flex; align-items:center; gap:9px; min-width:0; }
.growth-applied-element-title img { width:28px; height:28px; object-fit:contain; filter:drop-shadow(0 0 6px rgba(85,232,255,.22)); }
.growth-applied-element-title strong { color:#e8fbff; font-size:.92rem; letter-spacing:.05em; }
.growth-applied-element-head > span { color:#6e8791; font-size:.67rem; font-weight:850; }
.growth-applied-grid {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(118px,1fr));
    gap:10px;
    padding-top:12px;
}
.growth-applied-nikke {
    position:relative;
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(85,232,255,.13);
    background:rgba(7,20,27,.92);
    transition:border-color .15s ease,background .15s ease,filter .15s ease,opacity .15s ease;
}
.growth-applied-nikke.owned { border-color:rgba(85,232,255,.24); }
.growth-applied-nikke.unowned {
    border-color:rgba(150,160,165,.12);
    background:rgba(15,18,20,.82);
    filter:grayscale(1) saturate(0);
    opacity:.46;
}
.growth-applied-image-wrap {
    position:relative;
    height:142px;
    overflow:hidden;
    background:radial-gradient(circle at 50% 32%,rgba(85,232,255,.065),transparent 54%),#050d12;
}
.growth-applied-image-wrap img {
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center bottom;
    display:block;
}
.growth-applied-state {
    position:absolute;
    right:6px;
    top:6px;
    padding:3px 6px;
    border:1px solid rgba(85,232,255,.28);
    background:rgba(2,13,18,.84);
    color:#78ebff;
    font-size:.56rem;
    font-weight:900;
    letter-spacing:.02em;
}
.growth-applied-nikke.unowned .growth-applied-state {
    border-color:rgba(185,190,192,.30);
    background:rgba(14,15,16,.90);
    color:#d5d8d9;
}
.growth-applied-name {
    min-height:38px;
    padding:8px 7px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#ccecf2;
    font-size:.67rem;
    font-weight:850;
    line-height:1.25;
    text-align:center;
    word-break:keep-all;
}
.growth-applied-nikke.unowned .growth-applied-name { color:#a8adaf; }
.growth-applied-empty { grid-column:1/-1; padding:24px; color:#5d727b; text-align:center; font-size:.74rem; }

html.eden-theme-light .growth-applied-modal { background:#f7fcfe; }
html.eden-theme-light .growth-applied-head { background:#eaf6f9; }
html.eden-theme-light .growth-applied-head h3,
html.eden-theme-light .growth-applied-element-title strong { color:#0a2630; }
html.eden-theme-light .growth-applied-element,
html.eden-theme-light .growth-applied-nikke { background:#fff; }

@media(max-width:760px){
    .growth-main-card-head{align-items:flex-start}
    .growth-applied-open{min-width:98px;padding:0 9px;font-size:.62rem}
    .growth-applied-overlay{inset:70px 0 0;padding:8px}
    .growth-applied-modal{width:calc(100vw - 16px);max-height:calc(100vh - 86px)}
    .growth-applied-head{min-height:82px;padding:14px 52px 13px 15px}
    .growth-applied-head h3{font-size:1.05rem}
    .growth-applied-head p{font-size:.65rem}
    .growth-applied-close{right:13px;top:15px;width:32px;height:32px;font-size:1.15rem}
    .growth-applied-content{padding:12px}
    .growth-applied-element{padding:11px}
    .growth-applied-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
    .growth-applied-image-wrap{height:112px}
    .growth-applied-name{font-size:.60rem;padding:6px 4px}
}
@media(max-width:440px){
    .growth-applied-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .growth-applied-image-wrap{height:122px}
    .growth-best-pager{justify-content:center}
}

/* v8: applied NIKKE compact one-page layout + compact no-result state */
@media (min-width:761px) {
    .growth-applied-modal {
        width:min(1240px,calc(100vw - 56px));
        max-height:calc(100vh - 104px);
    }
    .growth-applied-head {
        min-height:72px;
        padding:12px 58px 11px 20px;
    }
    .growth-applied-head h3 { margin-top:3px; font-size:1.12rem; }
    .growth-applied-head p { margin-top:4px; font-size:.66rem; }
    .growth-applied-close { top:15px; right:18px; width:34px; height:34px; line-height:30px; }
    .growth-applied-content {
        overflow-y:visible;
        padding:11px 14px 14px;
    }
    .growth-applied-element {
        padding:8px 10px 10px;
        margin-bottom:7px;
    }
    .growth-applied-element-head {
        min-height:27px;
        padding-bottom:6px;
    }
    .growth-applied-element-title { gap:6px; }
    .growth-applied-element-title img { width:22px; height:22px; }
    .growth-applied-element-title strong { font-size:.78rem; }
    .growth-applied-element-head > span { font-size:.60rem; }
    .growth-applied-grid {
        grid-template-columns:repeat(auto-fit,minmax(76px,94px));
        justify-content:start;
        gap:6px;
        padding-top:7px;
    }
    .growth-applied-image-wrap { height:76px; }
    .growth-applied-state {
        right:3px;
        top:3px;
        padding:2px 4px;
        font-size:.48rem;
    }
    .growth-applied-name {
        min-height:27px;
        padding:4px 4px 5px;
        font-size:.57rem;
        line-height:1.16;
    }
}

/* Search empty state should stay a short full-width row, not inherit the tall NIKKE grid. */
.growth-nikke-grid.is-empty {
    display:block;
    min-height:0;
    height:auto;
    max-height:none;
    padding:2px 4px 4px 2px;
    overflow:visible;
}
.growth-nikke-grid.is-empty .growth-nikke-empty {
    width:100%;
    min-height:72px;
    margin:0;
    padding:23px 20px;
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
}

@media (min-width:761px) and (max-height:800px) {
    .growth-applied-content { overflow-y:auto; }
    .growth-applied-modal { max-height:calc(100vh - 88px); }
}

/* ===== v12: scan-gated growth UI / BEST NIKKE privacy toggle / fixed detail width ===== */
/* 조회 전에는 SYSTEM READY + 조회하기만, 조회 완료 후에 프로필/니케 탭과 새로고침 노출 */
#tabGrowth.active .growth-result-toolbar {
    display:none !important;
    min-height:0;
    margin:0 0 18px;
    padding:0 4px 14px;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    border-bottom:1px solid rgba(85,232,255,.20);
}
#tabGrowth.active .growth-result-toolbar.visible {
    display:flex !important;
}
#tabGrowth.active .growth-result-toolbar .growth-subtabs {
    justify-content:flex-start;
    flex:1 1 auto;
}
.growth-refresh-btn {
    flex:none;
    width:auto;
    min-width:106px;
    height:38px;
    margin:0;
    padding:0 14px;
    border:1px solid rgba(85,232,255,.28);
    border-radius:2px;
    background:rgba(85,232,255,.055);
    color:#9defff;
    box-shadow:none;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.035em;
}
.growth-refresh-btn:hover:not(:disabled) {
    border-color:rgba(85,232,255,.66);
    background:rgba(85,232,255,.13);
    color:#effdff;
    box-shadow:0 0 14px rgba(85,232,255,.10);
}
.growth-refresh-btn:disabled { opacity:.42; cursor:wait; }

/* 시작 화면: 불필요한 설명 없이 SYSTEM READY와 조회 버튼만 중앙 배치 */
#tabGrowth.active .growth-scan-center {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
#tabGrowth.active .growth-scan-center-btn {
    min-width:172px;
    height:44px;
    margin:28px 0 0;
    padding:0 24px;
    font-size:.78rem;
}
#tabGrowth.active .growth-scan-note:empty { display:none; }
#tabGrowth.active .growth-scan-note:not(:empty) { display:block; }

/* BEST NIKKE - 사진 공유 시 OL 세부 옵션만 숨길 수 있는 슬라이드 */
.growth-best-head-tools {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    min-width:0;
}
.growth-best-data-count {
    flex:none;
    color:#607781;
    font-size:.66rem;
    white-space:nowrap;
}
.growth-best-ol-toggle {
    flex:none;
    width:auto;
    min-width:90px;
    height:28px;
    margin:0;
    padding:0 8px 0 6px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid rgba(85,232,255,.20);
    border-radius:14px;
    background:rgba(85,232,255,.035);
    color:#78919b;
    box-shadow:none;
}
.growth-best-ol-toggle:hover {
    border-color:rgba(85,232,255,.48);
    background:rgba(85,232,255,.08);
    box-shadow:none;
}
.growth-best-ol-toggle em {
    color:inherit;
    font-size:.60rem;
    line-height:1;
    font-style:normal;
    font-weight:900;
    white-space:nowrap;
}
.growth-best-ol-switch {
    position:relative;
    display:block !important;
    flex:none;
    width:28px;
    height:14px;
    border:1px solid rgba(115,140,150,.45);
    border-radius:8px;
    background:rgba(35,51,59,.92);
    box-sizing:border-box;
}
.growth-best-ol-switch i {
    position:absolute;
    top:2px;
    left:2px;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#71868f;
    box-shadow:0 0 5px rgba(0,0,0,.4);
    transition:transform .16s ease, background .16s ease, box-shadow .16s ease;
}
.growth-best-ol-toggle.is-on {
    color:#8ff1ff;
    border-color:rgba(85,232,255,.36);
}
.growth-best-ol-toggle.is-on .growth-best-ol-switch {
    border-color:rgba(85,232,255,.52);
    background:rgba(85,232,255,.14);
}
.growth-best-ol-toggle.is-on .growth-best-ol-switch i {
    transform:translateX(14px);
    background:#77ffd0;
    box-shadow:0 0 8px rgba(119,255,208,.48);
}
.growth-best-options-hidden {
    flex:1 1 auto;
    min-height:142px;
    margin-top:14px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px dashed rgba(85,232,255,.12);
    background:rgba(0,0,0,.12);
    text-align:center;
}
.growth-best-options-hidden span {
    color:#506974;
    font-size:.58rem;
    font-weight:900;
    letter-spacing:.16em;
}
.growth-best-options-hidden strong {
    color:#78909a;
    font-size:.86rem;
    letter-spacing:.20em;
}
.growth-best-options-hidden small {
    color:#526872;
    font-size:.60rem;
}

/* 니케 상세 진입 시 콘텐츠가 부모 폭을 밀어 팝업 X축이 달라지지 않게 고정 */
#tabGrowth.active .growth-shell {
    scrollbar-gutter:stable;
    flex:0 0 auto;
}
#tabGrowth.active .growth-nikke-detail-view,
#tabGrowth.active .growth-nikke-result,
#tabGrowth.active .growth-nikke-detail-card,
#tabGrowth.active .growth-nikke-detail-layout,
#tabGrowth.active .growth-nikke-detail-info,
#tabGrowth.active .growth-nikke-option-section,
#tabGrowth.active .growth-nikke-option-list {
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
}
#tabGrowth.active .growth-nikke-detail-view,
#tabGrowth.active .growth-nikke-result,
#tabGrowth.active .growth-nikke-detail-card {
    overflow-x:hidden;
}
#tabGrowth.active .growth-nikke-detail-layout {
    grid-template-columns:minmax(0,38fr) minmax(0,62fr);
}
#tabGrowth.active .growth-nikke-detail-info > * { min-width:0; max-width:100%; box-sizing:border-box; }
#tabGrowth.active .growth-nikke-option-head,
#tabGrowth.active .growth-nikke-option-row { width:100%; max-width:100%; min-width:0; box-sizing:border-box; }

@media(max-width:800px){
    #tabGrowth.active .growth-result-toolbar{gap:8px;padding-left:0;padding-right:0}
    .growth-refresh-btn{min-width:92px;height:36px;padding:0 10px;font-size:.66rem}
    #tabGrowth.active .growth-nikke-detail-layout{grid-template-columns:1fr}
}
@media(max-width:560px){
    #tabGrowth.active .growth-result-toolbar{align-items:stretch;flex-direction:column}
    #tabGrowth.active .growth-result-toolbar .growth-subtabs{width:100%}
    .growth-refresh-btn{width:100%}
    .growth-best-head{align-items:flex-start}
    .growth-best-head-tools{gap:6px;flex-wrap:wrap}
    .growth-best-ol-toggle{min-width:82px;padding-right:6px}
}


/* v15: BEST NIKKE header - comparison count next to OL toggle */
#tabGrowth.active .growth-best-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
}
#tabGrowth.active .growth-best-head > strong {
    flex:1 1 auto;
    min-width:0;
}
#tabGrowth.active .growth-best-head-tools {
    flex:0 0 auto;
    margin-left:auto;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:9px;
    min-width:0;
}
#tabGrowth.active .growth-best-data-head {
    color:#607781;
    font-size:.58rem;
    line-height:1;
    font-weight:700;
    letter-spacing:.02em;
    white-space:nowrap;
    opacity:.82;
}
#tabGrowth.active .growth-best-head-tools .growth-best-ol-toggle {
    flex:0 0 auto;
    margin:0;
}
#tabGrowth.active .growth-best-rank {
    margin-top:7px;
}
#tabGrowth.active .growth-nikke-browser {
    margin-top:0;
}
@media(max-width:560px){
    #tabGrowth.active .growth-best-head { align-items:center; }
    #tabGrowth.active .growth-best-head-tools { gap:6px; }
    #tabGrowth.active .growth-best-data-head { font-size:.54rem; }
    #tabGrowth.active .growth-best-head-tools .growth-best-ol-toggle { min-width:82px; }
}

/* v18: 프로필 하단 통합분석 - 동기화 캐시 기반 계정 성향/브리핑/개선 타깃/속성 상세 */
#tabGrowth.active .growth-integrated-analysis {
    margin-top:18px;
    padding:20px;
    min-width:0;
    overflow:hidden;
    background:
        linear-gradient(135deg,rgba(85,232,255,.028),transparent 34%),
        rgba(3,10,15,.90);
}
.growth-analysis-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(85,232,255,.15);
}
.growth-analysis-head > div { display:flex; align-items:baseline; gap:10px; min-width:0; }
.growth-analysis-head span {
    color:#5d7a85;
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.15em;
}
.growth-analysis-head strong {
    color:#eafdff;
    font-size:1.16rem;
    font-weight:950;
    letter-spacing:.04em;
}
.growth-analysis-head em {
    flex:none;
    padding:5px 8px;
    border:1px solid rgba(119,255,208,.22);
    color:#77ffd0;
    background:rgba(119,255,208,.045);
    font-size:.63rem;
    font-weight:900;
    font-style:normal;
    letter-spacing:.10em;
}
.growth-analysis-account {
    position:relative;
    margin-top:16px;
    padding:18px 20px 17px 22px;
    border:1px solid rgba(85,232,255,.18);
    border-left:3px solid rgba(85,232,255,.70);
    background:linear-gradient(90deg,rgba(85,232,255,.075),rgba(85,232,255,.018) 55%,transparent);
    overflow:hidden;
}
.growth-analysis-account::after {
    content:"";
    position:absolute;
    right:-24px;
    top:-34px;
    width:130px;
    height:130px;
    border:1px solid rgba(85,232,255,.08);
    transform:rotate(45deg);
    pointer-events:none;
}
.growth-analysis-account-label {
    color:#65909e;
    font-size:.66rem;
    font-weight:900;
    letter-spacing:.17em;
}
.growth-analysis-account-type {
    margin-top:5px;
    color:#f0feff;
    font-size:1.56rem;
    line-height:1.2;
    font-weight:950;
    letter-spacing:.015em;
    text-shadow:0 0 15px rgba(85,232,255,.16);
}
.growth-analysis-account-desc {
    margin-top:7px;
    color:#8299a2;
    font-size:.86rem;
    line-height:1.62;
}
.growth-analysis-grid {
    margin-top:14px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:14px;
}
.growth-analysis-panel {
    min-width:0;
    padding:18px;
    border:1px solid rgba(85,232,255,.12);
    background:rgba(2,8,12,.46);
}
.growth-analysis-panel-head {
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:12px;
}
.growth-analysis-panel-head > span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:24px;
    height:18px;
    border:1px solid rgba(85,232,255,.22);
    color:#74eaff;
    font-size:.73rem;
    font-weight:950;
    font-variant-numeric:tabular-nums;
}
.growth-analysis-panel-head > strong {
    color:#dffbff;
    font-size:.91rem;
    font-weight:950;
    letter-spacing:.04em;
}
.growth-analysis-briefing-list { display:grid; gap:8px; }
.growth-analysis-brief-row {
    display:grid;
    grid-template-columns:28px minmax(0,1fr);
    gap:9px;
    align-items:start;
    min-height:46px;
    padding:10px 11px;
    border-left:2px solid rgba(85,232,255,.22);
    background:rgba(85,232,255,.025);
}
.growth-analysis-brief-row i {
    color:#54747f;
    font-size:.68rem;
    line-height:1.62;
    font-style:normal;
    font-weight:900;
}
.growth-analysis-brief-row p {
    margin:0;
    color:#a5b9c0;
    font-size:.84rem;
    line-height:1.62;
    word-break:keep-all;
}
.growth-analysis-target-list { display:grid; gap:7px; }
.growth-analysis-target {
    display:grid;
    grid-template-columns:32px 44px minmax(0,1fr) auto;
    gap:9px;
    align-items:center;
    min-height:60px;
    padding:8px 10px;
    border:1px solid rgba(85,232,255,.075);
    background:rgba(255,255,255,.012);
}
.growth-analysis-target-order {
    color:#6fe8ff;
    font-size:.82rem;
    font-weight:950;
    font-variant-numeric:tabular-nums;
}
.growth-analysis-target img {
    width:44px;
    height:44px;
    object-fit:contain;
    object-position:center bottom;
    background:#071017;
    border:1px solid rgba(85,232,255,.11);
}
.growth-analysis-target-copy { min-width:0; }
.growth-analysis-target-copy strong {
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#edfefe;
    font-size:.84rem;
    font-weight:900;
}
.growth-analysis-target-copy span {
    display:block;
    margin-top:3px;
    color:#8da3ab;
    font-size:.73rem;
}
.growth-analysis-target em {
    flex:none;
    color:#77ffd0;
    font-size:.72rem;
    font-weight:900;
    font-style:normal;
    white-space:nowrap;
}
.growth-analysis-elements { margin-top:14px; }
.growth-analysis-element-grid {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:9px;
}
.growth-analysis-element {
    min-width:0;
    min-height:218px;
    padding:15px 14px 17px;
    border:1px solid rgba(85,232,255,.10);
    border-top-width:2px;
    background:rgba(255,255,255,.012);
    box-sizing:border-box;
}
/* 속성 카드 상단선은 상태가 아니라 속성 고유색으로 고정: 수냉/풍압도 어두운 배경에서 선명하게 */
.growth-analysis-element.element-water { border-top-color:rgba(80,194,255,.95); box-shadow:inset 0 2px 10px rgba(80,194,255,.055); }
.growth-analysis-element.element-fire { border-top-color:rgba(255,112,86,.95); box-shadow:inset 0 2px 10px rgba(255,112,86,.05); }
.growth-analysis-element.element-wind { border-top-color:rgba(103,235,157,.95); box-shadow:inset 0 2px 10px rgba(103,235,157,.055); }
.growth-analysis-element.element-iron { border-top-color:rgba(193,211,229,.90); box-shadow:inset 0 2px 10px rgba(193,211,229,.045); }
.growth-analysis-element.element-electric { border-top-color:rgba(200,139,255,.95); box-shadow:inset 0 2px 10px rgba(200,139,255,.055); }
.growth-analysis-element-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.growth-analysis-element-name { display:flex; align-items:center; gap:6px; min-width:0; }
.growth-analysis-element-name img { width:24px; height:24px; object-fit:contain; filter:drop-shadow(0 0 4px rgba(85,232,255,.18)); }
.growth-analysis-element-name strong { color:#e6fcff; font-size:.86rem; font-weight:950; }
.growth-analysis-element-score { flex:none; text-align:right; }
.growth-analysis-element-score b { display:block; color:#f4ffff; font-size:1.02rem; line-height:1; font-variant-numeric:tabular-nums; }
.growth-analysis-element-score span { display:block; margin-top:3px; color:#718994; font-size:.62rem; font-weight:850; }
.growth-analysis-element-owned { margin-top:11px; color:#607983; font-size:.68rem; }
.growth-analysis-element-notes { margin-top:14px; display:grid; gap:14px; }
.growth-analysis-element-note { min-width:0; }
.growth-analysis-element-note-title {
    display:grid;
    grid-template-columns:20px minmax(0,1fr);
    gap:6px;
    align-items:start;
    min-width:0;
}
.growth-analysis-element-note-title b {
    color:#6fe8ff;
    font-size:.78rem;
    font-weight:950;
    line-height:1.45;
    font-variant-numeric:tabular-nums;
}
.growth-analysis-element-note-title strong {
    min-width:0;
    color:#dff7fa;
    font-size:.80rem;
    line-height:1.45;
    font-weight:900;
    word-break:keep-all;
}
.growth-analysis-element-note-action {
    margin-top:4px;
    padding-left:26px;
    color:#91a7af;
    font-size:.76rem;
    line-height:1.55;
    word-break:keep-all;
}
.growth-analysis-empty {
    padding:18px 8px;
    color:#607781;
    font-size:.80rem;
    text-align:center;
}

html.eden-theme-light .growth-analysis-head strong,
html.eden-theme-light .growth-analysis-account-type,
html.eden-theme-light .growth-analysis-panel-head > strong,
html.eden-theme-light .growth-analysis-target-copy strong,
html.eden-theme-light .growth-analysis-element-name strong,
html.eden-theme-light .growth-analysis-element-score b { color:#10252e; text-shadow:none; }
html.eden-theme-light .growth-analysis-account-desc,
html.eden-theme-light .growth-analysis-brief-row p,
html.eden-theme-light .growth-analysis-element-note-action { color:#52666e; }
html.eden-theme-light .growth-analysis-element-note-title strong { color:#193b46; }

@media(max-width:1100px){
    .growth-analysis-element-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:800px){
    .growth-analysis-grid{grid-template-columns:1fr}
    .growth-analysis-element-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
    #tabGrowth.active .growth-integrated-analysis{padding:14px}
    .growth-analysis-head{align-items:flex-start}
    .growth-analysis-head > div{display:block}
    .growth-analysis-head strong{display:block;margin-top:4px}
    .growth-analysis-account{padding:15px 14px 14px 16px}
    .growth-analysis-account-type{font-size:1.18rem}
    .growth-analysis-target{grid-template-columns:27px 40px minmax(0,1fr)}
    .growth-analysis-target img{width:40px;height:40px}
    .growth-analysis-target em{grid-column:3;margin-top:-5px}
    .growth-analysis-element-grid{grid-template-columns:1fr}
}

/* v23: 통합 브리핑 / 우선 개선 TARGET 3행 높이 및 수직 정렬 통일 */
.growth-analysis-grid {
    align-items:stretch;
}
.growth-analysis-panel {
    display:flex;
    flex-direction:column;
}
.growth-analysis-briefing-list,
.growth-analysis-target-list {
    flex:1;
    display:grid;
    grid-template-rows:repeat(3,76px);
    gap:8px;
}
.growth-analysis-brief-row {
    min-height:0;
    height:76px;
    box-sizing:border-box;
    align-items:center;
    padding:10px 12px;
}
.growth-analysis-brief-row i {
    align-self:center;
    line-height:1;
}
.growth-analysis-brief-row p {
    display:flex;
    align-items:center;
    min-height:100%;
    line-height:1.55;
}
.growth-analysis-target {
    min-height:0;
    height:76px;
    box-sizing:border-box;
    padding:10px 11px;
}
@media (max-width: 760px) {
    .growth-analysis-briefing-list,
    .growth-analysis-target-list {
        grid-template-rows:none;
        grid-auto-rows:minmax(76px,auto);
    }
    .growth-analysis-brief-row,
    .growth-analysis-target {
        height:auto;
        min-height:76px;
    }
}


/* v24: 속성별 상세분석을 강점 / 보강 포인트 / 종합 3단 분석 카드로 개편 */
.growth-analysis-element {
    min-height:350px;
    padding:16px 15px 18px;
}
.growth-analysis-element-name strong {
    font-size:.88rem;
    letter-spacing:-.01em;
}
.growth-analysis-element-owned {
    margin-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(85,232,255,.075);
    font-size:.72rem;
}
.growth-analysis-element-sections {
    margin-top:12px;
    display:grid;
    gap:11px;
}
.growth-analysis-element-section {
    min-width:0;
    padding:10px 10px 11px;
    border:1px solid rgba(85,232,255,.075);
    background:rgba(255,255,255,.012);
}
.growth-analysis-element-section > strong {
    display:block;
    margin-bottom:5px;
    color:#8fa7af;
    font-size:.70rem;
    line-height:1.25;
    font-weight:950;
    letter-spacing:.055em;
}
.growth-analysis-element-section > p {
    margin:0;
    color:#b3c6cc;
    font-size:.80rem;
    line-height:1.62;
    word-break:keep-all;
}
.growth-analysis-element-section.is-strength {
    border-left:2px solid rgba(119,255,208,.48);
    background:rgba(119,255,208,.018);
}
.growth-analysis-element-section.is-strength > strong { color:#77ffd0; }
.growth-analysis-element-section.is-improve {
    border-left:2px solid rgba(255,190,103,.48);
    background:rgba(255,190,103,.016);
}
.growth-analysis-element-section.is-improve > strong { color:#ffc77a; }
.growth-analysis-element-section.is-summary {
    border-left:2px solid rgba(85,232,255,.46);
    background:rgba(85,232,255,.018);
}
.growth-analysis-element-section.is-summary > strong { color:#74eaff; }
html.eden-theme-light .growth-analysis-element-section > p { color:#4f646c; }
html.eden-theme-light .growth-analysis-element-section { background:rgba(255,255,255,.42); }
@media(max-width:1100px){
    .growth-analysis-element{min-height:330px}
}
@media(max-width:560px){
    .growth-analysis-element{min-height:0}
    .growth-analysis-element-section > p{font-size:.82rem}
}


/* v25: 속성별 분석을 전체폭 1열 + 간단 분석 문장으로 정리 */
.growth-analysis-element-grid {
    grid-template-columns:1fr !important;
    gap:12px;
}
.growth-analysis-element {
    display:grid;
    grid-template-columns:minmax(180px,220px) minmax(0,1fr);
    gap:18px;
    align-items:stretch;
    min-height:0;
    padding:0;
    border-top-width:1px;
    border-left-width:4px;
    overflow:hidden;
}
.growth-analysis-element.element-water { border-left-color:rgba(80,194,255,.95); }
.growth-analysis-element.element-fire { border-left-color:rgba(255,112,86,.95); }
.growth-analysis-element.element-wind { border-left-color:rgba(103,235,157,.95); }
.growth-analysis-element.element-iron { border-left-color:rgba(193,211,229,.90); }
.growth-analysis-element.element-electric { border-left-color:rgba(200,139,255,.95); }
.growth-analysis-element-meta {
    min-width:0;
    padding:16px 15px 15px 16px;
    border-right:1px solid rgba(85,232,255,.075);
    background:rgba(255,255,255,.012);
}
.growth-analysis-element-head { align-items:flex-start; }
.growth-analysis-element-name img { width:30px; height:30px; }
.growth-analysis-element-name strong { font-size:1.02rem; line-height:1.35; }
.growth-analysis-element-score b { font-size:1.20rem; }
.growth-analysis-element-score span { margin-top:4px; font-size:.70rem; }
.growth-analysis-element-owned {
    margin-top:12px;
    padding:0;
    border:0;
    font-size:.74rem;
}
.growth-analysis-element-analysis {
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:15px 18px 16px 0;
}
.growth-analysis-element-analysis > span {
    display:block;
    margin-bottom:6px;
    color:#5d8895;
    font-size:.64rem;
    line-height:1;
    font-weight:950;
    letter-spacing:.16em;
}
.growth-analysis-element-analysis > p {
    margin:0;
    color:#c3d5da;
    font-size:.91rem;
    line-height:1.72;
    word-break:keep-all;
}
html.eden-theme-light .growth-analysis-element-analysis > p { color:#405860; }
html.eden-theme-light .growth-analysis-element-meta { background:rgba(255,255,255,.30); }
@media(max-width:700px){
    .growth-analysis-element{grid-template-columns:1fr;gap:0}
    .growth-analysis-element-meta{border-right:0;border-bottom:1px solid rgba(85,232,255,.075)}
    .growth-analysis-element-analysis{padding:14px 15px 16px}
    .growth-analysis-element-analysis > p{font-size:.86rem}
}

/* v28: 통합 브리핑 / 속성 분석 타이포를 우선 개선 TARGET 니케명 기준으로 통일 */
.growth-analysis-brief-row p {
    color:#edfefe;
    font-size:.84rem;
    font-weight:900;
    letter-spacing:normal;
}
.growth-analysis-element-analysis > p {
    color:#edfefe;
    font-size:.84rem;
    font-weight:900;
    line-height:1.72;
    letter-spacing:normal;
}
.growth-analysis-element-analysis > p br {
    content:"";
}
html.eden-theme-light .growth-analysis-brief-row p,
html.eden-theme-light .growth-analysis-element-analysis > p {
    color:#193b46;
}
@media(max-width:700px){
    .growth-analysis-element-analysis > p{font-size:.84rem}
}


/* v29: 통합분석 헤더 정리 / 브리핑 번호 통일 / ACCOUNT TYPE 안내 팝업 */
.growth-analysis-head {
    justify-content:flex-start;
}
.growth-analysis-head > div {
    align-items:center;
}
.growth-analysis-head > div > strong {
    margin:0;
}
.growth-analysis-brief-row i,
.growth-analysis-target-order {
    color:#6fe8ff;
    font-size:.82rem;
    line-height:1;
    font-style:normal;
    font-weight:950;
    font-variant-numeric:tabular-nums;
}
.growth-analysis-account-type-row {
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:10px;
    width:max-content;
    max-width:100%;
    margin-top:5px;
}
.growth-analysis-account-type-row .growth-analysis-account-type {
    margin-top:0;
    min-width:0;
}
.growth-account-type-guide-btn {
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    padding:0;
    border:1px solid rgba(85,232,255,.34);
    border-radius:5px;
    color:#74eaff;
    background:rgba(85,232,255,.055);
    cursor:pointer;
    transition:border-color .16s ease, background .16s ease, transform .16s ease;
}
.growth-account-type-guide-btn:hover {
    border-color:rgba(85,232,255,.72);
    background:rgba(85,232,255,.12);
    transform:translateY(-1px);
}
.growth-account-type-guide-btn svg {
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
}
.growth-account-guide-overlay {
    position:fixed;
    inset:0;
    z-index:120000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:24px;
    background:rgba(0,5,9,.78);
    backdrop-filter:blur(5px);
}
.growth-account-guide-modal {
    width:min(700px,calc(100vw - 32px));
    max-height:min(760px,82vh);
    overflow:hidden;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(85,232,255,.28);
    border-top:2px solid rgba(85,232,255,.78);
    border-radius:8px;
    background:linear-gradient(145deg,rgba(8,22,29,.985),rgba(2,9,14,.99));
    box-shadow:0 24px 70px rgba(0,0,0,.58),0 0 30px rgba(85,232,255,.06);
}
.growth-account-guide-head {
    flex:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:16px 18px 14px;
    border-bottom:1px solid rgba(85,232,255,.14);
}
.growth-account-guide-head > div { min-width:0; }
.growth-account-guide-head span {
    display:block;
    color:#5f8592;
    font-size:.62rem;
    font-weight:950;
    letter-spacing:.16em;
}
.growth-account-guide-head strong {
    display:block;
    margin-top:3px;
    color:#efffff;
    font-size:1.05rem;
    font-weight:950;
}
.growth-account-guide-close {
    flex:none;
    width:32px;
    height:32px;
    border:1px solid rgba(85,232,255,.20);
    border-radius:5px;
    color:#9db4bc;
    background:rgba(255,255,255,.025);
    font-size:1.25rem;
    line-height:1;
    cursor:pointer;
}
.growth-account-guide-current {
    flex:none;
    margin:14px 16px 0;
    padding:10px 12px;
    border-left:3px solid rgba(119,255,208,.72);
    background:rgba(119,255,208,.04);
    color:#8ca3aa;
    font-size:.76rem;
    font-weight:800;
}
.growth-account-guide-current strong {
    margin-left:8px;
    color:#77ffd0;
    font-size:.88rem;
    font-weight:950;
}
.growth-account-guide-list {
    min-height:0;
    overflow:auto;
    display:grid;
    gap:8px;
    padding:14px 16px 17px;
}
.growth-account-guide-item {
    padding:11px 13px 12px;
    border:1px solid rgba(85,232,255,.09);
    border-left:3px solid rgba(85,232,255,.15);
    border-radius:5px;
    background:rgba(255,255,255,.014);
}
.growth-account-guide-item.is-current {
    border-color:rgba(119,255,208,.25);
    border-left-color:#77ffd0;
    background:rgba(119,255,208,.035);
}
.growth-account-guide-item-head {
    display:flex;
    align-items:center;
    gap:8px;
}
.growth-account-guide-item-head strong {
    color:#edfefe;
    font-size:.86rem;
    font-weight:950;
}
.growth-account-guide-item-head em {
    padding:2px 5px;
    border:1px solid rgba(119,255,208,.26);
    color:#77ffd0;
    background:rgba(119,255,208,.04);
    font-size:.55rem;
    font-style:normal;
    font-weight:950;
    letter-spacing:.08em;
}
.growth-account-guide-item p {
    margin:5px 0 0;
    color:#92a8b0;
    font-size:.77rem;
    line-height:1.55;
    font-weight:700;
    word-break:keep-all;
}
html.eden-theme-light .growth-account-type-guide-btn { color:#167b91; border-color:rgba(18,129,151,.28); background:rgba(18,129,151,.05); }
html.eden-theme-light .growth-account-guide-overlay { background:rgba(230,240,244,.66); }
html.eden-theme-light .growth-account-guide-modal { background:linear-gradient(145deg,#fbfeff,#eff8fa); border-color:rgba(18,129,151,.25); }
html.eden-theme-light .growth-account-guide-head strong,
html.eden-theme-light .growth-account-guide-item-head strong { color:#173640; }
html.eden-theme-light .growth-account-guide-current,
html.eden-theme-light .growth-account-guide-item p { color:#536a72; }
@media(max-width:560px){
    .growth-analysis-account-type-row{width:100%;justify-content:space-between}
    .growth-account-guide-overlay{padding:12px}
    .growth-account-guide-modal{width:100%;max-height:88vh}
}

/* ===== v30: 한국어 섹션명 / 안내 버튼 위치 / 이미지 저장 / 속성유형 안내 ===== */
.growth-toolbar-actions {
    flex:none;
    display:flex;
    align-items:center;
    gap:8px;
}
.growth-save-btn {
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    width:auto;
    min-width:78px;
    height:38px;
    margin:0;
    padding:0 12px;
    border:1px solid rgba(119,255,208,.30);
    border-radius:2px;
    background:rgba(119,255,208,.05);
    color:#8fffd8;
    box-shadow:none;
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.035em;
    cursor:pointer;
}
.growth-save-btn:hover:not(:disabled) {
    border-color:rgba(119,255,208,.68);
    background:rgba(119,255,208,.12);
    color:#effff9;
    box-shadow:0 0 14px rgba(119,255,208,.09);
}
.growth-save-btn:disabled { opacity:.42; cursor:wait; }
.growth-save-btn svg {
    width:16px;
    height:16px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* ACCOUNT TYPE 안내는 타입명 옆이 아니라 라벨 바로 우측에 작게 */
.growth-analysis-account-label-row {
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:6px;
    width:max-content;
    max-width:100%;
}
.growth-analysis-account-label-row .growth-analysis-account-label { margin:0; }
.growth-analysis-account > .growth-analysis-account-type { margin-top:5px; }
.growth-account-type-guide-btn,
.growth-element-type-guide-btn {
    flex:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    padding:0;
    border:1px solid rgba(85,232,255,.27);
    border-radius:3px;
    color:#70dff4;
    background:rgba(85,232,255,.035);
    cursor:pointer;
    transition:border-color .15s ease, background .15s ease, color .15s ease;
}
.growth-account-type-guide-btn:hover,
.growth-element-type-guide-btn:hover {
    border-color:rgba(85,232,255,.62);
    background:rgba(85,232,255,.10);
    color:#e9fdff;
    transform:none;
}
.growth-account-type-guide-btn svg,
.growth-element-type-guide-btn svg {
    width:12px;
    height:12px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
}

/* 속성별 육성 분석 제목 우측 안내 버튼 */
.growth-analysis-element-panel-head { width:100%; }
.growth-analysis-element-panel-head .growth-element-type-guide-btn { margin-left:1px; }

/* 팝업 X를 버튼 정중앙에 고정 */
.growth-account-guide-close {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0;
    line-height:1;
    text-align:center;
}
.growth-account-guide-close svg {
    width:17px;
    height:17px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
}

/* 속성 분석 본문은 우선 개선 TARGET의 '오버로드 개선' 보조문구와 동일 톤 */
.growth-analysis-element-analysis > p {
    color:#8da3ab;
    font-size:.73rem;
    font-weight:400;
    line-height:1.72;
    letter-spacing:normal;
}
html.eden-theme-light .growth-analysis-element-analysis > p { color:#536a72; }

/* 속성 유형 안내 팝업 */
.growth-element-guide-intro {
    flex:none;
    margin:14px 16px 0;
    padding:10px 12px;
    border-left:3px solid rgba(85,232,255,.62);
    background:rgba(85,232,255,.035);
    color:#91a7af;
    font-size:.76rem;
    line-height:1.55;
    font-weight:700;
    word-break:keep-all;
}
.growth-element-guide-item .growth-account-guide-item-head {
    flex-wrap:wrap;
    align-items:center;
}
.growth-element-guide-item .growth-account-guide-item-head em {
    padding:2px 6px;
    border:1px solid rgba(85,232,255,.15);
    color:#7f9da7;
    background:rgba(85,232,255,.025);
    font-size:.58rem;
    font-weight:800;
    letter-spacing:0;
}
html.eden-theme-light .growth-element-guide-intro { color:#536a72; background:rgba(18,129,151,.035); }
html.eden-theme-light .growth-element-guide-item .growth-account-guide-item-head em { color:#5d747c; }

/* 이미지 저장 모드: 공유용 조작 UI는 제거하고 비교 인원수는 우측 끝으로 */
#growthProfileResult.growth-export-mode .growth-applied-open,
#growthProfileResult.growth-export-mode .growth-best-ol-toggle,
#growthProfileResult.growth-export-mode .growth-account-type-guide-btn,
#growthProfileResult.growth-export-mode .growth-element-type-guide-btn {
    display:none !important;
}
#growthProfileResult.growth-export-mode .growth-best-head-tools {
    margin-left:auto !important;
    justify-content:flex-end !important;
}
#growthProfileResult.growth-export-mode .growth-best-data-head {
    margin-left:auto !important;
}
#growthProfileResult.growth-export-mode {
    overflow:visible !important;
}

html.eden-theme-light .growth-save-btn {
    color:#187d67;
    border-color:rgba(24,125,103,.25);
    background:rgba(24,125,103,.04);
}
html.eden-theme-light .growth-account-type-guide-btn,
html.eden-theme-light .growth-element-type-guide-btn {
    color:#167b91;
    border-color:rgba(18,129,151,.25);
    background:rgba(18,129,151,.04);
}

@media(max-width:700px){
    .growth-toolbar-actions{gap:6px}
    .growth-save-btn{min-width:70px;height:36px;padding:0 9px;font-size:.66rem}
    .growth-analysis-element-analysis > p{font-size:.73rem}
}
@media(max-width:560px){
    #tabGrowth.active .growth-result-toolbar.visible{align-items:stretch;flex-direction:column}
    .growth-toolbar-actions{width:100%}
    .growth-toolbar-actions .growth-save-btn,
    .growth-toolbar-actions .growth-refresh-btn{flex:1 1 0;width:auto}
}

/* ===== v32: 안내 버튼 정렬 / 팝업 닫기 / 분석 본문 타이포 통일 ===== */
/* ACCOUNT TYPE 글자 높이에 맞춘 초소형 돋보기: 아래로 떨어지거나 줄바꿈되지 않게 */
.growth-analysis-account-label-row {
    display:inline-flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:4px !important;
    width:auto !important;
    max-width:none !important;
    line-height:1 !important;
    white-space:nowrap !important;
    vertical-align:middle !important;
}
.growth-analysis-account-label-row .growth-analysis-account-label {
    display:inline-flex;
    align-items:center;
    margin:0 !important;
    line-height:14px !important;
}
.growth-analysis-account-label-row .growth-account-type-guide-btn,
.growth-analysis-element-panel-head .growth-element-type-guide-btn {
    position:static !important;
    flex:0 0 auto !important;
    width:14px !important;
    min-width:14px !important;
    height:14px !important;
    min-height:14px !important;
    margin:0 !important;
    padding:0 !important;
    align-self:center !important;
    vertical-align:middle !important;
    border-radius:2px !important;
    line-height:1 !important;
}
.growth-analysis-account-label-row .growth-account-type-guide-btn svg,
.growth-analysis-element-panel-head .growth-element-type-guide-btn svg {
    width:8px !important;
    height:8px !important;
}

/* 속성별 육성 분석 제목 오른쪽 돋보기 역시 제목과 같은 라인에 고정 */
.growth-analysis-element-panel-head {
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
}
.growth-analysis-element-panel-head .growth-element-type-guide-btn {
    margin-left:1px !important;
}

/* 안내 팝업 X는 SVG가 아니라 실제 × 문자로 항상 보이게 */
.growth-account-guide-head { position:relative; }
.growth-account-guide-close {
    position:static !important;
    flex:0 0 32px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:32px !important;
    height:32px !important;
    margin:0 !important;
    padding:0 0 2px !important;
    color:#dffbff !important;
    font-size:1.42rem !important;
    font-weight:400 !important;
    line-height:1 !important;
    text-indent:0 !important;
    overflow:visible !important;
    opacity:1 !important;
}
html.eden-theme-light .growth-account-guide-close { color:#173640 !important; }

/* ANALYSIS 아래 본문을 우선 개선 TARGET의 '오버로드 개선'과 정확히 같은 본문 타이포로 통일 */
.growth-analysis-target-copy span,
.growth-analysis-element-analysis > p {
    color:#8da3ab !important;
    font-size:.73rem !important;
    font-weight:400 !important;
    font-style:normal !important;
    font-family:inherit !important;
    letter-spacing:normal !important;
    text-transform:none !important;
}
.growth-analysis-element-analysis > p {
    line-height:1.58 !important;
}
.growth-analysis-element-analysis > p br {
    display:block;
    content:"";
    margin-top:3px;
}
html.eden-theme-light .growth-analysis-target-copy span,
html.eden-theme-light .growth-analysis-element-analysis > p { color:#536a72 !important; }

/* 저장/새로고침은 한 그룹에서 저장이 항상 왼쪽 */
.growth-toolbar-actions { display:flex !important; align-items:center !important; gap:8px !important; }
.growth-toolbar-actions .growth-save-btn { order:1; display:inline-flex !important; }
.growth-toolbar-actions .growth-refresh-btn { order:2; }


/* v33: 안내 돋보기 가시성 강화 - 작은 크기는 유지하고 대비/글로우만 강화 */
.growth-analysis-account-label-row {
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:5px !important;
}
.growth-account-type-guide-btn,
.growth-element-type-guide-btn {
    position:relative;
    top:0 !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    min-height:19px !important;
    margin-top:0 !important;
    padding:0 !important;
    vertical-align:middle;
    border:1px solid rgba(103,239,255,.72) !important;
    border-radius:4px !important;
    color:#dffcff !important;
    background:linear-gradient(180deg, rgba(67,225,255,.18), rgba(67,225,255,.07)) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.035), 0 0 8px rgba(51,222,255,.18);
    opacity:1 !important;
}
.growth-account-type-guide-btn::after,
.growth-element-type-guide-btn::after {
    content:'';
    position:absolute;
    inset:-4px;
    border-radius:6px;
}
.growth-account-type-guide-btn svg,
.growth-element-type-guide-btn svg {
    width:12px !important;
    height:12px !important;
    stroke-width:2.25 !important;
    filter:drop-shadow(0 0 2px rgba(106,237,255,.45));
}
.growth-account-type-guide-btn:hover,
.growth-element-type-guide-btn:hover {
    border-color:#baf7ff !important;
    color:#fff !important;
    background:rgba(70,226,255,.24) !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 0 12px rgba(57,226,255,.34);
}
.growth-analysis-element-panel-head {
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
}
.growth-analysis-element-panel-head .growth-element-type-guide-btn {
    margin-left:2px !important;
    align-self:center !important;
}
html.eden-theme-light .growth-account-type-guide-btn,
html.eden-theme-light .growth-element-type-guide-btn {
    color:#087d92 !important;
    border-color:rgba(8,125,146,.58) !important;
    background:rgba(18,156,180,.10) !important;
    box-shadow:0 0 7px rgba(18,156,180,.12);
}

/* ===== v34: 속성 분석 가독성 / 유형 안내 공개수치 제거 / 프로필 전체 프레임 저장 ===== */
/* ANALYSIS 본문: 현재 글꼴/크기/굵기는 유지하고 우선 개선 TARGET 니케명과 같은 밝기로만 변경 */
.growth-analysis-element-analysis > p {
    color:#edfefe !important;
}
html.eden-theme-light .growth-analysis-element-analysis > p {
    color:#10252e !important;
}

/* 속성 유형 안내는 내부 판정 수치를 공개하지 않고 설명만 표시 */
.growth-element-guide-modal {
    width:min(780px, calc(100vw - 32px));
}
.growth-element-guide-item .growth-account-guide-item-head {
    flex-wrap:nowrap;
}
.growth-element-guide-item .growth-account-guide-item-head em {
    display:none !important;
}
.growth-element-guide-item p {
    line-height:1.62;
}
.growth-element-guide-item p br {
    display:block;
    content:"";
    margin-top:4px;
}
@media (min-width:781px) {
    .growth-element-guide-item p { white-space:nowrap; }
}
@media (max-width:780px) {
    .growth-element-guide-item p { white-space:normal; }
}

/* 이미지 저장: 실제 팝업 프레임(growth-shell) 전체를 저장하고 조작 툴바 행은 제거 */
#tabGrowth.active .growth-shell.growth-export-mode {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow:visible !important;
    overflow-x:visible !important;
    overflow-y:visible !important;
    scrollbar-gutter:auto !important;
    padding-bottom:30px !important;
    animation:none !important;
}
#tabGrowth.active .growth-shell.growth-export-mode .growth-window-bar {
    position:relative !important;
    top:auto !important;
    margin-bottom:10px !important;
}
#tabGrowth.active .growth-shell.growth-export-mode #growthResultToolbar {
    display:none !important;
}
#tabGrowth.active .growth-shell.growth-export-mode #growthScanStage,
#tabGrowth.active .growth-shell.growth-export-mode #growthViewNikke {
    display:none !important;
}
#tabGrowth.active .growth-shell.growth-export-mode #growthViewProfile {
    display:block !important;
}
#tabGrowth.active .growth-shell.growth-export-mode #growthProfileResult {
    display:block !important;
    margin-top:0 !important;
    overflow:visible !important;
}
#tabGrowth.active .growth-shell.growth-export-mode .growth-applied-open,
#tabGrowth.active .growth-shell.growth-export-mode .growth-best-ol-toggle,
#tabGrowth.active .growth-shell.growth-export-mode .growth-account-type-guide-btn,
#tabGrowth.active .growth-shell.growth-export-mode .growth-element-type-guide-btn {
    display:none !important;
}
#tabGrowth.active .growth-shell.growth-export-mode .growth-best-head-tools {
    margin-left:auto !important;
    justify-content:flex-end !important;
}
#tabGrowth.active .growth-shell.growth-export-mode .growth-best-data-head {
    margin-left:auto !important;
}


/* ===== v35: 상단 명칭/지표 정리 + 조회 전 컴팩트 프레임 ===== */
/* TOTAL GROWTH COMBAT 헤더를 BEST NIKKE 헤더와 동일한 타이포로 통일 */
#tabGrowth.active .growth-main-card .growth-card-label {
    color:#eafcff !important;
    font-size:.9rem !important;
    line-height:1.2 !important;
    font-weight:700 !important;
    letter-spacing:.1em !important;
    text-shadow:none !important;
}
html.eden-theme-light #tabGrowth.active .growth-main-card .growth-card-label {
    color:#10252e !important;
}

/* LINK ONLINE 표시가 상단 바 우측까지 더 길게 뻗도록 확장 */
#tabGrowth.active .growth-window-status {
    min-width:250px;
    justify-content:flex-end;
    gap:8px;
}
#tabGrowth.active .growth-window-status i {
    width:31px;
}

/* 조회 전: SYSTEM READY 패널은 기존 크기를 그대로 유지하고, 바깥 growth-shell만 콘텐츠 높이에 맞춤 */
#tabGrowth.active .growth-shell:not(.growth-unlocked) {
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    overflow-y:hidden !important;
    padding-bottom:24px !important;
}
#tabGrowth.active .growth-shell:not(.growth-unlocked) .growth-window-bar {
    position:relative !important;
    top:auto !important;
    margin-bottom:18px !important;
}
/* 중요: growth-scan-stage / growth-scan-center 크기는 건드리지 않는다.
   기존 SYSTEM READY 패널의 520px~ 반응형 크기를 그대로 사용한다. */

/* 조회 완료 후에는 기존 전체 분석 팝업 높이/스크롤로 자연스럽게 확장 */
#tabGrowth.active .growth-shell.growth-unlocked:not(.growth-export-mode) {
    height:calc(100vh - 108px);
    min-height:620px;
    overflow-y:auto;
}

@media(max-width:760px) {
    #tabGrowth.active .growth-window-status { min-width:0; }
}

/* ===== v37: 상단 LINK ONLINE 바를 외곽 프레임 우측 끝까지 정확히 확장 =====
   direct-child max-width:100% 제한 때문에 오른쪽이 약 68px 일찍 끝나던 문제 수정 */
@media (min-width:1101px) {
    #tabGrowth.active .growth-window-bar {
        width:calc(100% + 68px) !important;
        max-width:none !important;
    }
}
@media (min-width:901px) and (max-width:1100px) {
    #tabGrowth.active .growth-window-bar {
        width:calc(100% + 44px) !important;
        max-width:none !important;
    }
}
@media (min-width:561px) and (max-width:900px) {
    #tabGrowth.active .growth-window-bar {
        width:calc(100% + 28px) !important;
        max-width:none !important;
    }
}
@media (max-width:560px) {
    #tabGrowth.active .growth-window-bar {
        width:calc(100% + 18px) !important;
        max-width:none !important;
    }
}


/* ===== v40: 니케 조회·비교에서는 프로필 전용 저장/새로고침 완전 숨김 ===== */
#growthResultToolbar.growth-nikke-mode .growth-toolbar-actions,
#growthResultToolbar.growth-nikke-mode #growthSaveBtn,
#growthResultToolbar.growth-nikke-mode #growthRefreshBtn {
    display:none !important;
}


/* ===== v41: 니케 상세 Y축 정렬 / 육성 기준 칩 ===== */
/* 옵션 행이 늘어나도 좌측 니케 이미지가 우측 상세 패널과 같은 Y축 높이까지 따라가도록 합니다. */
@media (min-width:801px) {
    #tabGrowth.active .growth-nikke-detail-layout {
        align-items:stretch !important;
    }
    #tabGrowth.active .growth-nikke-detail-visual {
        height:100% !important;
        min-height:0 !important;
    }
    #tabGrowth.active .growth-nikke-image-frame {
        flex:1 1 auto !important;
        height:100% !important;
        min-height:500px !important;
        max-height:none !important;
    }
}

/* 기존 '돌파·코어강화… 기준' 한 줄 대신 공개 가능한 반영 항목만 칩으로 표시 */
.growth-nikke-criteria {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    margin-top:11px;
}
.growth-nikke-criteria > span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:24px;
    padding:3px 9px;
    box-sizing:border-box;
    border:1px solid rgba(85,232,255,.17);
    border-radius:3px;
    background:rgba(85,232,255,.035);
    color:#91aab3;
    font-size:.64rem;
    font-weight:800;
    line-height:1;
    letter-spacing:.01em;
    white-space:nowrap;
}
html.eden-theme-light .growth-nikke-criteria > span {
    border-color:rgba(18,129,151,.18);
    background:rgba(18,129,151,.035);
    color:#526b74;
}


/* ===== v42: 니케 상세 이미지 하단을 OVERLOAD OPTION 마지막 행 하단에 정확히 정렬 ===== */
@media (min-width:801px) {
    #tabGrowth.active .growth-nikke-detail-visual {
        height:auto !important;
        min-height:0 !important;
        align-self:start !important;
    }
    #tabGrowth.active .growth-nikke-image-frame {
        flex:0 0 auto !important;
        height:var(--growth-nikke-match-height, 500px) !important;
        min-height:0 !important;
        max-height:none !important;
    }
}

/* ===== v44: 속성 카드 좌/우 2단 구조 + Y축 중앙 정렬 ===== */
.growth-analysis-element-meta {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
.growth-analysis-element-head {
    width:100%;
    min-height:100%;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:14px !important;
    text-align:initial !important;
}
.growth-analysis-element-name {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    min-width:0;
}
.growth-analysis-element-name img {
    width:36px !important;
    height:36px !important;
}
.growth-analysis-element-name strong {
    font-size:1.10rem !important;
    line-height:1.25 !important;
}
.growth-analysis-element-score {
    flex:none !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    justify-content:center !important;
    text-align:right !important;
}
.growth-analysis-element-score b {
    font-size:1.26rem !important;
    line-height:1 !important;
}
.growth-analysis-element-score span {
    margin-top:5px !important;
    font-size:.74rem !important;
    line-height:1.15 !important;
}
.growth-analysis-element-owned {
    display:none !important;
}

@media(max-width:700px) {
    .growth-analysis-element-meta {
        min-height:112px;
        padding:16px 15px !important;
    }
    .growth-analysis-element-head {
        gap:10px !important;
    }
}


/* ===== v50: 가이드 클릭영역 제한 + 미보유 분석 분리 + 팝업 X 정중앙 ===== */
/* 가이드 팝업은 실제 돋보기 버튼의 보이는 영역을 눌렀을 때만 동작 */
.growth-account-type-guide-btn,
.growth-element-type-guide-btn {
    position:relative !important;
    overflow:hidden !important;
    pointer-events:auto !important;
    isolation:isolate;
}
.growth-account-type-guide-btn::after,
.growth-element-type-guide-btn::after {
    content:none !important;
    display:none !important;
    pointer-events:none !important;
}
.growth-account-type-guide-btn svg,
.growth-element-type-guide-btn svg {
    pointer-events:none !important;
}
.growth-analysis-account,
.growth-analysis-element,
.growth-analysis-element-meta,
.growth-analysis-element-analysis {
    cursor:default;
}

/* 제목/상태/속성명은 UI 라벨이므로 드래그 선택하지 않음. 실제 분석 본문은 복사 가능 */
.growth-analysis-account-label,
.growth-analysis-account-type,
.growth-analysis-element-name,
.growth-analysis-element-name img,
.growth-analysis-element-score,
.growth-analysis-element-analysis > span {
    -webkit-user-select:none !important;
    user-select:none !important;
}
.growth-analysis-element-name img { pointer-events:none !important; }
.growth-analysis-account-desc,
.growth-analysis-element-analysis > p {
    -webkit-user-select:text !important;
    user-select:text !important;
    cursor:text !important;
}

/* 유형 설명 아래에 미보유 영향 문장을 별도 블록으로 분리 */
.growth-analysis-element-analysis > p.growth-analysis-element-missing {
    margin-top:10px !important;
    padding-top:9px !important;
    border-top:1px solid rgba(255,255,255,.075);
    color:#8fa8b1 !important;
    font-size:.71rem !important;
    line-height:1.58 !important;
}
html.eden-theme-light .growth-analysis-element-analysis > p.growth-analysis-element-missing {
    border-top-color:rgba(18,77,92,.12);
    color:#5f747c !important;
}

/* 안내 팝업 닫기 X를 정사각형의 기하학적 중앙에 고정 */
.growth-account-guide-close {
    position:relative !important;
    flex:0 0 32px !important;
    width:32px !important;
    height:32px !important;
    min-width:32px !important;
    min-height:32px !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
    color:transparent !important;
}
.growth-account-guide-close::before,
.growth-account-guide-close::after {
    content:'' !important;
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:13px !important;
    height:1.5px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:2px !important;
    background:#dffbff !important;
    transform-origin:center !important;
    pointer-events:none !important;
}
.growth-account-guide-close::before { transform:translate(-50%,-50%) rotate(45deg) !important; }
.growth-account-guide-close::after { transform:translate(-50%,-50%) rotate(-45deg) !important; }
html.eden-theme-light .growth-account-guide-close::before,
html.eden-theme-light .growth-account-guide-close::after { background:#173640 !important; }

/* ===== v57 · 니케별 커뮤니티 한마디 ===== */
#tabGrowth.active .growth-nikke-comment-panel {
    width:100%;
    margin-top:14px;
    padding:18px 20px 16px;
    box-sizing:border-box;
    overflow:hidden;
}
.growth-nikke-comment-loading {
    min-height:110px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#607b85;
    font-size:.72rem;
    letter-spacing:.03em;
}
.growth-nikke-comment-loading.is-error { color:#c87076; }
.growth-nikke-comment-head {
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:16px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(85,232,255,.15);
}
.growth-nikke-comment-head > div { min-width:0; display:flex; align-items:baseline; gap:10px; }
.growth-nikke-comment-head span {
    color:#bdeef7;
    font-size:.79rem;
    font-weight:900;
    letter-spacing:.08em;
    user-select:none;
}
.growth-nikke-comment-head small { color:#58737d; font-size:.61rem; user-select:none; }
.growth-nikke-comment-head strong { flex:none; color:#6e8b95; font-size:.66rem; font-weight:850; }
.growth-nikke-comment-mine {
    position:relative;
    width:min(640px,calc(100% - 28px));
    height:66px;
    min-height:66px;
    margin:13px auto 0;
    padding:9px 10px 9px 12px;
    display:grid;
    grid-template-columns:86px minmax(0,360px) 118px;
    justify-content:center;
    align-items:center;
    gap:10px;
    box-sizing:border-box;
    overflow:hidden;
    border:1px solid rgba(85,232,255,.22);
    border-radius:14px;
    background:
        linear-gradient(105deg,rgba(85,232,255,.055),transparent 33%,rgba(84,116,130,.035) 72%,rgba(85,232,255,.03)),
        rgba(6,17,24,.88);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 8px 24px rgba(0,0,0,.14);
}
.growth-nikke-comment-mine::before {
    content:"";
    position:absolute;
    left:14px;
    right:14px;
    top:0;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(85,232,255,.55),transparent);
    opacity:.72;
}
.growth-nikke-comment-mine-label {
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
    color:#8fb2bb;
    user-select:none;
    white-space:nowrap;
}
.growth-nikke-comment-mine-label i {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:20px;
    border:1px solid rgba(85,232,255,.28);
    border-radius:999px;
    background:rgba(85,232,255,.07);
    color:#8ee8f5;
    font-size:.50rem;
    font-style:normal;
    font-weight:950;
    letter-spacing:.06em;
}
.growth-nikke-comment-mine-label b {
    color:#789ba5;
    font-size:.60rem;
    font-weight:900;
    letter-spacing:.04em;
}
.growth-nikke-comment-mine-text {
    width:360px;
    min-width:0;
    max-width:100%;
    white-space:nowrap;
    overflow:visible;
    color:#eaf9fb;
    font-size:.86rem;
    line-height:1.2;
    font-weight:760;
    letter-spacing:.01em;
    text-align:center;
}
.growth-nikke-comment-editor {
    position:relative;
    width:360px;
    min-width:0;
    max-width:100%;
}
.growth-nikke-comment-editor::after {
    content:"";
    position:absolute;
    left:10px;
    right:10px;
    bottom:1px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(85,232,255,.28),transparent);
    pointer-events:none;
}
.growth-nikke-comment-editor input,
.growth-nikke-comment-compose input {
    width:100%;
    height:38px;
    padding:0 48px 0 13px;
    box-sizing:border-box;
    border:1px solid rgba(85,232,255,.20);
    border-radius:10px;
    outline:none;
    background:rgba(0,0,0,.28);
    color:#ecfbfd;
    font-size:.80rem;
    font-weight:650;
    letter-spacing:.01em;
    transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.growth-nikke-comment-editor input::placeholder,
.growth-nikke-comment-compose input::placeholder { color:#4f6c75; }
.growth-nikke-comment-editor input:focus,
.growth-nikke-comment-compose input:focus {
    border-color:rgba(85,232,255,.52);
    background:rgba(2,15,21,.72);
    box-shadow:0 0 0 2px rgba(85,232,255,.055),0 0 16px rgba(85,232,255,.055);
}
.growth-nikke-comment-counter {
    position:absolute;
    right:11px;
    top:50%;
    transform:translateY(-50%);
    color:#5d7b84;
    font-size:.58rem;
    font-weight:800;
    text-align:right;
    font-variant-numeric:tabular-nums;
    user-select:none;
    pointer-events:none;
}
.growth-nikke-comment-mine-actions {
    width:118px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px;
}
.growth-nikke-comment-mine-actions.is-single { grid-template-columns:1fr; }
.growth-nikke-comment-mine-actions button,
.growth-nikke-comment-compose button {
    height:34px;
    min-width:0;
    padding:0 9px;
    border:1px solid rgba(85,232,255,.24);
    border-radius:8px;
    background:rgba(85,232,255,.055);
    color:#a9dce5;
    font-size:.60rem;
    font-weight:850;
    cursor:pointer;
    transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease;
}
.growth-nikke-comment-mine-actions button:hover,
.growth-nikke-comment-compose button:hover {
    border-color:rgba(85,232,255,.52);
    color:#effdff;
    background:rgba(85,232,255,.09);
}
.growth-nikke-comment-mine-actions button:active,
.growth-nikke-comment-compose button:active { transform:translateY(1px); }
.growth-nikke-comment-mine-actions button.danger {
    border-color:rgba(255,99,110,.20);
    color:#bd7b80;
    background:rgba(255,75,87,.03);
}
.growth-nikke-comment-mine-actions button.sub {
    border-color:rgba(116,132,138,.18);
    color:#728a92;
    background:rgba(255,255,255,.018);
}
.growth-nikke-comment-compose { display:contents; }
.growth-nikke-comment-compose-actions { display:contents; }
.growth-nikke-comment-divider { height:1px; margin:13px 0; background:linear-gradient(90deg,transparent,rgba(85,232,255,.13),transparent); }
.growth-nikke-comment-grid,
.growth-nikke-comment-more-grid {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
}
.growth-nikke-comment-item {
    position:relative;
    min-width:0;
    height:112px;
    padding:10px 12px 10px;
    box-sizing:border-box;
    background:rgba(5,14,20,.78);
    overflow:hidden;
}
.growth-nikke-comment-item.is-top {
    border:1px solid rgba(228,190,92,.60);
    box-shadow:inset 0 0 12px rgba(210,171,70,.045);
}
.growth-nikke-comment-item.is-random {
    border:1px solid rgba(165,184,193,.34);
    box-shadow:inset 0 0 10px rgba(185,204,211,.025);
}
.growth-nikke-comment-item.is-empty {
    border:1px dashed rgba(111,136,145,.09);
    background:rgba(255,255,255,.008);
    box-shadow:none;
}
.growth-nikke-comment-item-head {
    min-height:24px;
    display:flex;
    align-items:center;
    gap:5px;
    padding-right:72px;
    user-select:none;
}
.growth-nikke-comment-rank {
    color:#d9b85f;
    font-size:.63rem;
    font-weight:950;
    letter-spacing:.05em;
}
.growth-nikke-comment-card-actions {
    position:absolute;
    right:8px;
    top:7px;
    display:flex;
    align-items:center;
    gap:4px;
}
.growth-nikke-comment-card-action {
    width:auto;
    height:24px;
    margin:0;
    padding:0 8px;
    border:0;
    border-radius:7px;
    background:#202a32;
    color:#8796a3;
    font-size:.61rem;
    font-weight:700;
    cursor:pointer;
}
.growth-nikke-comment-card-action:hover { color:#dce5eb; background:#29353e; }
.growth-nikke-comment-card-action.admin-delete:hover { color:#ff9ca4; background:#33252a; }
.growth-nikke-comment-card-action.report:hover { color:#dce5eb; }
.growth-nikke-comment-text {
    width:100%;
    margin-top:7px;
    overflow:visible;
    text-overflow:clip;
    white-space:nowrap;
    color:#d7e8ec;
    font-size:.92rem;
    line-height:1.25;
    font-weight:700;
    letter-spacing:-.02em;
    user-select:text;
}
.growth-nikke-comment-item-foot {
    position:absolute;
    left:11px;
    right:11px;
    bottom:9px;
    min-height:31px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
}
.growth-nikke-comment-recommend {
    width:auto;
    min-width:0;
    height:31px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    margin:0;
    padding:0 10px;
    box-sizing:border-box;
    border:1px solid #34444f;
    border-radius:9px;
    background:#1c2730;
    color:#dce5eb;
    font-size:.76rem;
    font-weight:900;
    cursor:pointer;
    user-select:none;
}
button.growth-nikke-comment-recommend:hover { color:#fff; border-color:#4a606d; background:#23313a; }
.growth-nikke-comment-recommend.active { color:#ffd05b; }
.growth-nikke-comment-recommend.disabled { cursor:default; opacity:.58; }
.growth-nikke-comment-recommend b { font-size:.76rem; font-weight:900; font-variant-numeric:tabular-nums; }
.growth-nikke-comment-thumb { font-size:.82rem; line-height:1; transform:translateY(-1px); }
.growth-nikke-comment-footer {
    min-height:32px;
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    gap:14px;
    margin-top:10px;
}
.growth-nikke-comment-footer > span { color:#526a73; font-size:.55rem; user-select:none; }
.growth-nikke-comment-footer i { display:inline-block; width:7px; height:7px; margin:0 4px 0 8px; border:1px solid; vertical-align:0; }
.growth-nikke-comment-footer i:first-child { margin-left:0; }
.growth-nikke-comment-footer i.gold { border-color:rgba(228,190,92,.75); }
.growth-nikke-comment-footer i.silver { border-color:rgba(165,184,193,.55); }
.growth-nikke-comment-more {
    flex:none !important;
    width:auto !important;
    min-width:76px;
    height:28px;
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    gap:3px;
    margin:0 !important;
    padding:0 10px !important;
    box-sizing:border-box;
    border:1px solid rgba(85,232,255,.18) !important;
    background:rgba(85,232,255,.035) !important;
    color:#718b94;
    font-size:.60rem;
    font-weight:850;
    cursor:pointer;
}
.growth-nikke-comment-more:not(:disabled):hover { color:#bdeef7; border-color:rgba(85,232,255,.42) !important; }
.growth-nikke-comment-more:disabled { opacity:.25; cursor:default; }
.growth-nikke-comment-more span { font-size:.85rem; margin-left:2px; }

.growth-nikke-comment-more-modal {
    position:fixed;
    inset:0;
    z-index:45000;
    display:none;
    align-items:center;
    justify-content:center;
    padding:30px;
    box-sizing:border-box;
    background:rgba(0,4,7,.78);
    backdrop-filter:blur(4px);
}
.growth-nikke-comment-more-box {
    width:min(1260px,94vw);
    max-height:min(820px,88vh);
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(85,232,255,.25);
    background:#071018;
    box-shadow:0 24px 80px rgba(0,0,0,.60),0 0 28px rgba(85,232,255,.06);
}
.growth-nikke-comment-more-head {
    flex:none;
    height:54px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:0 14px 0 18px;
    border-bottom:1px solid rgba(85,232,255,.14);
}
.growth-nikke-comment-more-head > div { display:flex; align-items:baseline; gap:10px; }
.growth-nikke-comment-more-head span { color:#c8f4fa; font-size:.78rem; font-weight:900; letter-spacing:.08em; }
.growth-nikke-comment-more-head small { color:#58727c; font-size:.59rem; }
.growth-nikke-comment-more-head button {
    width:30px;
    height:30px;
    padding:0;
    border:1px solid rgba(85,232,255,.18);
    background:rgba(85,232,255,.035);
    color:#78939c;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:1.15rem;
    line-height:1;
    cursor:pointer;
}
.growth-nikke-comment-more-head button:hover { color:#e6fbff; border-color:rgba(85,232,255,.42); }
.growth-nikke-comment-more-body {
    min-height:0;
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding:0;
}
.growth-nikke-comment-more-scroll {
    min-height:0;
    flex:1 1 auto;
    overflow-y:auto;
    padding:14px 16px 18px;
    scrollbar-width:thin;
    scrollbar-color:rgba(85,232,255,.20) rgba(0,0,0,.20);
}
.growth-nikke-comment-more-scroll::-webkit-scrollbar { width:8px; }
.growth-nikke-comment-more-scroll::-webkit-scrollbar-track { background:rgba(0,0,0,.20); }
.growth-nikke-comment-more-scroll::-webkit-scrollbar-thumb { background:rgba(85,232,255,.20); }
.growth-nikke-comment-pager {
    flex:none;
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px 14px;
    box-sizing:border-box;
    border-top:1px solid rgba(85,232,255,.12);
    background:rgba(3,11,16,.92);
}
.growth-nikke-comment-pager button {
    min-width:32px;
    height:30px;
    margin:0;
    padding:0 9px;
    border:1px solid rgba(85,232,255,.16);
    border-radius:5px;
    background:rgba(85,232,255,.025);
    color:#708991;
    font-size:.66rem;
    font-weight:850;
    cursor:pointer;
}
.growth-nikke-comment-pager button.nav { min-width:58px; }
.growth-nikke-comment-pager button:hover:not(:disabled) {
    color:#d7f9ff;
    border-color:rgba(85,232,255,.38);
    background:rgba(85,232,255,.07);
}
.growth-nikke-comment-pager button.active {
    color:#e9fdff;
    border-color:rgba(85,232,255,.52);
    background:rgba(85,232,255,.12);
    box-shadow:inset 0 0 12px rgba(85,232,255,.05);
}
.growth-nikke-comment-pager button:disabled { opacity:.28; cursor:default; }
.growth-nikke-comment-page-numbers { display:flex; align-items:center; gap:5px; }
.growth-nikke-comment-pager > span {
    margin-left:8px;
    color:#58727c;
    font-size:.61rem;
    font-weight:800;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
}
.growth-nikke-comment-more-mine {
    min-height:36px;
    display:grid;
    grid-template-columns:78px minmax(0,1fr);
    align-items:center;
    gap:10px;
    margin-bottom:12px;
    padding:6px 10px;
    border:1px solid rgba(85,232,255,.16);
    background:rgba(85,232,255,.025);
}
.growth-nikke-comment-more-mine span { color:#6d8d96; font-size:.58rem; font-weight:900; user-select:none; }
.growth-nikke-comment-more-mine strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#d9f1f5; font-size:.67rem; font-weight:700; }

html.eden-theme-light #tabGrowth.active .growth-nikke-comment-panel,
html.eden-theme-light .growth-nikke-comment-more-box { background:#f8fcfd; }
html.eden-theme-light .growth-nikke-comment-mine {
    background:linear-gradient(105deg,rgba(29,153,174,.055),transparent 38%),#f4f9fa;
    border-color:rgba(29,153,174,.20);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 22px rgba(24,69,79,.07);
}
html.eden-theme-light .growth-nikke-comment-item { background:#f2f7f8; }
html.eden-theme-light .growth-nikke-comment-mine-text,
html.eden-theme-light .growth-nikke-comment-text { color:#19343d; }
html.eden-theme-light .growth-nikke-comment-compose input { background:#fff; color:#19343d; }
html.eden-theme-light .growth-nikke-comment-recommend { background:#e8eef1; border-color:#c4d0d6; color:#425b66; }
html.eden-theme-light button.growth-nikke-comment-recommend:hover { background:#dde8ec; border-color:#9fb3bd; color:#173640; }
html.eden-theme-light .growth-nikke-comment-recommend.active { color:#a87900; }
html.eden-theme-light .growth-nikke-comment-pager {
    background:#f2f8fa;
    border-top-color:rgba(29,153,174,.16);
}
html.eden-theme-light .growth-nikke-comment-pager button {
    background:#fff;
    border-color:#c5d8de;
    color:#49656f;
}
html.eden-theme-light .growth-nikke-comment-pager button.active {
    color:#0f5968;
    border-color:#61aebe;
    background:#e8f6f8;
}

@media (max-width:1000px) {
    .growth-nikke-comment-grid,.growth-nikke-comment-more-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:700px) {
    #tabGrowth.active .growth-nikke-comment-panel { padding:14px 12px; }
    .growth-nikke-comment-head > div { display:block; }
    .growth-nikke-comment-head small { display:block; margin-top:4px; }
    .growth-nikke-comment-mine {
        width:100%;
        height:auto;
        min-height:66px;
        grid-template-columns:76px minmax(0,1fr) 106px;
        gap:7px;
        padding:9px;
    }
    .growth-nikke-comment-mine-text,.growth-nikke-comment-editor { width:100%; }
    .growth-nikke-comment-mine-actions { width:106px; }
    .growth-nikke-comment-mine-label { gap:4px; }
    .growth-nikke-comment-mine-label b { display:none; }
    .growth-nikke-comment-grid,.growth-nikke-comment-more-grid { grid-template-columns:1fr; }
    .growth-nikke-comment-more-modal { padding:12px; }
    .growth-nikke-comment-more-box { width:96vw; max-height:90vh; }
    .growth-nikke-comment-pager { gap:4px; padding:7px 8px; overflow-x:auto; justify-content:flex-start; }
    .growth-nikke-comment-pager > span { margin-left:auto; padding-right:4px; }
}

/* ===== v52 · 니케 한마디 운영 / 전용 차단 ===== */
#tabGrowth.active .growth-admin-subtab { position:relative; }
#tabGrowth.active .growth-admin-pending-badge {
    position:absolute;
    right:-7px;
    top:-7px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    box-sizing:border-box;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(255,91,104,.72);
    border-radius:10px;
    background:#3a1016;
    color:#ff8b94;
    font-size:.48rem;
    font-weight:950;
    line-height:1;
}
/* v56: 카드 우측 상단 액션은 주식 커뮤니티와 같은 텍스트 버튼 스타일을 사용합니다. */
.growth-nikke-comment-blocked {
    min-height:112px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    text-align:center;
}
.growth-nikke-comment-blocked strong { color:#d98a91; font-size:.78rem; letter-spacing:.03em; }
.growth-nikke-comment-blocked span { color:#725d62; font-size:.62rem; }

#tabGrowth.active #growthViewAdmin { padding:0; }
.growth-comment-admin-panel {
    width:100%;
    min-height:520px;
    padding:18px 20px 22px;
    box-sizing:border-box;
    border:1px solid rgba(85,232,255,.16);
    background:rgba(5,15,21,.78);
}
.growth-comment-admin-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding-bottom:13px;
    border-bottom:1px solid rgba(85,232,255,.14);
}
.growth-comment-admin-head > div { display:flex; align-items:baseline; gap:10px; min-width:0; }
.growth-comment-admin-head span { color:#c8f4fa; font-size:.82rem; font-weight:950; letter-spacing:.08em; }
.growth-comment-admin-head small { color:#58747d; font-size:.61rem; }
.growth-comment-admin-refresh {
    flex:none;
    width:31px;
    height:31px;
    padding:0;
    border:1px solid rgba(85,232,255,.20);
    background:rgba(85,232,255,.04);
    color:#87acb5;
    font-size:1rem;
    cursor:pointer;
}
.growth-comment-admin-refresh:hover { color:#e6fbff; border-color:rgba(85,232,255,.48); }
.growth-comment-admin-tabs {
    display:flex;
    gap:7px;
    padding:14px 0 12px;
}
.growth-comment-admin-tabs button {
    height:31px;
    padding:0 13px;
    border:1px solid rgba(85,232,255,.12);
    background:rgba(255,255,255,.018);
    color:#6d8891;
    font-size:.62rem;
    font-weight:850;
    cursor:pointer;
}
.growth-comment-admin-tabs button.active {
    border-color:rgba(85,232,255,.43);
    background:rgba(85,232,255,.075);
    color:#c8f4fa;
}
.growth-comment-admin-tabs b { color:inherit; font-size:.58rem; margin-left:3px; }
.growth-comment-admin-list { display:flex; flex-direction:column; gap:9px; }
.growth-comment-admin-empty {
    min-height:140px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#607b84;
    font-size:.68rem;
}
.growth-comment-admin-empty.is-error { color:#d2777e; }
.growth-comment-admin-card {
    padding:12px 13px;
    border:1px solid rgba(85,232,255,.14);
    background:rgba(3,11,16,.55);
}
.growth-comment-admin-card-head { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
.growth-comment-admin-card-head > div { min-width:0; display:flex; align-items:baseline; gap:9px; }
.growth-comment-admin-card-head b { color:#d7f6fa; font-size:.68rem; font-weight:900; }
.growth-comment-admin-card-head span { color:#567079; font-size:.55rem; }
.growth-comment-admin-card-head small { color:#708991; font-size:.59rem; white-space:nowrap; }
.growth-comment-admin-card-head small strong { color:#b7d4da; font-weight:850; }
.growth-comment-admin-content {
    margin-top:9px;
    padding:9px 10px;
    border:1px solid rgba(255,255,255,.055);
    background:rgba(255,255,255,.015);
}
.growth-comment-admin-content span { color:#58727b; font-size:.53rem; font-weight:850; }
.growth-comment-admin-content p {
    margin:5px 0 0;
    color:#dcecef;
    font-size:.70rem;
    line-height:1.35;
    white-space:pre-wrap;
    word-break:break-word;
    user-select:text;
}
.growth-comment-admin-actions {
    display:flex;
    justify-content:flex-end;
    flex-wrap:wrap;
    gap:6px;
    margin-top:10px;
}
.growth-comment-admin-actions button {
    height:28px;
    padding:0 10px;
    border:1px solid rgba(85,232,255,.18);
    background:rgba(85,232,255,.04);
    color:#8fb7bf;
    font-size:.57rem;
    font-weight:850;
    cursor:pointer;
}
.growth-comment-admin-actions button:hover { border-color:rgba(85,232,255,.46); color:#e7fbff; }
.growth-comment-admin-actions button.danger { border-color:rgba(255,82,96,.28); background:rgba(255,57,72,.05); color:#d27b82; }
.growth-comment-admin-actions button.danger:hover { border-color:rgba(255,82,96,.60); color:#ff9ba3; }
.growth-comment-admin-actions button.reverse { border-color:rgba(231,174,79,.26); background:rgba(231,174,79,.04); color:#c49a5c; }
.growth-comment-admin-actions button.reverse:hover { border-color:rgba(231,174,79,.58); color:#ecc57e; }
.growth-comment-admin-actions button.release { border-color:rgba(98,193,157,.28); color:#87c8ae; }
.growth-comment-admin-ban-info {
    display:flex;
    justify-content:space-between;
    gap:12px;
    margin-top:10px;
    color:#6f8991;
    font-size:.58rem;
}
.growth-comment-admin-history-row {
    display:grid;
    grid-template-columns:minmax(0,1.2fr) 140px minmax(0,1fr);
    gap:12px;
    align-items:center;
    min-height:50px;
    padding:8px 11px;
    border:1px solid rgba(85,232,255,.10);
    background:rgba(3,11,16,.42);
}
.growth-comment-admin-history-row > div { min-width:0; display:flex; flex-direction:column; gap:3px; }
.growth-comment-admin-history-row b { color:#c9e7eb; font-size:.65rem; }
.growth-comment-admin-history-row strong { color:#afcbd0; font-size:.61rem; }
.growth-comment-admin-history-row span { color:#627a82; font-size:.55rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

html.eden-theme-light .growth-comment-admin-panel,
html.eden-theme-light .growth-comment-admin-card { background:#f7fbfc; }
html.eden-theme-light .growth-comment-admin-content { background:#fff; }
html.eden-theme-light .growth-comment-admin-content p,
html.eden-theme-light .growth-comment-admin-card-head b,
html.eden-theme-light .growth-comment-admin-history-row b { color:#183740; }

@media (max-width:760px) {
    .growth-comment-admin-panel { padding:14px 12px 18px; }
    .growth-comment-admin-head > div { display:block; }
    .growth-comment-admin-head small { display:block; margin-top:4px; }
    .growth-comment-admin-tabs { overflow-x:auto; }
    .growth-comment-admin-tabs button { flex:none; }
    .growth-comment-admin-card-head { display:block; }
    .growth-comment-admin-card-head > div { display:block; }
    .growth-comment-admin-card-head span { display:block; margin-top:4px; }
    .growth-comment-admin-card-head small { display:block; margin-top:5px; white-space:normal; }
    .growth-comment-admin-ban-info { display:block; }
    .growth-comment-admin-ban-info span { display:block; margin-top:4px; }
    .growth-comment-admin-history-row { grid-template-columns:1fr; gap:6px; }
}
.growth-comment-admin-actions button.delete { border-color:rgba(190,122,131,.28); color:#b98087; background:rgba(190,90,102,.035); }
.growth-comment-admin-actions button.delete:hover { border-color:rgba(225,116,128,.55); color:#e79aa3; }


/* ===== v59 · 내 한마디 편집 전/후 Y축 완전 고정 ===== */
/*
 * 수정 모드에서 grid 재계산/컨트롤 높이 차이로 MY·입력창·버튼이 아래로 밀리지 않도록
 * 세 영역을 카드 중앙선에 직접 고정한다. 평상시와 편집시 좌표가 완전히 동일하다.
 */
.growth-nikke-comment-mine,
.growth-nikke-comment-mine.is-editing,
.growth-nikke-comment-mine.is-compose {
    position:relative !important;
    display:block !important;
    width:min(640px,calc(100% - 28px));
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    padding:0 !important;
    overflow:hidden;
}
.growth-nikke-comment-mine > .growth-nikke-comment-mine-label {
    position:absolute !important;
    left:12px !important;
    top:50% !important;
    width:86px;
    height:38px;
    margin:0 !important;
    transform:translateY(-50%) !important;
    display:flex !important;
    align-items:center !important;
    box-sizing:border-box;
}
.growth-nikke-comment-mine > .growth-nikke-comment-mine-text,
.growth-nikke-comment-mine > .growth-nikke-comment-editor {
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    width:360px !important;
    max-width:360px !important;
    margin:0 !important;
    transform:translate(-50%,-50%) !important;
    box-sizing:border-box;
}
.growth-nikke-comment-mine > .growth-nikke-comment-mine-text {
    height:38px;
    display:flex;
    align-items:center;
    justify-content:center;
    line-height:38px;
}
.growth-nikke-comment-mine > .growth-nikke-comment-editor {
    height:38px;
}
.growth-nikke-comment-mine > .growth-nikke-comment-editor input {
    display:block;
    height:38px !important;
    margin:0 !important;
}
.growth-nikke-comment-mine > .growth-nikke-comment-mine-actions {
    position:absolute !important;
    right:10px !important;
    top:50% !important;
    width:118px !important;
    height:34px;
    margin:0 !important;
    transform:translateY(-50%) !important;
    align-items:center;
    box-sizing:border-box;
}
.growth-nikke-comment-mine > .growth-nikke-comment-mine-actions button {
    height:34px !important;
    margin:0 !important;
}

@media (max-width:700px) {
    .growth-nikke-comment-mine,
    .growth-nikke-comment-mine.is-editing,
    .growth-nikke-comment-mine.is-compose {
        width:100%;
        height:66px !important;
        min-height:66px !important;
        max-height:66px !important;
    }
    .growth-nikke-comment-mine > .growth-nikke-comment-mine-label {
        left:9px !important;
        width:48px;
    }
    .growth-nikke-comment-mine > .growth-nikke-comment-mine-label b { display:none !important; }
    .growth-nikke-comment-mine > .growth-nikke-comment-mine-text,
    .growth-nikke-comment-mine > .growth-nikke-comment-editor {
        left:62px !important;
        right:122px !important;
        width:auto !important;
        max-width:none !important;
        transform:translateY(-50%) !important;
    }
    .growth-nikke-comment-mine > .growth-nikke-comment-mine-actions {
        right:9px !important;
        width:106px !important;
    }
}


/* v70: TOP 1~10의 노란 랭킹 강조는 유지하고 왕관 장식만 제거 */
#tabGrowth.active .growth-best-body { position:relative; }
#tabGrowth.active .growth-mini-tag.is-top-ten {
    position:relative;
    overflow:visible;
    color:#fff4c5;
    border-color:rgba(255,211,91,.42);
    background:linear-gradient(135deg,rgba(255,211,91,.13),rgba(119,255,208,.045));
    box-shadow:inset 0 0 12px rgba(255,211,91,.045);
}
#tabGrowth.active .growth-nikke-primary-top { position:relative; overflow:visible; }
#tabGrowth.active .growth-nikke-primary-top.is-top-ten {
    border-color:rgba(255,211,91,.23);
    border-left-color:#ffd35b;
    background:linear-gradient(105deg,rgba(255,211,91,.09),rgba(119,255,208,.035),rgba(0,0,0,.12));
}
#tabGrowth.active .growth-nikke-primary-top.is-top-ten > strong { color:#ffe48d; }

html.eden-theme-light #tabGrowth.active .growth-mini-tag.is-top-ten {
    color:#735700;
    border-color:rgba(176,128,0,.32);
    background:#fff8dc;
}
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-top.is-top-ten {
    border-color:rgba(176,128,0,.24);
    border-left-color:#c39300;
    background:linear-gradient(105deg,#fff8dc,#f4fbf8);
}
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-top.is-top-ten > strong { color:#8a6800; }


/* ===== v71: 육성분석 라이트모드 전체 대비/배경 재정비 =====
   다크모드는 그대로 유지하고 라이트 테마에서만 HUD/카드/그래프/니케 이미지 배경을 재정의합니다. */
html.eden-theme-light #tabGrowth.active {
    --growth-cyan:#087d9c;
    --growth-mint:#08745c;
    --growth-dim:#60757e;
    --growth-line:rgba(8,125,156,.22);
    color:#17323c;
}
html.eden-theme-light #tabGrowth.active .growth-shell {
    background:
        linear-gradient(180deg,rgba(250,253,254,.995),rgba(235,244,247,.995)),
        #f2f7f9;
    border-color:rgba(8,125,156,.38);
    box-shadow:0 24px 64px rgba(31,61,72,.18),0 0 0 1px rgba(255,255,255,.92) inset;
}
html.eden-theme-light #tabGrowth.active .growth-shell::before {
    opacity:.38;
    background:
        linear-gradient(90deg,rgba(8,125,156,.055) 1px,transparent 1px),
        linear-gradient(rgba(8,125,156,.04) 1px,transparent 1px);
    background-size:54px 54px;
}
html.eden-theme-light #tabGrowth.active .growth-shell::after { border-color:rgba(8,125,156,.095); }
html.eden-theme-light #tabGrowth.active .growth-window-bar {
    border-bottom-color:rgba(8,125,156,.22);
    background:linear-gradient(90deg,rgba(8,125,156,.12),rgba(255,255,255,.90) 48%,rgba(8,125,156,.055));
    color:#55717b;
}
html.eden-theme-light #tabGrowth.active .growth-window-id { color:#2c6575; text-shadow:none; }
html.eden-theme-light #tabGrowth.active .growth-window-status { color:#56747e; }
html.eden-theme-light #tabGrowth.active .growth-head { border-bottom-color:rgba(8,125,156,.18); }
html.eden-theme-light #tabGrowth.active .growth-head-copy h2 { color:#17323c; text-shadow:none; }
html.eden-theme-light #tabGrowth.active .growth-head-copy p { color:#60757e; }
html.eden-theme-light #tabGrowth.active .growth-subtab {
    border-color:rgba(8,125,156,.20);
    background:rgba(255,255,255,.76);
    color:#536c76;
    box-shadow:none;
}
html.eden-theme-light #tabGrowth.active .growth-subtab:hover {
    border-color:rgba(8,125,156,.48);
    background:#f2fafc;
    color:#17323c;
}
html.eden-theme-light #tabGrowth.active .growth-subtab.active {
    border-color:#087d9c;
    background:#087d9c;
    color:#fff;
    box-shadow:0 4px 14px rgba(8,125,156,.18);
}
html.eden-theme-light #tabGrowth.active .growth-query-row {
    border-color:rgba(8,125,156,.18);
    background:linear-gradient(90deg,rgba(8,125,156,.065),rgba(255,255,255,.72));
}
html.eden-theme-light #tabGrowth.active .growth-query-copy strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-query-copy span { color:#647a83; }
html.eden-theme-light #tabGrowth.active .growth-scan-stage {
    border-color:rgba(8,125,156,.24);
    background:radial-gradient(circle at 50% 45%,rgba(8,157,193,.09),transparent 43%),linear-gradient(180deg,#ffffff,#f0f7f9);
}
html.eden-theme-light #tabGrowth.active .growth-scan-stage::before {
    background-image:linear-gradient(rgba(8,125,156,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(8,125,156,.055) 1px,transparent 1px);
}
html.eden-theme-light #tabGrowth.active .growth-block { border-color:rgba(8,125,156,.20); background:rgba(8,125,156,.04); }
html.eden-theme-light #tabGrowth.active .growth-scan-kicker { color:#5f7b85; }
html.eden-theme-light #tabGrowth.active .growth-scan-message { color:#087d9c; text-shadow:none; }
html.eden-theme-light #tabGrowth.active .growth-scan-note { color:#637b84; }

/* 상단 프로필 / BEST NIKKE / 그래프 카드 */
html.eden-theme-light #tabGrowth.active .growth-card,
html.eden-theme-light #tabGrowth.active .growth-main-card,
html.eden-theme-light #tabGrowth.active .growth-best-card,
html.eden-theme-light #tabGrowth.active .growth-radar-card,
html.eden-theme-light #tabGrowth.active .growth-bars-card,
html.eden-theme-light #tabGrowth.active .growth-nikke-detail-card {
    border-color:rgba(8,125,156,.18);
    background:linear-gradient(145deg,#ffffff,#f7fbfc);
    box-shadow:0 8px 22px rgba(35,68,78,.055),inset 0 0 0 1px rgba(255,255,255,.75);
}
html.eden-theme-light #tabGrowth.active .growth-card::before { border-color:#1689a5; opacity:.52; }
html.eden-theme-light #tabGrowth.active .growth-card::after { border-color:#1689a5; opacity:.28; }
html.eden-theme-light #tabGrowth.active .growth-card-label,
html.eden-theme-light #tabGrowth.active .growth-best-head span,
html.eden-theme-light #tabGrowth.active .growth-best-data-head { color:#607780; }
html.eden-theme-light #tabGrowth.active .growth-best-head,
html.eden-theme-light #tabGrowth.active .growth-nikke-detail-toolbar,
html.eden-theme-light #tabGrowth.active .growth-nikke-option-title { border-color:rgba(8,125,156,.14); }
html.eden-theme-light #tabGrowth.active .growth-best-head strong,
html.eden-theme-light #tabGrowth.active .growth-best-name,
html.eden-theme-light #tabGrowth.active .growth-section-title { color:#17323c; text-shadow:none; }

/* 통합 육성도 / 랭킹 / 가입자 평균: 흰 글자가 흰 배경에 묻히던 문제 */
html.eden-theme-light #tabGrowth.active .growth-score-chip {
    border-left-color:#1689a5;
    background:linear-gradient(90deg,rgba(8,125,156,.105),rgba(8,125,156,.035));
}
html.eden-theme-light #tabGrowth.active .growth-score-chip > span { color:#506b75; }
html.eden-theme-light #tabGrowth.active .growth-score-chip > strong,
html.eden-theme-light #tabGrowth.active .growth-score-chip .growth-score-primary,
html.eden-theme-light #tabGrowth.active #growthTopValue {
    color:#17323c !important;
    text-shadow:none !important;
}
html.eden-theme-light #tabGrowth.active .growth-score-chip > strong > small { color:#667e87; }
html.eden-theme-light #tabGrowth.active .growth-meta { color:#617983; }

/* BEST NIKKE 이미지/옵션: 검은 이미지 배경 제거 */
html.eden-theme-light #tabGrowth.active .growth-best-image {
    border-color:rgba(8,125,156,.16);
    background:radial-gradient(circle at 50% 30%,rgba(8,157,193,.12),transparent 47%),linear-gradient(180deg,#f8fcfd,#e9f3f6);
}
html.eden-theme-light #tabGrowth.active .growth-mini-tag {
    border-color:rgba(8,116,92,.23);
    background:rgba(8,116,92,.055);
    color:#08745c;
}
html.eden-theme-light #tabGrowth.active .growth-best-option { border-bottom-color:rgba(8,125,156,.10); }
html.eden-theme-light #tabGrowth.active .growth-best-option > span { color:#506a74; }
html.eden-theme-light #tabGrowth.active .growth-best-option strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-best-option em { color:#08745c; }
html.eden-theme-light #tabGrowth.active .growth-best-pager { border-top-color:rgba(8,125,156,.11); }
html.eden-theme-light #tabGrowth.active .growth-best-pager button {
    border-color:rgba(8,125,156,.22);
    background:#f2f9fb;
    color:#087d9c;
}
html.eden-theme-light #tabGrowth.active .growth-best-pager button:hover:not(:disabled) { background:#e4f3f7; color:#075f78; }

/* 레이더 그래프: 격자/축/라벨/수치 대비 강화 */
html.eden-theme-light #tabGrowth.active .growth-radar-grid { stroke:rgba(25,104,126,.26); }
html.eden-theme-light #tabGrowth.active .growth-radar-axis { stroke:rgba(25,104,126,.22); }
html.eden-theme-light #tabGrowth.active .growth-radar-shape {
    fill:rgba(8,125,156,.16);
    stroke:#087d9c;
    filter:drop-shadow(0 2px 3px rgba(8,125,156,.14));
}
html.eden-theme-light #tabGrowth.active .growth-radar-dot { fill:#ffffff; stroke:#087d9c; }
html.eden-theme-light #tabGrowth.active .growth-radar-icon-ring { fill:#ffffff; stroke:rgba(8,125,156,.32); }
html.eden-theme-light #tabGrowth.active .growth-radar-icon { filter:drop-shadow(0 1px 2px rgba(36,72,82,.12)); }
html.eden-theme-light #tabGrowth.active .growth-radar-label { fill:#4c6872; }
html.eden-theme-light #tabGrowth.active .growth-radar-value { fill:#17323c; }

/* 속성 막대 그래프 */
html.eden-theme-light #tabGrowth.active .growth-bar-row { border-bottom-color:rgba(8,125,156,.10); }
html.eden-theme-light #tabGrowth.active .growth-bar-label { color:#3f5e69; }
html.eden-theme-light #tabGrowth.active .growth-bar-track {
    border-color:rgba(8,125,156,.18);
    background:#e8f0f3;
}
html.eden-theme-light #tabGrowth.active .growth-bar-track::after {
    background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(72,108,120,.12) calc(10% - 1px),rgba(72,108,120,.12) 10%);
}
html.eden-theme-light #tabGrowth.active .growth-bar-fill {
    background:linear-gradient(90deg,#4db9cf,#087d9c);
    box-shadow:0 2px 8px rgba(8,125,156,.16);
}
html.eden-theme-light #tabGrowth.active .growth-bar-value { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-bar-sub { color:#617983; }

/* 니케 목록 */
html.eden-theme-light #tabGrowth.active .growth-nikke-search-wrap input {
    border-color:rgba(8,125,156,.22);
    background:#ffffff;
    color:#17323c;
    box-shadow:inset 3px 0 0 rgba(8,125,156,.18);
}
html.eden-theme-light #tabGrowth.active .growth-nikke-search-clear { color:#657e87; }
html.eden-theme-light #tabGrowth.active .growth-nikke-count { color:#58717b; }
html.eden-theme-light #tabGrowth.active .growth-nikke-grid { scrollbar-color:rgba(8,125,156,.30) rgba(8,125,156,.07); }
html.eden-theme-light #tabGrowth.active .growth-nikke-grid::-webkit-scrollbar-track { background:rgba(8,125,156,.06); }
html.eden-theme-light #tabGrowth.active .growth-nikke-grid::-webkit-scrollbar-thumb { background:rgba(8,125,156,.28); }
html.eden-theme-light #tabGrowth.active .growth-nikke-card {
    border-color:rgba(8,125,156,.16);
    background:linear-gradient(180deg,#ffffff,#f2f8fa);
    color:#405d68;
}
html.eden-theme-light #tabGrowth.active .growth-nikke-card:hover {
    border-color:rgba(8,125,156,.48);
    background:linear-gradient(180deg,#ffffff,#e8f5f8);
    color:#17323c;
    box-shadow:0 6px 16px rgba(8,125,156,.10);
}
html.eden-theme-light #tabGrowth.active .growth-nikke-card img {
    background:radial-gradient(circle at 50% 30%,rgba(8,157,193,.10),transparent 48%),linear-gradient(180deg,#f8fcfd,#e8f2f5);
}
html.eden-theme-light #tabGrowth.active .growth-nikke-card span { color:#294852; }

/* 니케 상세 */
html.eden-theme-light #tabGrowth.active .growth-nikke-back-btn {
    border-color:rgba(8,125,156,.25);
    background:rgba(8,125,156,.06);
    color:#24677a;
}
html.eden-theme-light #tabGrowth.active .growth-nikke-back-btn:hover { background:rgba(8,125,156,.12); color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-nikke-data-count,
html.eden-theme-light #tabGrowth.active .growth-nikke-code,
html.eden-theme-light #tabGrowth.active .growth-nikke-detail-kicker,
html.eden-theme-light #tabGrowth.active .growth-nikke-detail-note { color:#5a747e; }
html.eden-theme-light #tabGrowth.active .growth-nikke-detail-info h3 { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-nikke-image-frame {
    border-color:rgba(8,125,156,.20);
    background:radial-gradient(circle at 50% 24%,rgba(8,157,193,.13),transparent 45%),linear-gradient(180deg,#fbfeff,#e8f3f6);
    box-shadow:inset 0 0 42px rgba(8,125,156,.04);
}
html.eden-theme-light #tabGrowth.active .growth-nikke-image-frame::after {
    background:linear-gradient(180deg,transparent 72%,rgba(221,238,243,.52));
}
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-score,
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-top {
    border-color:rgba(8,125,156,.17);
    background:linear-gradient(90deg,rgba(8,125,156,.075),rgba(255,255,255,.68));
}
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-score span,
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-top span { color:#5a727c; }
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-score strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-top strong { color:#08745c; }
html.eden-theme-light #tabGrowth.active .growth-nikke-primary-score em { color:#657d86; }
html.eden-theme-light #tabGrowth.active .growth-nikke-option-title span { color:#2c6879; }
html.eden-theme-light #tabGrowth.active .growth-nikke-option-title small { color:#647b84; }
html.eden-theme-light #tabGrowth.active .growth-nikke-option-head { color:#56717b; }
html.eden-theme-light #tabGrowth.active .growth-nikke-option-row {
    border-color:rgba(8,125,156,.11);
    background:rgba(8,125,156,.035);
}
html.eden-theme-light #tabGrowth.active .growth-nikke-option-row .label { color:#506a74; }
html.eden-theme-light #tabGrowth.active .growth-nikke-option-row .adoption { color:#31788a; }
html.eden-theme-light #tabGrowth.active .growth-nikke-option-row .average { color:#5b737c; }
html.eden-theme-light #tabGrowth.active .growth-nikke-option-row strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-nikke-option-row em { color:#08745c; }
html.eden-theme-light #tabGrowth.active .growth-nikke-no-option { color:#607780; border-color:rgba(8,125,156,.10); }

/* 통합 분석 */
html.eden-theme-light #tabGrowth.active .growth-integrated-analysis {
    border-color:rgba(8,125,156,.16);
    background:linear-gradient(135deg,rgba(8,125,156,.035),transparent 35%),#f8fcfd;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-head { border-bottom-color:rgba(8,125,156,.15); }
html.eden-theme-light #tabGrowth.active .growth-analysis-head span { color:#55717b; }
html.eden-theme-light #tabGrowth.active .growth-analysis-head strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-analysis-head em {
    border-color:rgba(8,116,92,.22);
    background:rgba(8,116,92,.055);
    color:#08745c;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-account {
    border-color:rgba(8,125,156,.17);
    border-left-color:#1689a5;
    background:linear-gradient(90deg,rgba(8,125,156,.09),rgba(8,125,156,.025) 58%,rgba(255,255,255,.45));
}
html.eden-theme-light #tabGrowth.active .growth-analysis-account::after { border-color:rgba(8,125,156,.09); }
html.eden-theme-light #tabGrowth.active .growth-analysis-account-label { color:#4f7180; }
html.eden-theme-light #tabGrowth.active .growth-analysis-account-type { color:#17323c; text-shadow:none; }
html.eden-theme-light #tabGrowth.active .growth-analysis-account-desc { color:#536b75; }
html.eden-theme-light #tabGrowth.active .growth-analysis-panel {
    border-color:rgba(8,125,156,.13);
    background:rgba(255,255,255,.72);
}
html.eden-theme-light #tabGrowth.active .growth-analysis-panel-head > span {
    border-color:rgba(8,125,156,.23);
    background:rgba(8,125,156,.04);
    color:#087d9c;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-panel-head > strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-analysis-brief-row {
    border-left-color:rgba(8,125,156,.40);
    background:rgba(8,125,156,.045);
}
html.eden-theme-light #tabGrowth.active .growth-analysis-brief-row i,
html.eden-theme-light #tabGrowth.active .growth-analysis-target-order { color:#087d9c; }
html.eden-theme-light #tabGrowth.active .growth-analysis-brief-row p { color:#294852; }
html.eden-theme-light #tabGrowth.active .growth-analysis-target {
    border-color:rgba(8,125,156,.10);
    background:#f5fafb;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-target img {
    border-color:rgba(8,125,156,.13);
    background:linear-gradient(180deg,#f8fcfd,#e7f1f4);
}
html.eden-theme-light #tabGrowth.active .growth-analysis-target-copy strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-analysis-target-copy span { color:#5b737c !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-target em { color:#08745c; }
html.eden-theme-light #tabGrowth.active .growth-analysis-element {
    border-color:rgba(8,125,156,.11);
    background:#ffffff;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-element-meta {
    border-right-color:rgba(8,125,156,.10);
    background:#f3f8fa;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-element-name strong,
html.eden-theme-light #tabGrowth.active .growth-analysis-element-score b { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-analysis-element-score span,
html.eden-theme-light #tabGrowth.active .growth-analysis-element-owned { color:#5f7881; }
html.eden-theme-light #tabGrowth.active .growth-analysis-element-analysis > span { color:#3f7180; }
html.eden-theme-light #tabGrowth.active .growth-analysis-element-analysis > p { color:#294852 !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-element-section {
    border-color:rgba(8,125,156,.10);
    background:#f7fbfc;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-element-section > p { color:#405b65; }

/* 적용 니케/기타 표 영역 */
html.eden-theme-light #tabGrowth.active .growth-applied-open {
    border-color:rgba(8,125,156,.25);
    background:rgba(8,125,156,.055);
    color:#17677b;
}
html.eden-theme-light #tabGrowth.active .growth-applied-open:hover:not(:disabled) { background:rgba(8,125,156,.11); color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-kpi { background:rgba(8,125,156,.04); border-color:rgba(8,125,156,.12); }
html.eden-theme-light #tabGrowth.active .growth-kpi span { color:#5a727c; }
html.eden-theme-light #tabGrowth.active .growth-kpi strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-option-table-wrap { border-top-color:rgba(8,125,156,.13); }
html.eden-theme-light #tabGrowth.active .growth-option-table th {
    color:#536d77;
    background:#edf5f7;
}
html.eden-theme-light #tabGrowth.active .growth-option-table th,
html.eden-theme-light #tabGrowth.active .growth-option-table td { border-bottom-color:rgba(8,125,156,.10); }
html.eden-theme-light #tabGrowth.active .growth-option-table td { color:#48636d; }
html.eden-theme-light #tabGrowth.active .growth-option-table td strong { color:#17323c; }
html.eden-theme-light #tabGrowth.active .growth-option-table td.top { color:#08745c; }

/* 라이트모드 스크롤바도 어두운 트랙이 남지 않도록 통일 */
html.eden-theme-light #tabGrowth.active .growth-shell::-webkit-scrollbar-track { background:rgba(8,125,156,.055); }
html.eden-theme-light #tabGrowth.active .growth-shell::-webkit-scrollbar-thumb { background:rgba(8,125,156,.28); border-color:rgba(240,247,249,.92); }

/* ===== v72: 통합 육성도/가입자 평균 본인 점수를 랭킹 값과 동일한 타이포로 통일 ===== */
#tabGrowth.active #growthScoreValue,
#tabGrowth.active #growthAverageValue {
    color:#dffcff !important;
    font-size:1.62rem !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:normal !important;
    text-shadow:none !important;
}
html.eden-theme-light #tabGrowth.active #growthScoreValue,
html.eden-theme-light #tabGrowth.active #growthAverageValue {
    color:#17323c !important;
    text-shadow:none !important;
}
@media(max-width:560px){
    #tabGrowth.active #growthScoreValue,
    #tabGrowth.active #growthAverageValue {
        font-size:1.25rem !important;
    }
}

/* ===== v74: 육성분석 라이트모드 2차 전체 대비/가독성 정비 ===== */
/* 라이트모드는 밝은 청록 텍스트를 그대로 쓰지 않고, 짙은 청록/청회색을 기본 축으로 사용합니다. */
html.eden-theme-light #tabGrowth.active {
    --growth-light-ink:#173640;
    --growth-light-ink-2:#294f5b;
    --growth-light-muted:#58727c;
    --growth-light-teal:#087d9c;
    --growth-light-teal-dark:#075f78;
    --growth-light-mint:#08745c;
    --growth-light-line:#a9cbd3;
    --growth-light-panel:#ffffff;
    --growth-light-panel-soft:#f1f7f9;
}

/* 상단 저장/새로고침: 흰 배경 위에서도 버튼 외곽과 글씨가 분명하게 보이도록 */
html.eden-theme-light #tabGrowth.active .growth-toolbar-actions .growth-refresh-btn {
    border-color:#8fbcc7 !important;
    background:linear-gradient(180deg,#ffffff,#e8f4f7) !important;
    color:#075f78 !important;
    box-shadow:0 2px 7px rgba(34,92,106,.08) !important;
}
html.eden-theme-light #tabGrowth.active .growth-toolbar-actions .growth-refresh-btn:hover:not(:disabled) {
    border-color:#4b9caf !important;
    background:#dceff3 !important;
    color:#123f4c !important;
    box-shadow:0 3px 10px rgba(34,92,106,.12) !important;
}
html.eden-theme-light #tabGrowth.active .growth-toolbar-actions .growth-save-btn {
    border-color:#91bdb2 !important;
    background:linear-gradient(180deg,#ffffff,#eaf5f1) !important;
    color:#0a6a55 !important;
    box-shadow:0 2px 7px rgba(35,104,87,.07) !important;
}

/* BEST NIKKE OL 스위치: ON 상태의 연한 민트/청록이 흰 배경에 묻히지 않게 */
html.eden-theme-light #tabGrowth.active .growth-best-ol-toggle {
    border-color:#b7cdd3 !important;
    background:#f4f8f9 !important;
    color:#536b74 !important;
}
html.eden-theme-light #tabGrowth.active .growth-best-ol-toggle:hover {
    border-color:#79aeba !important;
    background:#eaf4f6 !important;
    color:#294f5b !important;
}
html.eden-theme-light #tabGrowth.active .growth-best-ol-toggle.is-on {
    border-color:#5aa4b4 !important;
    background:#e2f2f5 !important;
    color:#075f78 !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.65) !important;
}
html.eden-theme-light #tabGrowth.active .growth-best-ol-switch {
    border-color:#9fb7bf !important;
    background:#dce7ea !important;
}
html.eden-theme-light #tabGrowth.active .growth-best-ol-switch i {
    background:#728b94 !important;
    box-shadow:0 1px 3px rgba(33,63,72,.22) !important;
}
html.eden-theme-light #tabGrowth.active .growth-best-ol-toggle.is-on .growth-best-ol-switch {
    border-color:#4b9caf !important;
    background:#bfe0e7 !important;
}
html.eden-theme-light #tabGrowth.active .growth-best-ol-toggle.is-on .growth-best-ol-switch i {
    background:#08745c !important;
    box-shadow:0 1px 4px rgba(8,116,92,.24) !important;
}
html.eden-theme-light #tabGrowth.active .growth-best-data-count,
html.eden-theme-light #tabGrowth.active .growth-best-data-head { color:#516b75 !important; }

/* 적용 니케 조회 팝업: 다크 배경이 남아 있던 카드/이미지/상태표시를 라이트 전용으로 완전 분리 */
html.eden-theme-light .growth-applied-overlay {
    background:rgba(218,231,236,.78) !important;
    backdrop-filter:blur(5px);
}
html.eden-theme-light .growth-applied-modal {
    border-color:#7db4c1 !important;
    background:
        linear-gradient(rgba(8,125,156,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(8,125,156,.035) 1px,transparent 1px),
        linear-gradient(145deg,#ffffff,#eef6f8 64%,#f7fbfc) !important;
    background-size:32px 32px,32px 32px,auto !important;
    box-shadow:0 24px 70px rgba(45,76,86,.22),0 0 0 1px rgba(255,255,255,.9) inset !important;
}
html.eden-theme-light .growth-applied-modal::before { border-color:#1689a5 !important; }
html.eden-theme-light .growth-applied-modal::after { border-color:rgba(22,137,165,.48) !important; }
html.eden-theme-light .growth-applied-head {
    border-bottom-color:#b4d1d8 !important;
    background:linear-gradient(90deg,#e7f3f6,#f8fcfd) !important;
}
html.eden-theme-light .growth-applied-kicker { color:#426b78 !important; }
html.eden-theme-light .growth-applied-head h3 { color:#173640 !important; text-shadow:none !important; }
html.eden-theme-light .growth-applied-head p { color:#526c76 !important; }
html.eden-theme-light .growth-applied-close {
    border-color:#9fc6cf !important;
    background:#ffffff !important;
    color:#315d69 !important;
}
html.eden-theme-light .growth-applied-close:hover {
    border-color:#559dac !important;
    background:#e7f3f6 !important;
    color:#173640 !important;
}
html.eden-theme-light .growth-applied-content {
    scrollbar-color:#8eb8c2 #e9f2f4 !important;
}
html.eden-theme-light .growth-applied-content::-webkit-scrollbar-track { background:#e9f2f4 !important; }
html.eden-theme-light .growth-applied-content::-webkit-scrollbar-thumb { background:#8eb8c2 !important; }
html.eden-theme-light .growth-applied-element {
    border-color:#b7d1d7 !important;
    background:#f8fbfc !important;
    box-shadow:0 3px 10px rgba(38,80,91,.045) !important;
}
html.eden-theme-light .growth-applied-element-head { border-bottom-color:#ccdde1 !important; }
html.eden-theme-light .growth-applied-element-title strong { color:#173640 !important; }
html.eden-theme-light .growth-applied-element-head > span { color:#55717b !important; }
html.eden-theme-light .growth-applied-nikke {
    border-color:#bfd3d8 !important;
    background:#ffffff !important;
    box-shadow:0 2px 7px rgba(39,79,89,.055) !important;
}
html.eden-theme-light .growth-applied-nikke.owned { border-color:#84bac5 !important; }
html.eden-theme-light .growth-applied-nikke.unowned {
    border-color:#cdd7da !important;
    background:#f0f3f4 !important;
    opacity:.62 !important;
}
html.eden-theme-light .growth-applied-image-wrap {
    background:radial-gradient(circle at 50% 31%,rgba(8,157,193,.14),transparent 55%),linear-gradient(180deg,#fbfeff,#e4eff2) !important;
}
html.eden-theme-light .growth-applied-nikke.unowned .growth-applied-image-wrap {
    background:linear-gradient(180deg,#f5f7f8,#e5eaec) !important;
}
html.eden-theme-light .growth-applied-state {
    border-color:#5ea5b5 !important;
    background:rgba(239,249,251,.94) !important;
    color:#075f78 !important;
    box-shadow:0 1px 4px rgba(28,82,96,.07) !important;
}
html.eden-theme-light .growth-applied-nikke.unowned .growth-applied-state {
    border-color:#b7c3c7 !important;
    background:rgba(247,249,249,.96) !important;
    color:#5e6e73 !important;
}
html.eden-theme-light .growth-applied-name { color:#294f5b !important; }
html.eden-theme-light .growth-applied-nikke.unowned .growth-applied-name { color:#65757b !important; }
html.eden-theme-light .growth-applied-empty { color:#58727c !important; }

/* ACCOUNT TYPE / 분석 유형: 외곽선과 내부 구획을 더 명확하게 */
html.eden-theme-light #tabGrowth.active .growth-integrated-analysis {
    border-color:#a9cbd3 !important;
    background:linear-gradient(145deg,#ffffff,#f1f7f9) !important;
    box-shadow:0 7px 20px rgba(40,79,89,.055) !important;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-account {
    border:1px solid #a5c8d0 !important;
    border-left:4px solid #087d9c !important;
    background:linear-gradient(90deg,#e8f4f7,#f8fbfc 67%,#ffffff) !important;
    box-shadow:0 3px 10px rgba(36,84,96,.055) !important;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-account::after { border-color:rgba(8,125,156,.13) !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-account-label { color:#3f6977 !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-account-type { color:#173640 !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-account-desc { color:#48646e !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-panel {
    border:1px solid #b7d0d6 !important;
    background:#ffffff !important;
    box-shadow:0 3px 10px rgba(40,78,88,.045) !important;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-panel-head {
    padding-bottom:9px;
    border-bottom:1px solid #d2e1e5;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-panel-head > span {
    border-color:#78acb9 !important;
    background:#e7f3f6 !important;
    color:#075f78 !important;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-panel-head > strong { color:#173640 !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-brief-row {
    border:1px solid #d0e0e4 !important;
    border-left:3px solid #72aeba !important;
    background:#f4f9fa !important;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-brief-row i { color:#426d79 !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-brief-row p { color:#294f5b !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-target {
    border-color:#cbdde1 !important;
    background:#f5f9fa !important;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-element {
    border:1px solid #bccfd4 !important;
    background:#ffffff !important;
    box-shadow:0 2px 8px rgba(39,77,87,.04) !important;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-element-meta {
    border-right-color:#c8dadd !important;
    background:#eef5f7 !important;
}
html.eden-theme-light #tabGrowth.active .growth-analysis-element-name strong,
html.eden-theme-light #tabGrowth.active .growth-analysis-element-score b { color:#173640 !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-element-score span,
html.eden-theme-light #tabGrowth.active .growth-analysis-element-analysis > span { color:#416773 !important; }
html.eden-theme-light #tabGrowth.active .growth-analysis-element-analysis > p { color:#294f5b !important; }

/* ACCOUNT TYPE / 속성 유형 안내 팝업도 카드 경계를 명확하게 */
html.eden-theme-light .growth-account-guide-overlay { background:rgba(220,232,237,.78) !important; }
html.eden-theme-light .growth-account-guide-modal {
    border-color:#86b8c3 !important;
    border-top-color:#1689a5 !important;
    background:linear-gradient(145deg,#ffffff,#edf5f7) !important;
    box-shadow:0 20px 60px rgba(43,75,84,.20) !important;
}
html.eden-theme-light .growth-account-guide-head { border-bottom-color:#bfd5da !important; }
html.eden-theme-light .growth-account-guide-head span { color:#426b78 !important; }
html.eden-theme-light .growth-account-guide-head strong { color:#173640 !important; }
html.eden-theme-light .growth-account-guide-current {
    border:1px solid #b8d7cf !important;
    border-left:4px solid #16806a !important;
    background:#eef8f4 !important;
    color:#3f6259 !important;
}
html.eden-theme-light .growth-account-guide-current strong { color:#08745c !important; }
html.eden-theme-light .growth-account-guide-item {
    border:1px solid #c4d7dc !important;
    border-left:3px solid #8ab9c4 !important;
    background:#ffffff !important;
}
html.eden-theme-light .growth-account-guide-item.is-current {
    border-color:#9fcbbf !important;
    border-left-color:#16806a !important;
    background:#eef8f4 !important;
}
html.eden-theme-light .growth-account-guide-item-head strong { color:#173640 !important; }
html.eden-theme-light .growth-account-guide-item-head em { color:#08745c !important; border-color:#9fcbbf !important; background:#edf8f4 !important; }
html.eden-theme-light .growth-account-guide-item p,
html.eden-theme-light .growth-element-guide-intro { color:#48646e !important; }
html.eden-theme-light .growth-element-guide-intro {
    border-left-color:#1689a5 !important;
    background:#eef7f9 !important;
}

/* 커뮤니티 한마디: 밝은 cyan 라벨/버튼/카드 액션을 라이트 전용 짙은 색으로 */
html.eden-theme-light #tabGrowth.active .growth-nikke-comment-panel {
    border-color:#accbd2 !important;
    background:linear-gradient(180deg,#ffffff,#f5f9fa) !important;
    box-shadow:0 5px 16px rgba(39,77,87,.045) !important;
}
html.eden-theme-light #tabGrowth.active .growth-nikke-comment-head { border-bottom-color:#c4d9de !important; }
html.eden-theme-light #tabGrowth.active .growth-nikke-comment-head span { color:#173640 !important; text-shadow:none !important; }
html.eden-theme-light #tabGrowth.active .growth-nikke-comment-head small { color:#5b737c !important; }
html.eden-theme-light #tabGrowth.active .growth-nikke-comment-head strong { color:#48646e !important; }
html.eden-theme-light .growth-nikke-comment-mine {
    border-color:#a8c8d0 !important;
    background:linear-gradient(105deg,#eaf5f7,#ffffff 48%,#f1f7f9) !important;
    box-shadow:inset 0 1px 0 #fff,0 4px 12px rgba(39,78,89,.055) !important;
}
html.eden-theme-light .growth-nikke-comment-mine::before {
    background:linear-gradient(90deg,transparent,#4c9eaf,transparent) !important;
    opacity:.48 !important;
}
html.eden-theme-light .growth-nikke-comment-mine-label { color:#496873 !important; }
html.eden-theme-light .growth-nikke-comment-mine-label i {
    border-color:#6ba9b6 !important;
    background:#e3f1f4 !important;
    color:#075f78 !important;
}
html.eden-theme-light .growth-nikke-comment-mine-label b { color:#496873 !important; }
html.eden-theme-light .growth-nikke-comment-mine-text { color:#173640 !important; }
html.eden-theme-light .growth-nikke-comment-editor input,
html.eden-theme-light .growth-nikke-comment-compose input {
    border-color:#aac8cf !important;
    background:#ffffff !important;
    color:#173640 !important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.8) !important;
}
html.eden-theme-light .growth-nikke-comment-editor input::placeholder,
html.eden-theme-light .growth-nikke-comment-compose input::placeholder { color:#789099 !important; }
html.eden-theme-light .growth-nikke-comment-editor input:focus,
html.eden-theme-light .growth-nikke-comment-compose input:focus {
    border-color:#5b9fad !important;
    background:#ffffff !important;
    box-shadow:0 0 0 2px rgba(8,125,156,.08) !important;
}
html.eden-theme-light .growth-nikke-comment-counter { color:#5c747d !important; }
html.eden-theme-light .growth-nikke-comment-mine-actions button,
html.eden-theme-light .growth-nikke-comment-compose button {
    border-color:#93b9c2 !important;
    background:#eaf4f6 !important;
    color:#075f78 !important;
}
html.eden-theme-light .growth-nikke-comment-mine-actions button:hover,
html.eden-theme-light .growth-nikke-comment-compose button:hover {
    border-color:#5399aa !important;
    background:#dceef2 !important;
    color:#173640 !important;
}
html.eden-theme-light .growth-nikke-comment-mine-actions button.danger {
    border-color:#d7aeb2 !important;
    background:#fff5f6 !important;
    color:#9a4c54 !important;
}
html.eden-theme-light .growth-nikke-comment-mine-actions button.sub {
    border-color:#c3d0d4 !important;
    background:#f4f6f7 !important;
    color:#586e76 !important;
}
html.eden-theme-light .growth-nikke-comment-divider {
    background:linear-gradient(90deg,transparent,#bfd5da,transparent) !important;
}
html.eden-theme-light .growth-nikke-comment-item {
    border-color:#c2d4d9;
    background:#ffffff !important;
    box-shadow:0 2px 7px rgba(37,76,86,.04);
}
html.eden-theme-light .growth-nikke-comment-item.is-top {
    border-color:#c9a846 !important;
    background:#fffdf5 !important;
}
html.eden-theme-light .growth-nikke-comment-item.is-random { border-color:#bcced4 !important; }
html.eden-theme-light .growth-nikke-comment-item.is-empty { background:#f6f9fa !important; border-color:#d5e0e3 !important; }
html.eden-theme-light .growth-nikke-comment-rank { color:#9a7412 !important; }
html.eden-theme-light .growth-nikke-comment-text { color:#173640 !important; }
html.eden-theme-light .growth-nikke-comment-card-action {
    background:#e7eef1 !important;
    color:#536873 !important;
}
html.eden-theme-light .growth-nikke-comment-card-action:hover {
    background:#d9e6ea !important;
    color:#173640 !important;
}
html.eden-theme-light .growth-nikke-comment-card-action.admin-delete:hover { color:#9b434c !important; background:#f7e8ea !important; }
html.eden-theme-light .growth-nikke-comment-recommend {
    border-color:#b4c7ce !important;
    background:#e9eff1 !important;
    color:#3f5862 !important;
}
html.eden-theme-light button.growth-nikke-comment-recommend:hover {
    border-color:#8caab4 !important;
    background:#dce8eb !important;
    color:#173640 !important;
}
html.eden-theme-light .growth-nikke-comment-recommend.active { color:#9b7100 !important; }
html.eden-theme-light .growth-nikke-comment-footer > span { color:#5a727b !important; }
html.eden-theme-light .growth-nikke-comment-more {
    border-color:#9fc0c8 !important;
    background:#eef6f8 !important;
    color:#315f6c !important;
}
html.eden-theme-light .growth-nikke-comment-more:not(:disabled):hover {
    border-color:#5f9fad !important;
    background:#deeff2 !important;
    color:#173640 !important;
}

/* 한마디 더보기 팝업도 동일한 라이트 대비 */
html.eden-theme-light .growth-nikke-comment-more-modal { background:rgba(219,231,235,.80) !important; }
html.eden-theme-light .growth-nikke-comment-more-box {
    border-color:#8db9c3 !important;
    background:#f8fbfc !important;
    box-shadow:0 22px 65px rgba(40,72,81,.20) !important;
}
html.eden-theme-light .growth-nikke-comment-more-head { border-bottom-color:#bfd5da !important; }
html.eden-theme-light .growth-nikke-comment-more-head span { color:#173640 !important; }
html.eden-theme-light .growth-nikke-comment-more-head small { color:#5b737c !important; }
html.eden-theme-light .growth-nikke-comment-more-head button {
    border-color:#abc8cf !important;
    background:#ffffff !important;
    color:#4e6871 !important;
}
html.eden-theme-light .growth-nikke-comment-more-head button:hover { border-color:#6ba4b0 !important; color:#173640 !important; background:#edf6f8 !important; }
html.eden-theme-light .growth-nikke-comment-more-scroll {
    scrollbar-color:#91b9c2 #e8f1f3 !important;
}
html.eden-theme-light .growth-nikke-comment-more-scroll::-webkit-scrollbar-track { background:#e8f1f3 !important; }
html.eden-theme-light .growth-nikke-comment-more-scroll::-webkit-scrollbar-thumb { background:#91b9c2 !important; }
html.eden-theme-light .growth-nikke-comment-pager {
    border-top-color:#bfd5da !important;
    background:#eef5f7 !important;
}
html.eden-theme-light .growth-nikke-comment-pager button {
    border-color:#b2cbd1 !important;
    background:#ffffff !important;
    color:#47636d !important;
}
html.eden-theme-light .growth-nikke-comment-pager button:hover:not(:disabled) {
    border-color:#6aa5b1 !important;
    background:#e3f1f4 !important;
    color:#173640 !important;
}
html.eden-theme-light .growth-nikke-comment-pager button.active {
    border-color:#4e9aaa !important;
    background:#d9edf1 !important;
    color:#075f78 !important;
}
html.eden-theme-light .growth-nikke-comment-pager > span { color:#536f79 !important; }

/* 운영 한마디도 같은 라이트 팔레트로 통일 */
html.eden-theme-light #tabGrowth.active .growth-comment-admin-panel {
    border-color:#aecbd2 !important;
    background:#f8fbfc !important;
}
html.eden-theme-light #tabGrowth.active .growth-comment-admin-head span { color:#173640 !important; }
html.eden-theme-light #tabGrowth.active .growth-comment-admin-head small { color:#5a727c !important; }
html.eden-theme-light #tabGrowth.active .growth-comment-admin-refresh,
html.eden-theme-light #tabGrowth.active .growth-comment-admin-tabs button {
    border-color:#b4ccd2 !important;
    background:#ffffff !important;
    color:#4d6670 !important;
}
html.eden-theme-light #tabGrowth.active .growth-comment-admin-tabs button.active {
    border-color:#5c9fab !important;
    background:#e1f0f3 !important;
    color:#075f78 !important;
}
html.eden-theme-light #tabGrowth.active .growth-comment-admin-card {
    border-color:#c2d5da !important;
    background:#ffffff !important;
}
html.eden-theme-light #tabGrowth.active .growth-comment-admin-card-head b,
html.eden-theme-light #tabGrowth.active .growth-comment-admin-history-row b { color:#173640 !important; }
html.eden-theme-light #tabGrowth.active .growth-comment-admin-card-head span,
html.eden-theme-light #tabGrowth.active .growth-comment-admin-card-head small,
html.eden-theme-light #tabGrowth.active .growth-comment-admin-history-row span { color:#5c747d !important; }