/* Approved blue editorial UI, presentation only. Existing quantities and event handlers remain authoritative. */ html.experience-v1 body.blue-editorial :is(#app,#annual-detail-modal) .annual-metric-glance-grid{display:block!important} html.experience-v1 body.blue-editorial :is(#app,#annual-detail-modal) .annual-metric-glance-item{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-height:64px!important;padding:14px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;box-shadow:none!important;gap:12px!important} html.experience-v1 body.blue-editorial :is(#app,#annual-detail-modal) .annual-metric-glance-label{font-size:16px!important;text-align:left!important} html.experience-v1 body.blue-editorial :is(#app,#annual-detail-modal) .annual-metric-glance-bar{display:none!important} html.experience-v1 body.blue-editorial :is(#app,#annual-detail-modal) .annual-metric-glance-item .metric-level-badge{font:600 24px/1.4 var(--font-display-kr)!important;color:#0863F7!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .report-appbar>strong{background:url('/assets/hyeonmyeong-logo-editorial-v1.png') center/52px 52px no-repeat!important;width:52px!important;height:52px!important;font-size:0!important;color:transparent!important} html.experience-v1 body.blue-editorial #app .editorial-home-title{margin-bottom:28px!important} html.experience-v1 body.blue-editorial #app .editorial-row-score small{padding:0 0 0 3px!important;background:transparent!important;color:#67738E!important;font-size:12px!important} html.experience-v1 body.blue-editorial #app :is(#report-root,#detail-root,#daily-root,#profile-root,#more-root){padding:32px 0 0!important;margin:0 auto!important;gap:0!important} html.experience-v1 body.blue-editorial #app .report-today-banner-copy small{color:#67738E!important;font-size:12px!important} html.experience-v1 body.blue-editorial #app .report-today-banner-arrow{color:#67738E!important;width:20px!important} html.experience-v1 body.blue-editorial #app .report-today-banner-icon{background:transparent!important;box-shadow:none!important} html.experience-v1:root{color-scheme:light;--ex-paper:#FFFFFF;--ex-paper-deep:#EDF4FF;--ex-surface:#FFFFFF;--ex-surface-solid:#FFFFFF;--ex-ink:#071A38;--ex-ink-soft:#67738E;--ex-ink-faint:#67738E;--ex-line:#DFE5EF;--ex-line-strong:#DFE5EF;--ex-blue:#0863F7;--ex-blue-wash:#EDF4FF;--ex-jade:#0863F7;--ex-amber:#0863F7;--ex-amber-ink:#0863F7;--ex-shadow:none;--gold:#0863F7;--gold-2:#0863F7;--paper:#FFFFFF;--ink:#071A38;--font-ui-kr:VisualPretendard,"Malgun Gothic",sans-serif;--font-display-kr:"Noto Serif KR",Batang,serif;--font-score-kr:var(--font-display-kr)} html.experience-v1 body.blue-editorial{background:#FFFFFF!important;color:#071A38!important;font-family:var(--font-ui-kr)!important;font-size:16px;line-height:1.7} html.experience-v1 body.blue-editorial #app{width:100%!important;max-width:1280px!important;margin:auto!important;background:#FFFFFF!important;box-shadow:none!important;overflow:visible!important} html.experience-v1 body.blue-editorial #app :is(.experience-energy-canvas,.experience-paper-grain,.experience-edge-mark,.experience-orbit-label,.experience-season-label,.experience-page-index){display:none!important} html.experience-v1 body.blue-editorial #app .screen{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0 24px 104px!important;min-height:100dvh;width:100%;max-width:none} html.experience-v1 body.blue-editorial #app :is(.report-root,.detail-root,.daily-home-root,.profile-root,.more-page-root){width:100%!important;max-width:720px!important;margin:0 auto!important;padding:32px 0 0!important} html.experience-v1 body.blue-editorial #app :is(.report-appbar,.input-appbar){position:relative!important;top:0!important;height:64px!important;min-height:64px!important;margin:0 -24px!important;padding:4px 24px!important;background:#FFFFFF!important;border:0!important;border-bottom:1px solid #DFE5EF!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center} html.experience-v1 body.blue-editorial #app .report-appbar:before,html.experience-v1 body.blue-editorial #app .report-appbar:after{display:none!important} html.experience-v1 body.blue-editorial #app .report-appbar img{width:52px!important;height:52px!important;object-fit:contain} html.experience-v1 body.blue-editorial #app :is(.report-appbar strong,.input-appbar strong){font:500 13px/1.4 var(--font-ui-kr)!important;color:#67738E!important;text-align:center;max-width:120px} html.experience-v1 body.blue-editorial #app .appbar-actions{justify-self:end} html.experience-v1 body.blue-editorial #app .icon-button{color:#67738E!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;min-height:44px!important;font:400 13px/1.4 var(--font-ui-kr)!important;gap:6px!important} html.experience-v1 body.blue-editorial #app :is(.icon-button svg,.input-page-back svg){width:20px!important;height:20px!important} html.experience-v1 body.blue-editorial #app :is(.back-button,.input-page-back){justify-self:start} html.experience-v1 body.blue-editorial #app :is(h1,h2){font-family:var(--font-display-kr)!important;color:#071A38!important;letter-spacing:-.035em!important;font-weight:600!important;text-shadow:none!important} html.experience-v1 body.blue-editorial #app :is(h1,.report-personality-copy h2,.experience-domain-hero-copy h2,.editorial-year-title,.timing-life-intro h2,.manse-basis-head h2){font-size:32px!important;line-height:1.4!important;margin:0 0 16px!important;word-break:keep-all;overflow-wrap:anywhere} html.experience-v1 body.blue-editorial #app h3{font:600 22px/1.5 var(--font-display-kr)!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app :is(p,.domain-profile-copy p){font-size:16px!important;line-height:1.7!important;color:#67738E!important;word-break:keep-all;overflow-wrap:anywhere} html.experience-v1 body.blue-editorial #app :is(button,input,select){font-family:var(--font-ui-kr)!important} html.experience-v1 body.blue-editorial #app :is(button,a,summary):focus-visible{outline:3px solid #0863F7!important;outline-offset:4px} html.experience-v1 body.blue-editorial #app :is(.paper-card,.report-hero,.report-primary-menu,.report-content-board,.domain-detail-head,.experience-domain-hero,.experience-domain-metric-board,.domain-profile-entry,.domain-profile-card,.domain-profile-summary-card,.domain-profile-interpretation,.daily-home-overview,.daily-home-action,.daily-home-categories,.timing-life-page,.timing-life-board,.more-page-section){background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;padding:0!important} html.experience-v1 body.blue-editorial #app :is(.report-hero,.report-primary-menu,.report-content-board,.daily-home-guidance,.daily-home-categories,.experience-domain-metric-board,.domain-profile-interpretation,.more-page-section){margin:0 0 32px!important} html.experience-v1 body.blue-editorial #app :is(.report-personality-type-label,.experience-domain-hero-copy>span,.eyebrow,.editorial-eyebrow){display:block;color:#0863F7!important;font:600 13px/1.6 var(--font-ui-kr)!important;margin:0 0 12px!important;letter-spacing:.04em!important} html.experience-v1 body.blue-editorial #app :is(.report-personality-type-icon,.report-personality-dashboard:before,.report-personality-dashboard:after,.report-today-banner:before,.experience-domain-hero:before,.experience-domain-hero:after){display:none!important} html.experience-v1 body.blue-editorial #app .report-personality-body{display:block!important} html.experience-v1 body.blue-editorial #app .report-personality-copy{padding:0!important} html.experience-v1 body.blue-editorial #app .report-personality-copy h2{max-width:100%!important} html.experience-v1 body.blue-editorial #app .report-personality-copy p{margin:0 0 24px!important} html.experience-v1 body.blue-editorial #app .report-personality-actions{display:flex!important;gap:12px!important;position:static!important;margin:0!important} html.experience-v1 body.blue-editorial #app :is(.gold-button,.intro-primary-button,.report-personality-detail-link,.domain-profile-entry-button){height:auto!important;min-height:52px!important;padding:14px 20px!important;border:1px solid #0863F7!important;border-radius:8px!important;background:#0863F7!important;color:white!important;box-shadow:none!important;text-shadow:none!important;font:600 16px/1.5 var(--font-ui-kr)!important;transform:none!important} html.experience-v1 body.blue-editorial #app :is(.gold-button,.intro-primary-button,.report-personality-detail-link,.domain-profile-entry-button):hover{background:#0750CA!important} html.experience-v1 body.blue-editorial #app .domain-profile-entry-button :is(strong,span,small){color:inherit!important} html.experience-v1 body.blue-editorial #app .domain-profile-entry-copy strong{font-size:16px!important} html.experience-v1 body.blue-editorial #app .domain-profile-entry-icon{display:none!important} html.experience-v1 body.blue-editorial #app :is(.report-profile-save-button,.contextual-profile-save-button,.birth-step-previous,.saved-profile-manage-button){background:transparent!important;color:#0863F7!important;border:1px solid #DFE5EF!important;border-radius:8px!important;min-height:44px!important;padding:10px 14px!important;box-shadow:none!important;font-size:14px!important} html.experience-v1 body.blue-editorial #app .report-today-banner{background:#EDF4FF!important;border:0!important;border-radius:8px!important;box-shadow:none!important;padding:16px!important;margin:0 0 32px!important} html.experience-v1 body.blue-editorial #app .report-today-banner-copy strong{font-size:16px!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app :is(.report-today-banner-icon,.has-report-icon,.report-category-icon,.report-period-menu-arrow){color:#0863F7!important} html.experience-v1 body.blue-editorial #app :is(.report-primary-menu-grid,.report-primary-menu-more-grid,.report-period-menu-grid,.report-content-list){display:grid!important;grid-template-columns:1fr!important;gap:0!important} html.experience-v1 body.blue-editorial #app :is(.report-primary-menu-card,.report-period-menu-card,.report-content-feature){background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;padding:16px 0!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:16px!important;transform:none!important;text-align:left!important} html.experience-v1 body.blue-editorial #app :is(.report-primary-menu-card strong,.report-period-menu-card strong,.report-content-feature strong){font-size:16px!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app .report-primary-menu-card>.has-report-icon{width:24px!important;height:24px!important;margin:0!important;background:transparent!important;border:0!important} html.experience-v1 body.blue-editorial #app .report-category-icon{width:24px!important;height:24px!important} html.experience-v1 body.blue-editorial #app .report-primary-menu-card:after{color:#67738E!important;margin-left:auto} html.experience-v1 body.blue-editorial #app .report-period-menu-group{padding-top:24px!important;border-top:0!important;margin-top:8px!important} html.experience-v1 body.blue-editorial #app .report-menu-group-head{margin-bottom:8px!important} html.experience-v1 body.blue-editorial #app .report-period-menu-arrow{margin-left:auto!important;width:20px!important} html.experience-v1 body.blue-editorial #app :is(.report-content-new-badge,.report-analysis-menu-toggle){color:#0863F7!important;background:#EDF4FF!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .report-content-topic-icon{background:transparent!important;border:0!important;width:32px!important} html.experience-v1 body.blue-editorial #app .experience-domain-hero{display:flex!important;flex-direction:column!important;gap:0!important} html.experience-v1 body.blue-editorial #app .experience-domain-hero-copy{order:0;margin-bottom:24px!important} html.experience-v1 body.blue-editorial #app .experience-domain-metric-board{order:1;width:100%!important;border-top:1px solid #DFE5EF!important;padding-top:24px!important} html.experience-v1 body.blue-editorial #app .experience-domain-visual{order:2;width:100%!important;max-width:380px!important;margin:0 auto 24px!important;background:#EDF4FF!important;border-radius:8px!important;padding:12px!important} html.experience-v1 body.blue-editorial #app .experience-domain-metric-grid{display:block!important} html.experience-v1 body.blue-editorial #app .experience-domain-metric-card{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:64px!important;width:100%!important;padding:12px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;box-shadow:none!important;text-align:left!important;gap:16px!important} html.experience-v1 body.blue-editorial #app .experience-domain-metric-label{font-size:16px!important;font-weight:600!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app .experience-domain-metric-bar{display:none!important} html.experience-v1 body.blue-editorial #app .editorial-metric-grade{font:600 28px/1.4 var(--font-display-kr)!important;color:#0863F7!important} html.experience-v1 body.blue-editorial #app :is(.domain-profile-shell,.domain-profile-viewport,.domain-profile-card){width:100%!important;max-width:680px!important;margin:0 auto!important;min-height:0!important;height:auto!important;overflow:visible!important} html.experience-v1 body.blue-editorial #app .domain-profile-card-head{padding:0!important;gap:12px!important} html.experience-v1 body.blue-editorial #app .domain-profile-card-head h1{font-size:32px!important} html.experience-v1 body.blue-editorial #app :is(.domain-profile-definition,.domain-profile-score-line){padding:16px 0!important;margin:0!important;background:transparent!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .domain-profile-interpretation-frame{position:relative!important;margin:32px 0!important;padding:0 0 52px!important;height:auto!important} html.experience-v1 body.blue-editorial #app .domain-profile-copy{min-height:0!important;padding:0!important} html.experience-v1 body.blue-editorial #app .domain-profile-copy p strong{color:#071A38!important} html.experience-v1 body.blue-editorial #app .domain-profile-arrow{top:auto!important;bottom:0!important;transform:none!important;width:44px!important;height:44px!important;background:transparent!important;color:#0863F7!important;border:1px solid #DFE5EF!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .domain-profile-arrow.is-prev{left:0!important} html.experience-v1 body.blue-editorial #app .domain-profile-arrow.is-next{right:0!important} html.experience-v1 body.blue-editorial #app .domain-profile-metric-navigation{margin-top:24px!important;padding-top:16px!important;border-top:1px solid #DFE5EF!important;position:static!important;background:transparent!important} html.experience-v1 body.blue-editorial #app .domain-profile-metric-navigation button{min-height:44px!important;border-radius:8px!important;box-shadow:none!important;background:#EDF4FF!important;color:#0863F7!important} html.experience-v1 body.blue-editorial #app .domain-profile-progress{display:none!important} html.experience-v1 body.blue-editorial #app .annual-radar-head{padding:0!important;text-align:left!important} html.experience-v1 body.blue-editorial #app .annual-radar-head h2{font-size:32px!important;line-height:1.4!important} html.experience-v1 body.blue-editorial #app .annual-radar-section{margin:0 0 32px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .editorial-annual-rows{margin:24px 0} html.experience-v1 body.blue-editorial #app .editorial-annual-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 12px;align-items:center;gap:16px;border:0;border-bottom:1px solid #DFE5EF;background:transparent;width:100%;padding:18px 0;text-align:left;min-height:80px;color:#071A38} html.experience-v1 body.blue-editorial #app .editorial-row-label{font-size:18px} html.experience-v1 body.blue-editorial #app .editorial-annual-row .editorial-row-score{font:600 36px/1.2 var(--font-display-kr);color:#0863F7;font-variant-numeric:tabular-nums} html.experience-v1 body.blue-editorial #app .editorial-row-score small{font:400 12px var(--font-ui-kr);background:none;padding:0 0 0 3px;color:#67738E} html.experience-v1 body.blue-editorial #app .editorial-row-status{font-size:13px;padding:5px 9px;background:#EDF4FF;color:#0863F7;border-radius:6px;white-space:nowrap} html.experience-v1 body.blue-editorial #app .editorial-row-status.is-normal{background:#efede8;color:#67738E} html.experience-v1 body.blue-editorial #app .editorial-row-status.is-bad{background:#f9ecea;color:#B42318} html.experience-v1 body.blue-editorial #app .editorial-annual-row strong{font:600 22px/1.4 var(--font-display-kr)} html.experience-v1 body.blue-editorial #app .editorial-annual-row b{font:600 36px/1.2 var(--font-display-kr);color:#0863F7;font-variant-numeric:tabular-nums} html.experience-v1 body.blue-editorial #app .editorial-annual-row small{font-size:14px;padding:6px 10px;background:#EDF4FF;color:#0863F7;border-radius:6px;white-space:nowrap} html.experience-v1 body.blue-editorial #app .editorial-annual-row small.is-normal{background:#efede8;color:#67738E} html.experience-v1 body.blue-editorial #app .editorial-annual-row small.is-bad{background:#f9ecea;color:#B42318} html.experience-v1 body.blue-editorial #app .editorial-radar-disclosure{border-bottom:1px solid #DFE5EF;margin:12px 0 24px} html.experience-v1 body.blue-editorial #app .editorial-radar-disclosure summary{padding:12px 0;cursor:pointer;color:#0863F7;font-size:14px;min-height:44px} html.experience-v1 body.blue-editorial #app .annual-radar-chart{max-width:420px!important;margin:auto!important;background:transparent!important;border:0!important} html.experience-v1 body.blue-editorial #app :is(.annual-overall-inline,.annual-overall-inline-panel,.annual-overall-inline-list,.annual-metric-glance-grid,.annual-glance-metric-grid){background:transparent!important;box-shadow:none!important;border-radius:0!important;gap:0!important} html.experience-v1 body.blue-editorial #app :is(.annual-metric-glance,.annual-glance-metric,.annual-metric-note-trigger){background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;padding:14px 0!important;min-height:56px!important} html.experience-v1 body.blue-editorial #app .annual-group-list{display:grid!important;grid-template-columns:1fr!important;gap:0!important} html.experience-v1 body.blue-editorial #app .annual-group-head{background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;padding:16px 0!important;min-height:56px!important} html.experience-v1 body.blue-editorial #app .annual-group-icon{color:#0863F7!important;background:transparent!important;width:24px!important;height:24px!important} html.experience-v1 body.blue-editorial #app .annual-group-head strong{font-size:16px!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app .annual-breakdown{margin-top:32px!important;padding:0!important} html.experience-v1 body.blue-editorial #app .daily-date-navigation{background:transparent!important;border-bottom:1px solid #DFE5EF!important;padding:0 0 16px!important;margin-bottom:24px!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .daily-date-navigation button{border-radius:6px!important;min-height:44px!important} html.experience-v1 body.blue-editorial #app .daily-date-navigation button.is-active{background:#EDF4FF!important;color:#0863F7!important} html.experience-v1 body.blue-editorial #app .daily-home-overview{display:flex!important;flex-direction:column!important} html.experience-v1 body.blue-editorial #app .daily-home-score-card{display:flex!important;align-items:center!important;gap:16px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:16px 0!important;margin:0 0 24px!important;order:-1} html.experience-v1 body.blue-editorial #app .daily-home-gauge{width:auto!important;height:auto!important;aspect-ratio:auto!important;position:static!important;background:transparent!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .daily-home-gauge svg{display:none!important} html.experience-v1 body.blue-editorial #app .daily-home-score-number{position:static!important;transform:none!important;display:flex!important;align-items:baseline!important;gap:8px!important} html.experience-v1 body.blue-editorial #app .daily-home-score-number strong{font:600 56px/1.2 var(--font-display-kr)!important;color:#0863F7!important} html.experience-v1 body.blue-editorial #app .daily-home-score-number small{font-size:14px!important;color:#67738E!important} html.experience-v1 body.blue-editorial #app .daily-home-score-label strong{background:#EDF4FF!important;color:#0863F7!important;border-radius:6px!important;padding:6px 12px!important;font-size:14px!important} html.experience-v1 body.blue-editorial #app .daily-home-intro h1{font-size:26px!important} html.experience-v1 body.blue-editorial #app .daily-home-action-points p{padding:16px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important} html.experience-v1 body.blue-editorial #app .daily-home-action-points p strong{color:#071A38!important} html.experience-v1 body.blue-editorial #app .daily-fortune-list{display:block!important} html.experience-v1 body.blue-editorial #app .daily-fortune-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:18px 0!important;min-height:72px!important} html.experience-v1 body.blue-editorial #app .daily-fortune-card-head strong{font-size:18px!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app .daily-fortune-card-icon{background:transparent!important;color:#0863F7!important;width:24px!important;height:24px!important} html.experience-v1 body.blue-editorial #app .daily-fortune-card-bar{display:none!important} html.experience-v1 body.blue-editorial #app .daily-fortune-card-score{display:flex!important;gap:12px!important;align-items:center!important} html.experience-v1 body.blue-editorial #app .daily-fortune-card-score strong{font:600 32px/1.2 var(--font-display-kr)!important;color:#0863F7!important} html.experience-v1 body.blue-editorial #app .daily-fortune-card-score small{color:#67738E!important;font-size:14px!important} html.experience-v1 body.blue-editorial #app :is(.daily-home-rationale,.timing-life-board,.more-page-group,.more-profile-list){background:transparent!important;box-shadow:none!important;border:1px solid #DFE5EF!important;border-radius:8px!important} html.experience-v1 body.blue-editorial #app .timing-life-row{background:transparent!important;border-bottom:1px solid #DFE5EF!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .timing-life-row.is-current{background:#EDF4FF!important} html.experience-v1 body.blue-editorial #app .timing-life-head{background:#EDF4FF!important;color:#67738E!important} html.experience-v1 body.blue-editorial #app .timing-life-year-list b{color:#0863F7!important;background:transparent!important;box-shadow:none!important;border:0!important} html.experience-v1 body.blue-editorial #app .timing-life-year-list.is-caution b{color:#67738E!important} html.experience-v1 body.blue-editorial #app .manse-pillars{border:1px solid #DFE5EF!important;border-radius:6px!important;overflow:hidden} html.experience-v1 body.blue-editorial #app .manse-row-head{background:#EDF4FF!important} html.experience-v1 body.blue-editorial #app :is(.manse-row,.manse-cell,.manse-pillar-head){border-color:#DFE5EF!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .manse-token{font-family:var(--font-display-kr)!important;font-size:44px!important} html.experience-v1 body.blue-editorial #app .manse-hidden-chip{border-color:#DFE5EF!important;box-shadow:none!important;max-width:100%} html.experience-v1 body.blue-editorial #app .contextual-evidence-section{margin-top:32px!important;background:transparent!important} html.experience-v1 body.blue-editorial #app :is(.contextual-evidence-card,.contextual-evidence-group){background:transparent!important;box-shadow:none!important;border-color:#DFE5EF!important;border-radius:0!important} html.experience-v1 body.blue-editorial #app :is(.more-action-row,.saved-profile-row){background:transparent!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;min-height:64px!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .more-profile-empty{padding:32px 0!important} html.experience-v1 body.blue-editorial #app .report-brand-continuity{max-width:720px;margin:32px auto 0!important;padding:0!important;background:transparent!important;border:0!important} html.experience-v1 body.blue-editorial #app .brand-continuity-note{color:#67738E!important;font-size:12px!important;line-height:1.7!important} html.experience-v1 body.blue-editorial #app .bottom-nav{position:fixed!important;bottom:0!important;top:auto!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;height:calc(64px + env(safe-area-inset-bottom))!important;padding:0 16px env(safe-area-inset-bottom)!important;border:0!important;border-top:1px solid #DFE5EF!important;border-radius:0!important;background:#FFFFFF!important;box-shadow:none!important;z-index:80!important;display:grid;grid-template-columns:repeat(4,1fr);gap:0!important} html.experience-v1 body.blue-editorial #app .bottom-nav.is-hidden{display:none!important} html.experience-v1 body.blue-editorial #app .bottom-nav button{border:0!important;border-top:2px solid transparent!important;box-shadow:none!important;background:transparent!important;color:#67738E!important;border-radius:0!important;font-size:12px!important;padding:8px 0!important;min-width:0!important;gap:4px!important} html.experience-v1 body.blue-editorial #app .bottom-nav button.is-active{color:#0863F7!important;border-top-color:#0863F7!important} html.experience-v1 body.blue-editorial #app .bottom-nav svg{width:22px!important;height:22px!important} html.experience-v1 body.blue-editorial #app .bottom-nav button:before,html.experience-v1 body.blue-editorial #app .bottom-nav button:after{display:none!important} html.experience-v1 body.blue-editorial #app .screen-intro{max-width:600px!important;margin:auto!important;padding-top:32px!important;padding-bottom:32px!important} html.experience-v1 body.blue-editorial #app :is(.intro-content,.intro-actions){position:static!important;width:100%!important;padding:0!important;max-width:none!important;background:transparent!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .intro-brand-mark{margin:0 0 32px!important} html.experience-v1 body.blue-editorial #app .intro-brand-mark img{width:80px!important;height:80px!important;object-fit:contain} html.experience-v1 body.blue-editorial #app .intro-hero-title{font-size:36px!important;line-height:1.5!important;text-align:left!important;margin-bottom:16px!important} html.experience-v1 body.blue-editorial #app .intro-hero-context{text-align:left!important} html.experience-v1 body.blue-editorial #app .intro-social-proof{margin:24px 0!important;background:#EDF4FF!important;border-radius:8px!important;color:#67738E!important;padding:12px 16px!important} html.experience-v1 body.blue-editorial #app .intro-social-proof strong{color:#0863F7!important} html.experience-v1 body.blue-editorial #app :is(.intro-feature-card,.intro-mini-card){border:0!important;border-top:1px solid #DFE5EF!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:20px 0!important;margin:0!important;min-height:0!important} html.experience-v1 body.blue-editorial #app .intro-mini-cards{display:grid!important;grid-template-columns:1fr 1fr!important;gap:24px!important} html.experience-v1 body.blue-editorial #app .intro-hero-title span{font:inherit!important;color:inherit!important} html.experience-v1 body.blue-editorial #app :is(.intro-feature-card,.intro-mini-card):before,html.experience-v1 body.blue-editorial #app :is(.intro-feature-card,.intro-mini-card):after{display:none!important} html.experience-v1 body.blue-editorial #app .intro-mini-card h3{font-size:19px!important;margin:12px 0 4px!important} html.experience-v1 body.blue-editorial #app :is(.intro-person-visual,.intro-mini-meter,.intro-person-orbit){display:none!important} html.experience-v1 body.blue-editorial #app .intro-mini-icon{background:transparent!important;color:#0863F7!important} html.experience-v1 body.blue-editorial #app .intro-primary-button{margin-top:24px!important;width:100%!important} html.experience-v1 body.blue-editorial #app :is(.intro-trust-note,.input-trust-note){font-size:12px!important} html.experience-v1 body.blue-editorial #app .screen-home{max-width:600px!important;margin:auto!important} html.experience-v1 body.blue-editorial #app .birth-form{padding:32px 0 0!important} html.experience-v1 body.blue-editorial #app :is(.home-hero,.birth-step-hero){margin:0 0 24px!important;padding:0!important;text-align:left!important} html.experience-v1 body.blue-editorial #app :is(.birth-step-hero h1,.home-hero h1){font-size:28px!important} html.experience-v1 body.blue-editorial #app :is(.input-card,.birth-details-card,.input-identity-card,.birth-date-direct-card){background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important;margin:24px 0!important} html.experience-v1 body.blue-editorial #app :is(input:not([type=radio]):not([type=checkbox]):not([type=hidden]),select){background:#fff!important;color:#071A38!important;border:1px solid #DFE5EF!important;border-radius:8px!important;min-height:52px!important;font-size:16px!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app :is(.segmented,.birth-date-direct-fields){background:transparent!important} html.experience-v1 body.blue-editorial #app .segmented label input:checked+span{background:#EDF4FF!important;color:#0863F7!important;border-color:#0863F7!important} html.experience-v1 body.blue-editorial #app .birth-time-unknown-toggle{margin-top:20px!important;padding:16px 0!important;border-top:1px solid #DFE5EF!important} html.experience-v1 body.blue-editorial #app .birth-step-actions{gap:12px!important;margin-top:32px!important} html.experience-v1 body.blue-editorial #app .screen-loading{max-width:600px!important;margin:auto!important;padding-top:80px!important} html.experience-v1 body.blue-editorial #app .loading-report-stack,html.experience-v1 body.blue-editorial #app #loading-percent,html.experience-v1 body.blue-editorial #app .loading-bar{display:none!important} html.experience-v1 body.blue-editorial #app .loading-panel{background:transparent!important;border:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .loading-intro h1{font-size:28px!important} body.blue-editorial :is(.share-sheet-panel,.saved-profile-manager-panel,.annual-detail-modal,.annual-detail-modal-panel,.annual-metric-note-modal,.annual-metric-note-panel,.daily-category-modal,.daily-category-modal-panel,.fortune-pass-dialog){background:#FFFFFF!important;color:#071A38!important;border:0!important;border-radius:16px 16px 0 0!important;box-shadow:0 12px 40px #071A3820!important;max-width:560px!important} body.blue-editorial :is(.share-sheet-panel,.saved-profile-manager-panel){padding:24px!important;max-height:90dvh!important;overflow-y:auto!important} body.blue-editorial :is(.share-sheet-header h2,.saved-profile-manager-header h2,.annual-detail-modal h2,.annual-metric-note-modal h2,.daily-category-modal h2){font:600 24px/1.5 var(--font-display-kr)!important;color:#071A38!important} body.blue-editorial :is(.share-sheet-option,.saved-profile-manager-row){background:transparent!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important} body.blue-editorial .share-sheet-option-copy strong{font-size:16px!important;color:#071A38!important} body.blue-editorial .share-sheet-option-copy small{font-size:14px!important;color:#67738E!important;line-height:1.7!important} body.blue-editorial :is(.share-sheet-option-icon,.share-sheet-chevron){color:#0863F7!important;background:#EDF4FF!important} body.blue-editorial :is(.annual-detail-modal-body,.annual-metric-note-body,.daily-category-modal-body){padding:24px!important;font:400 16px/1.7 var(--font-ui-kr)!important;color:#071A38!important;max-height:70dvh!important;overflow:auto!important} body.blue-editorial :is(.annual-detail-modal-body,.annual-metric-note-body,.daily-category-modal-body) p{font-size:16px!important;line-height:1.7!important} body.blue-editorial :is(.annual-detail-modal-header,.annual-metric-note-header,.daily-category-modal-header){padding:24px!important;background:#FFFFFF!important;border-bottom:1px solid #DFE5EF!important} body.blue-editorial :is(.annual-detail-modal-close,.annual-metric-note-close,.daily-category-modal-close,.share-sheet-close,.saved-profile-manager-close){width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:0!important;box-shadow:none!important;background:transparent!important;color:#67738E!important} body.blue-editorial dialog::backdrop{background:rgba(21,37,53,.38)!important} body.blue-editorial .editorial-side-nav{display:none} body.blue-editorial .editorial-side-nav button[aria-current="page"]{background:#EDF4FF!important;color:#0863F7!important;border-left:3px solid #0863F7!important} @media(min-width:768px){html.experience-v1 body.blue-editorial #app .screen{padding-left:32px!important;padding-right:32px!important}html.experience-v1 body.blue-editorial #app .report-appbar{margin:0 -32px!important;padding:4px 32px!important}} @media(min-width:1024px){ html.experience-v1 body.blue-editorial #app .screen{padding:104px 32px 48px 264px!important;min-height:100vh} html.experience-v1 body.blue-editorial #app :is(.screen-intro,.screen-home,.screen-loading){padding:48px 24px!important} html.experience-v1 body.blue-editorial #app .report-appbar{position:fixed!important;top:0!important;left:max(0px,calc((100vw - 1280px)/2))!important;width:min(100%,1280px)!important;height:72px!important;margin:0!important;padding:8px 32px!important;z-index:90!important;grid-template-columns:160px auto 160px!important} html.experience-v1 body.blue-editorial #app .report-appbar .back-button{display:none!important} html.experience-v1 body.blue-editorial #app .report-appbar>strong{justify-self:start!important;grid-column:1} html.experience-v1 body.blue-editorial #app .report-appbar .appbar-actions{grid-column:3} html.experience-v1 body.blue-editorial #app .bottom-nav:not(.is-hidden){top:0!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:480px!important;height:72px!important;border:0!important;background:transparent!important;padding:0!important;z-index:100!important} html.experience-v1 body.blue-editorial #app .bottom-nav button{flex-direction:row!important;gap:8px!important;border-top:0!important;border-bottom:2px solid transparent!important;font-size:14px!important} html.experience-v1 body.blue-editorial #app .bottom-nav button.is-active{border-bottom-color:#0863F7!important} html.experience-v1 body.blue-editorial #app .bottom-nav svg{width:20px!important} body.blue-editorial:is(.is-report-view,.is-detail-view,.is-daily-view,.is-more-view,.is-profile-view) .editorial-side-nav{display:block;position:fixed;top:104px;left:max(32px,calc((100vw - 1280px)/2 + 32px));width:200px;max-height:calc(100vh - 130px);overflow:auto;z-index:70;border-right:1px solid #DFE5EF;padding-right:24px} body.blue-editorial .editorial-side-nav button{display:block;width:100%;padding:12px 8px;border:0;border-bottom:1px solid #DFE5EF;background:transparent;text-align:left;color:#67738E;font-size:14px;min-height:44px} body.blue-editorial .editorial-side-nav button:hover{background:#EDF4FF;color:#0863F7} html.experience-v1 body.blue-editorial #app :is(.report-root,.detail-root,.daily-home-root,.profile-root,.more-page-root){padding-top:0!important;max-width:960px!important} html.experience-v1 body.blue-editorial #app :is(.profile-root,.daily-home-root,.more-page-root){max-width:720px!important} html.experience-v1 body.blue-editorial #app :is(h1,.report-personality-copy h2,.experience-domain-hero-copy h2,.annual-radar-head h2){font-size:40px!important} html.experience-v1 body.blue-editorial #app .report-primary-menu-grid,html.experience-v1 body.blue-editorial #app .report-primary-menu-more-grid{grid-template-columns:1fr 1fr!important;column-gap:32px!important} html.experience-v1 body.blue-editorial #app .annual-detail{display:grid!important;grid-template-columns:minmax(0,1fr);gap:32px!important} body.blue-editorial :is(.share-sheet-panel,.saved-profile-manager-panel,.annual-detail-modal,.annual-metric-note-modal,.daily-category-modal,.fortune-pass-dialog){border-radius:12px!important} } @media(min-width:1200px){html.experience-v1 body.blue-editorial #app .annual-detail{grid-template-columns:minmax(0,1fr) 260px!important;align-items:start} html.experience-v1 body.blue-editorial #app .annual-detail>.annual-radar-section{grid-column:1;grid-row:1 / span 2} html.experience-v1 body.blue-editorial #app .annual-detail>.annual-overall-inline{grid-column:2;grid-row:1} html.experience-v1 body.blue-editorial #app .annual-detail>.annual-breakdown{grid-column:2;grid-row:2;margin-top:0!important} } @media(max-width:380px){html.experience-v1 body.blue-editorial #app .screen{padding-left:16px!important;padding-right:16px!important}html.experience-v1 body.blue-editorial #app .report-appbar{margin:0 -16px!important;padding-left:16px!important;padding-right:16px!important}html.experience-v1 body.blue-editorial #app .manse-token{font-size:38px!important}.editorial-annual-row{gap:10px!important}} @media(prefers-reduced-motion:reduce){body.blue-editorial *,body.blue-editorial *:before,body.blue-editorial *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} html.experience-v1 body.blue-editorial #app .report-appbar>strong{font-size:0!important;color:transparent!important;overflow:hidden!important} html.experience-v1 body.blue-editorial #app .editorial-row-score small{padding:0 0 0 3px!important;background:transparent!important;color:#67738E!important;font-size:12px!important} html.experience-v1 body.blue-editorial #app .manse-basis-head{background:transparent!important;border:0!important;padding:0 0 24px!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app #profile-root :is(.domain-profile-card,.domain-profile-summary-card,.domain-profile-interpretation){background:transparent!important;border:0!important;padding:0!important;min-height:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-interpretation-frame{min-height:0!important;grid-template-columns:1fr!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-arrow.is-previous{left:0!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-arrow.is-previous svg{transform:rotate(180deg)!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-overview{display:grid!important;grid-template-columns:minmax(0,1fr) 120px!important;align-items:center!important;gap:16px!important;margin:0 0 32px!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-intro{text-align:left!important;min-width:0!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-intro p{display:none!important} html.experience-v1 body.blue-editorial #app #daily-root #daily-home-heading{font-size:22px!important;line-height:1.55!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-score-card{width:120px!important;display:flex!important;flex-direction:column!important;gap:8px!important;order:0!important;margin:0!important;padding:0!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-gauge{position:relative!important;display:block!important;width:120px!important;height:120px!important;min-width:120px!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-gauge svg{display:block!important;width:120px!important;height:120px!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-gauge-track{stroke:#dce8fc!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-gauge-value{stroke:#0863F7!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-score-number{position:absolute!important;inset:0!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:0!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-score-number strong{font-size:32px!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-score-label{margin:0!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-guidance-icon{background:#EDF4FF!important;color:#0863F7!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-intro{display:block!important;grid-column:1!important;grid-row:1!important;width:100%!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-score-card{grid-column:2!important;grid-row:1!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-gauge:before,html.experience-v1 body.blue-editorial #app #daily-root .daily-home-gauge:after{display:none!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-fortune-card{width:100%!important;max-width:none!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-categories{background:transparent!important;padding:0!important} html.experience-v1 body.blue-editorial #app :is(.report-primary-menu-more,.report-primary-menu-more-grid){width:100%!important;max-width:none!important;margin:0!important} html.experience-v1 body.blue-editorial #app .report-period-menu-eyebrow{color:#0863F7!important} html.experience-v1 body.blue-editorial #app .report-period-current-meta{color:#0863F7!important} html.experience-v1 body.blue-editorial #app #daily-root #daily-home-heading{word-break:keep-all!important;overflow-wrap:normal!important} html.experience-v1 body.blue-editorial #app #detail-root :is(.timing-life-intro,.timing-life-overview){padding:0!important;margin:0 0 32px!important;background:transparent!important;border:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .timing-life-value.is-caution{background:transparent!important} html.experience-v1 body.blue-editorial #app #more-root :is(.more-section-button,.more-birth-button,.more-current-save-button){background:transparent!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important;min-height:72px!important} html.experience-v1 body.blue-editorial #app #more-root .more-section-icon{background:#EDF4FF!important;color:#0863F7!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app #more-root .more-profile-list{background:transparent!important;border:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app #more-root .more-page-intro{padding:0!important;margin:0 0 32px!important} html.experience-v1 body.blue-editorial #app #more-root .more-page-intro span{font:600 32px/1.4 var(--font-display-kr)!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app .timing-life-year-list span{color:#0863F7!important;background:transparent!important;border:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app .timing-life-year-list.is-caution span,html.experience-v1 body.blue-editorial #app .timing-life-head .is-caution{color:#67738E!important;background:transparent!important} html.experience-v1 body.blue-editorial #app #more-root :is(.more-saved-section,.more-input-section){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important} /* Reference comparison corrections, 2026-10-24. Presentation only. */ html.experience-v1 body.blue-editorial :is(.experience-energy-canvas,.experience-paper-grain,.experience-edge-mark,.experience-orbit-label,.experience-season-label,.experience-page-index){display:none!important} html.experience-v1 body.blue-editorial #app :is(h1,h2,h3,h4){font-family:"Noto Serif KR",Batang,serif!important;font-weight:600!important;letter-spacing:-.035em!important} html.experience-v1 body.blue-editorial #app :is(.report-appbar,.input-appbar){height:56px!important;min-height:56px!important;border:0!important;padding-top:0!important;padding-bottom:0!important} html.experience-v1 body.blue-editorial #app .report-appbar>strong{background-image:url('/assets/hyeonmyeong-logo-editorial-v1.png')!important;background-size:56px 56px!important;width:56px!important;height:56px!important} html.experience-v1 body.blue-editorial #app .icon-button{font-size:14px!important;letter-spacing:0!important;font-weight:400!important} html.experience-v1 body.blue-editorial #app :is(#report-root,#detail-root,#daily-root,#profile-root,#more-root){padding-top:24px!important} html.experience-v1 body.blue-editorial #app :is(.editorial-home-title,.experience-domain-hero-copy h2,.editorial-year-title,.annual-radar-head h2){font-size:32px!important;line-height:1.4!important} html.experience-v1 body.blue-editorial #app .editorial-home-title{margin-bottom:24px!important;white-space:nowrap;letter-spacing:-.06em!important} html.experience-v1 body.blue-editorial #app .report-personality-type-label{margin-bottom:8px!important} html.experience-v1 body.blue-editorial #app .report-personality-copy h2{font-size:28px!important;margin-bottom:8px!important} html.experience-v1 body.blue-editorial #app .report-personality-copy p{margin-bottom:20px!important;font-weight:400!important} html.experience-v1 body.blue-editorial #app .report-personality-actions{width:100%!important} html.experience-v1 body.blue-editorial #app .report-personality-detail-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:24px!important;flex:1!important} html.experience-v1 body.blue-editorial #app .report-personality-save-control{position:static!important;flex:0 0 72px!important;height:52px!important;padding:0 10px!important} html.experience-v1 body.blue-editorial #app .editorial-cta-arrow{width:20px;height:20px;flex:none;fill:none;stroke:currentColor} html.experience-v1 body.blue-editorial #app .report-today-banner{background:transparent!important;border-top:1px solid #DFE5EF!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;padding:16px 0!important;margin-bottom:24px!important} html.experience-v1 body.blue-editorial #app .report-today-banner-icon{width:40px!important;height:40px!important;background:#EDF4FF!important;border-radius:8px!important;display:grid!important;place-items:center!important} html.experience-v1 body.blue-editorial #app .report-dashboard-head{margin:0!important;display:block!important} html.experience-v1 body.blue-editorial #app .report-dashboard-head h3{margin:0!important} html.experience-v1 body.blue-editorial #app .editorial-section-description{font-size:14px!important;font-weight:400!important;margin:4px 0 16px!important;line-height:1.65!important} html.experience-v1 body.blue-editorial #app .report-primary-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important} html.experience-v1 body.blue-editorial #app .report-primary-menu-card{gap:8px!important;padding:12px 0!important;min-height:56px!important} html.experience-v1 body.blue-editorial #app .report-primary-menu-card strong{font-size:14px!important;font-weight:500!important;line-height:1.5!important;white-space:normal!important} html.experience-v1 body.blue-editorial #app .report-primary-menu-card>.has-report-icon,html.experience-v1 body.blue-editorial #app .report-period-menu-icon{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;flex:none!important;background:#EDF4FF!important;border-radius:8px!important;opacity:1!important} html.experience-v1 body.blue-editorial #app :is(.report-category-icon,.report-primary-menu-card .has-report-icon svg){display:block!important;width:22px!important;height:22px!important;opacity:1!important;color:#0863F7!important} html.experience-v1 body.blue-editorial #app .editorial-menu-arrow{width:18px!important;height:18px!important;flex:none!important;margin-left:auto!important;color:#67738E;fill:none;stroke:currentColor} html.experience-v1 body.blue-editorial #app .report-primary-menu-card:after{display:none!important} html.experience-v1 body.blue-editorial #app .report-period-menu-group{margin-top:24px!important;padding-top:24px!important;border-top:1px solid #DFE5EF!important} html.experience-v1 body.blue-editorial #app .report-period-menu-group h4{font-size:22px!important;line-height:1.5!important;margin:0!important} html.experience-v1 body.blue-editorial #app .report-period-menu-group p{font-size:14px!important;margin:4px 0 12px!important} html.experience-v1 body.blue-editorial #app .report-period-menu-copy small{display:none!important} html.experience-v1 body.blue-editorial #app .report-period-menu-card{padding:12px 0!important;gap:12px!important} /* Domain: primary list, a separate chart, all metrics and the original reading action. */ html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-hero{display:flex!important;gap:0!important} html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-hero-copy{margin:0 0 24px!important} html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-hero-copy h2{margin:8px 0 12px!important;max-width:100%!important} html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-hero-copy p{font-weight:400!important;margin:0!important} html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-metric-board{order:1!important;padding-top:20px!important;margin:0 0 16px!important} html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-metric-board-head{margin:0 0 8px!important} html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-metric-board-head h3{margin:0!important} html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-metric-card{padding:12px 0!important;min-height:72px!important;gap:16px!important} html.experience-v1 body.blue-editorial #app .editorial-metric-copy{display:block;min-width:0;flex:1} html.experience-v1 body.blue-editorial #app .editorial-metric-description{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px!important;font-weight:400!important;line-height:1.6!important;color:#67738E!important;letter-spacing:0!important;margin-top:4px!important} html.experience-v1 body.blue-editorial #app .editorial-metric-grade{font-size:32px!important;min-width:52px;text-align:right;flex:none} html.experience-v1 body.blue-editorial #app .experience-domain-metric-card.metric-caution .editorial-metric-grade{color:#071A38!important} html.experience-v1 body.blue-editorial #app .editorial-domain-chart{order:2!important;width:100%;background:#EDF4FF;border-radius:8px;margin-bottom:12px} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary{display:grid;grid-template-columns:1fr 20px;padding:20px;cursor:pointer;list-style:none} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary span{font:600 22px/1.5 var(--font-display-kr);color:#071A38} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary small{font-size:14px;color:#67738E;grid-column:1;grid-row:2} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary svg{grid-column:2;grid-row:1/3;align-self:center} html.experience-v1 body.blue-editorial #app #detail-root .experience-domain-visual{max-width:360px!important;width:100%!important;margin:0 auto!important;padding:12px!important;border:0!important} html.experience-v1 body.blue-editorial #app .editorial-all-metrics{order:3;width:100%;margin-bottom:12px} html.experience-v1 body.blue-editorial #app :is(.editorial-all-metrics,.editorial-all-annual)>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:14px 16px;background:#EDF4FF;color:#0863F7;cursor:pointer;font-size:14px;font-weight:600;border-radius:6px;min-height:48px} html.experience-v1 body.blue-editorial #app #detail-root .editorial-all-metrics .experience-domain-metric-board{border:0!important} html.experience-v1 body.blue-editorial #app .domain-profile-entry{margin:0 0 24px!important;width:100%!important} html.experience-v1 body.blue-editorial #app .domain-profile-entry-button{width:100%!important;display:flex!important;justify-content:space-between!important} html.experience-v1 body.blue-editorial #app .domain-profile-entry-copy{flex:1!important;text-align:center!important} html.experience-v1 body.blue-editorial #app .domain-profile-entry-arrow{display:block!important;width:20px!important;height:20px!important;flex:none!important} /* Profile reading proportions and labelled controls. */ html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-card-head{align-items:end!important;grid-template-columns:minmax(0,1fr) auto!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-card-head>div>span{font-size:14px!important;color:#0863F7!important;display:block!important;margin-bottom:16px!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-card-head h1{margin:0!important;font-size:32px!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-card-head .metric-level-badge{font:600 36px/1.2 var(--font-display-kr)!important;background:#EDF4FF!important;color:#0863F7!important;padding:8px 14px!important;border-radius:16px!important;border:0!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-score-line{border:0!important;padding:24px 0 16px!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-result-head strong{color:#0863F7!important;font-size:18px!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-definition{padding:8px 0 24px!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-interpretation-frame{margin:28px 0 20px!important;padding-bottom:64px!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-interpretation-head{display:flex!important;justify-content:space-between!important;gap:12px!important;margin-bottom:20px!important;align-items:center!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-interpretation-head h2{font-size:22px!important;line-height:1.5!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-copy p{font-size:16px!important;line-height:1.9!important;font-weight:400!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-copy p strong{color:#0863F7!important;display:inline!important;font-weight:600!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-arrow{width:auto!important;border:0!important;border-radius:0!important;display:flex!important;gap:8px!important;padding:0!important;font-size:14px!important;font-weight:600!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-arrow svg{width:18px!important;height:18px!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-arrow:disabled{color:#a8b0bc!important;opacity:1!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-metric-navigation button{background:transparent!important;border:0!important;padding:0!important;font-size:14px!important} /* Annual reading layout; all source metrics stay reachable. */ html.experience-v1 body.blue-editorial #app #detail-root .annual-detail{display:flex!important;flex-direction:column!important;gap:24px!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-radar-section{order:0;margin:0!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-breakdown{order:1;margin:0!important;padding:0!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-overall-inline{order:2;margin:0!important;padding:24px 0 0!important;border:0!important;border-top:1px solid #DFE5EF!important;background:transparent!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-radar-head h2{margin:8px 0 12px!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-radar-head p{margin:0!important;font-weight:400!important} html.experience-v1 body.blue-editorial #app .editorial-annual-rows{margin:16px 0!important} html.experience-v1 body.blue-editorial #app .editorial-annual-row{grid-template-columns:minmax(0,1fr) auto 58px!important;gap:12px!important;padding:16px 0!important;min-height:80px!important} html.experience-v1 body.blue-editorial #app .editorial-row-copy{min-width:0} html.experience-v1 body.blue-editorial #app .editorial-row-label{font:600 20px/1.5 var(--font-display-kr)!important;display:block} html.experience-v1 body.blue-editorial #app .editorial-row-description{display:block;color:#67738E;font-size:13px;line-height:1.6;margin-top:4px} html.experience-v1 body.blue-editorial #app .editorial-row-status{text-align:center;min-width:54px;padding:6px 8px!important;font-size:14px!important} html.experience-v1 body.blue-editorial #app .editorial-annual-row.is-secondary{min-height:56px!important;padding:12px 0!important} html.experience-v1 body.blue-editorial #app .editorial-annual-row.is-secondary .editorial-row-label{font:600 16px/1.5 var(--font-ui-kr)!important} html.experience-v1 body.blue-editorial #app .editorial-annual-row.is-secondary .editorial-row-score{font-size:28px!important} html.experience-v1 body.blue-editorial #app .editorial-annual-cta{list-style:none;display:flex;justify-content:center;align-items:center;gap:16px;cursor:pointer;border-radius:8px;padding:14px 20px;min-height:52px;background:#0863F7;color:white;font-size:16px;font-weight:600} html.experience-v1 body.blue-editorial #app .editorial-annual-cta svg{color:white!important} html.experience-v1 body.blue-editorial #app .annual-overall-inline-head{margin:0!important;background:transparent!important;padding:0!important} html.experience-v1 body.blue-editorial #app .annual-overall-inline-head h3{margin:0!important} html.experience-v1 body.blue-editorial #app .annual-metric-glance-label{display:block!important;flex:1!important;min-width:0!important} html.experience-v1 body.blue-editorial #app .annual-metric-glance-label strong{font:600 16px/1.5 var(--font-ui-kr)!important;letter-spacing:0!important} html.experience-v1 body.blue-editorial #app .annual-metric-glance-item .metric-level-badge{font-size:28px!important;flex:none!important} html.experience-v1 body.blue-editorial #app .editorial-all-annual{margin-top:16px!important} html.experience-v1 body.blue-editorial #app summary::-webkit-details-marker{display:none} html.experience-v1 body.blue-editorial #app details[open]>summary .editorial-menu-arrow{transform:rotate(90deg)} /* Timing selection reuses the existing age ranges and years. */ html.experience-v1 body.blue-editorial #app .editorial-timing-tabs{display:flex;overflow-x:auto;border-bottom:1px solid #DFE5EF;gap:12px;margin:24px 0} html.experience-v1 body.blue-editorial #app .editorial-timing-tabs button{flex:0 0 100px;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:4px;background:none;border:0;border-bottom:3px solid transparent;padding:12px 4px;color:#67738E;min-height:56px;font-size:16px} html.experience-v1 body.blue-editorial #app .editorial-timing-tabs button[aria-selected=true]{color:#0863F7;border-bottom-color:#0863F7} html.experience-v1 body.blue-editorial #app .editorial-timing-tabs small{font-size:12px;background:#EDF4FF;color:#0863F7;border-radius:4px;padding:2px 8px} html.experience-v1 body.blue-editorial #app .editorial-timing-panel[hidden]{display:none!important} html.experience-v1 body.blue-editorial #app .editorial-timing-panel h2{font-size:28px;margin:0 0 8px} html.experience-v1 body.blue-editorial #app .editorial-timing-panel>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid #DFE5EF} html.experience-v1 body.blue-editorial #app .editorial-timing-panel>div>strong{font-size:18px;white-space:nowrap} html.experience-v1 body.blue-editorial #app .editorial-timing-panel .timing-life-year-list{display:flex;gap:8px;flex-wrap:wrap} html.experience-v1 body.blue-editorial #app .editorial-timing-panel .timing-life-year-list span{border:1px solid #DFE5EF!important;padding:8px!important;border-radius:6px!important;font-size:16px!important;background:#EDF4FF!important} html.experience-v1 body.blue-editorial #app .editorial-timing-table-title{margin:32px 0 16px!important} html.experience-v1 body.blue-editorial #app .timing-life-node{display:none!important} html.experience-v1 body.blue-editorial #app .timing-life-age strong{font-size:14px!important} html.experience-v1 body.blue-editorial #app .timing-life-year-list span{font-size:13px!important} html.experience-v1 body.blue-editorial #app .timing-life-row{min-height:72px!important} html.experience-v1 body.blue-editorial #app #more-root .more-page-intro{margin:0 0 32px!important} html.experience-v1 body.blue-editorial #app #more-root .more-page-intro:before{display:none!important} html.experience-v1 body.blue-editorial #app #more-root .more-page-intro h1{margin:0 0 12px!important} html.experience-v1 body.blue-editorial #app #more-root .more-page-intro p{margin:0!important} html.experience-v1 body.blue-editorial #app #more-root :is(.more-section-copy strong,.more-current-save-button [data-profile-save-label]){font:600 22px/1.5 var(--font-display-kr)!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app #more-root :is(.more-section-copy small,.more-current-save-button small){font-size:14px!important;line-height:1.6!important} html.experience-v1 body.blue-editorial #app #more-root :is(.more-section-icon,.current-profile-save-icon){display:none!important} html.experience-v1 body.blue-editorial #app #more-root .more-current-save-section{background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important} html.experience-v1 body.blue-editorial #app #more-root .more-current-save-button{width:100%!important;text-align:left!important;justify-content:flex-start!important} html.experience-v1 body.blue-editorial #app #more-root .more-profile-empty{font-size:16px!important;text-align:center!important;padding:40px 0!important} @media(min-width:768px) and (max-width:1023px){html.experience-v1 body.blue-editorial #app .screen{max-width:768px!important;margin:auto!important;padding-left:24px!important;padding-right:24px!important}} @media(min-width:1024px){ html.experience-v1 body.blue-editorial #app :is(.report-appbar,.input-appbar){height:72px!important;min-height:72px!important} html.experience-v1 body.blue-editorial #app .report-appbar>strong{width:72px!important;height:64px!important;background-size:64px 64px!important} html.experience-v1 body.blue-editorial #app :is(#report-root,#profile-root,#daily-root,#more-root){max-width:720px!important} html.experience-v1 body.blue-editorial #app :is(#report-root,#detail-root,#profile-root,#daily-root,#more-root){padding-top:0!important} html.experience-v1 body.blue-editorial #app .experience-domain-hero-copy h2,html.experience-v1 body.blue-editorial #app .annual-radar-head h2,html.experience-v1 body.blue-editorial #app .editorial-home-title{font-size:40px!important} html.experience-v1 body.blue-editorial #app .domain-detail-head{max-width:720px!important;margin-left:auto!important;margin-right:auto!important} } @media(min-width:1200px){ html.experience-v1 body.blue-editorial #app #detail-root .annual-detail{display:grid!important;grid-template-columns:minmax(0,1fr) 260px!important;gap:24px 32px!important;align-items:start!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-radar-section{grid-column:1!important;grid-row:1!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-breakdown{grid-column:1!important;grid-row:2!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-overall-inline{grid-column:2!important;grid-row:1 / span 2!important;border:1px solid #DFE5EF!important;border-radius:8px!important;padding:24px!important} html.experience-v1 body.blue-editorial #app .annual-overall-inline .editorial-section-description{display:none!important} html.experience-v1 body.blue-editorial #app .annual-overall-inline-head h3{font-size:22px!important} } /* Source comparison corrections: compact preview, text hierarchy and sibling navigation. */ html.experience-v1 body.blue-editorial #app .report-menu-group-head{display:block!important} html.experience-v1 body.blue-editorial #app .report-menu-group-head h3{margin:0 0 8px!important} html.experience-v1 body.blue-editorial #app .domain-profile-entry-copy strong{font:600 16px/1.5 var(--font-ui-kr)!important} html.experience-v1 body.blue-editorial #app .domain-sibling-navigation{display:flex!important;gap:16px!important;margin:24px 0 0!important;padding:16px 0 0!important;border-top:1px solid #DFE5EF!important;background:none!important} html.experience-v1 body.blue-editorial #app .domain-sibling-navigation-button{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:64px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-align:left!important} html.experience-v1 body.blue-editorial #app .domain-sibling-navigation-button>span{display:flex!important;align-items:baseline!important;gap:8px!important;flex-wrap:wrap!important} html.experience-v1 body.blue-editorial #app .domain-sibling-navigation-button :is(small,strong){font:600 20px/1.5 var(--font-display-kr)!important;color:#071A38!important} html.experience-v1 body.blue-editorial #app .domain-sibling-navigation-arrow{width:20px!important;height:20px!important;padding:0!important;background:none!important;color:#67738E!important} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr) 12px!important;gap:8px;padding:12px!important;align-items:center} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary .editorial-chart-preview{grid-column:1!important;grid-row:1!important;display:block!important;overflow:hidden;pointer-events:none} html.experience-v1 body.blue-editorial #app .editorial-chart-preview :is(svg,.personality-radar-svg){width:100%!important;height:auto!important;max-height:200px!important} html.experience-v1 body.blue-editorial #app .editorial-chart-preview :is(.personality-radar-wrap,.radar-wrap,.domain-radar-card){padding:0!important;margin:0!important;background:none!important;box-shadow:none!important;border:0!important} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary .editorial-chart-label{grid-column:2!important;grid-row:1!important;border-left:1px solid #DFE5EF;padding-left:12px} html.experience-v1 body.blue-editorial #app .editorial-chart-label strong{display:block;font:600 20px/1.5 var(--font-display-kr)!important;color:#071A38} html.experience-v1 body.blue-editorial #app .editorial-chart-label small{display:block!important;font:400 14px/1.6 var(--font-ui-kr)!important;margin-top:8px} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary>.editorial-menu-arrow{grid-column:3!important;grid-row:1!important;width:16px!important} html.experience-v1 body.blue-editorial #app .internal-brand-lockup{display:block!important;width:56px!important;height:56px!important;background:url('/assets/hyeonmyeong-logo-editorial-v1.png') center/56px 56px no-repeat!important} html.experience-v1 body.blue-editorial #app .internal-brand-lockup>span{display:none!important} html.experience-v1 body.blue-editorial #app .birth-date-hero-logo{display:none!important} html.experience-v1 body.blue-editorial #app .birth-date-hero-layout{display:block!important} html.experience-v1 body.blue-editorial #app .birth-step-indicator{justify-self:end!important;font-size:14px!important;color:#67738E!important} html.experience-v1 body.blue-editorial #app .birth-step-progress{display:none!important} html.experience-v1 body.blue-editorial #app .editorial-chart-preview .report-personality-radar{min-height:0!important;height:auto!important;aspect-ratio:1;background:transparent!important;border:0!important;padding:0!important;display:grid!important;place-items:center!important} html.experience-v1 body.blue-editorial #app .editorial-chart-preview .report-radar-caption{display:none!important} html.experience-v1 body.blue-editorial #app .editorial-chart-preview .report-radar-plot{width:100%!important;height:auto!important;position:static!important} html.experience-v1 body.blue-editorial #app .report-appbar .icon-button>span{display:inline!important;font:400 13px/1.4 var(--font-ui-kr)!important} html.experience-v1 body.blue-editorial :is(.share-sheet-panel,.saved-profile-manager-panel) .editorial-dialog-close{width:100%;min-height:52px;margin-top:24px;border:0;border-radius:8px;background:#0863F7;color:white;font:600 16px/1.5 var(--font-ui-kr)} html.experience-v1 body.blue-editorial #app .editorial-annual-row .editorial-row-score{font:600 36px/1.2 var(--font-display-kr)!important} html.experience-v1 body.blue-editorial #app .editorial-annual-row.is-secondary .editorial-row-score{font-size:28px!important} html.experience-v1 body.blue-editorial #app .editorial-annual-row.is-primary .editorial-row-label{font:600 22px/1.5 var(--font-display-kr)!important} html.experience-v1 body.blue-editorial #app .editorial-eyebrow:before{content:"";display:inline-block;width:24px;height:2px;background:#0863F7;vertical-align:middle;margin-right:12px} @media(min-width:1024px){html.experience-v1 body.blue-editorial #app .bottom-nav button{font-size:16px!important}html.experience-v1 body.blue-editorial #app .bottom-nav button svg{display:none!important}} body.blue-editorial .editorial-modal-score{display:flex;gap:16px;align-items:center;border-bottom:1px solid #DFE5EF;padding:0 0 20px;margin:0 0 24px} body.blue-editorial .editorial-modal-score>strong{font:600 40px/1.3 var(--font-display-kr);color:#0863F7} body.blue-editorial .editorial-modal-score .editorial-row-status{border-radius:6px;padding:6px 12px;background:#EDF4FF;color:#0863F7;font-size:14px} body.blue-editorial .editorial-modal-prose :is(h3,.annual-field-summary-source-title){font:600 22px/1.5 var(--font-display-kr)!important;color:#071A38!important;margin:0 0 20px!important} body.blue-editorial .editorial-modal-prose p{font:400 16px/1.8 var(--font-ui-kr)!important;color:#67738E!important;margin:0 0 24px!important} body.blue-editorial .editorial-modal-details{margin-top:24px;border-top:1px solid #DFE5EF} body.blue-editorial .editorial-modal-details>summary{padding:16px 0;cursor:pointer;color:#0863F7;font-size:16px} body.blue-editorial .editorial-dialog-close{width:100%;min-height:52px;margin-top:24px;border:0;border-radius:8px;background:#0863F7;color:white;font:600 16px/1.5 var(--font-ui-kr)} body.blue-editorial :is(.annual-detail-modal,.annual-metric-note-modal,.daily-category-modal){padding:0!important;max-height:90dvh!important;overflow:hidden!important} body.blue-editorial :is(.annual-detail-modal-panel,.annual-metric-note-panel,.daily-category-modal-panel){padding:0!important;box-shadow:none!important;max-height:90dvh!important} body.blue-editorial :is(.annual-detail-modal-header,.annual-metric-note-header,.daily-category-modal-header){padding:24px 24px 16px!important} body.blue-editorial :is(.annual-detail-modal-body,.annual-metric-note-body,.daily-category-modal-body){padding:20px 24px 24px!important} @media(max-width:767px){body.blue-editorial :is(.annual-detail-modal,.annual-metric-note-modal,.daily-category-modal){position:fixed!important;inset:auto 0 0!important;margin:0!important;width:100%!important;max-width:none!important;border-radius:16px 16px 0 0!important}} @media(min-width:768px){body.blue-editorial :is(.annual-detail-modal,.annual-metric-note-modal,.daily-category-modal){inset:0!important;margin:auto!important;width:min(560px,calc(100vw - 48px))!important;border-radius:12px!important}body.blue-editorial :is(.share-sheet-panel,.saved-profile-manager-panel){border-radius:12px!important}} /* Modal IDs override legacy modal palettes and fixed inset rules. */ html.experience-v1 body.blue-editorial :is(#annual-detail-modal,#annual-metric-note-modal,#daily-category-modal){padding:0!important;background:#FFFFFF!important;border:0!important;max-height:90dvh!important;overflow:hidden!important} html.experience-v1 body.blue-editorial :is(#annual-detail-modal,#annual-metric-note-modal,#daily-category-modal)>section{background:#FFFFFF!important;border:0!important;box-shadow:none!important;border-radius:inherit!important;padding:0!important;max-height:90dvh!important} html.experience-v1 body.blue-editorial :is(#annual-detail-modal,#annual-metric-note-modal,#daily-category-modal) header{background:#FFFFFF!important;padding:24px 24px 16px!important} html.experience-v1 body.blue-editorial :is(#annual-detail-modal-body,#annual-metric-note-body,#daily-category-modal-body){background:#FFFFFF!important;padding:20px 24px 24px!important;max-height:calc(90dvh - 100px)!important;overflow-y:auto!important} html.experience-v1 body.blue-editorial :is(#annual-detail-modal-title,#annual-metric-note-title,#daily-category-modal-title){font:600 24px/1.5 var(--font-display-kr)!important} html.experience-v1 body.blue-editorial #annual-detail-modal .editorial-modal-score>strong{font:600 40px/1.3 var(--font-display-kr)!important;color:#0863F7!important} @media(max-width:767px){html.experience-v1 body.blue-editorial :is(#annual-detail-modal,#annual-metric-note-modal,#daily-category-modal){position:fixed!important;inset:auto 0 0!important;margin:0!important;width:100%!important;max-width:none!important;border-radius:16px 16px 0 0!important}} @media(min-width:768px){html.experience-v1 body.blue-editorial :is(#annual-detail-modal,#annual-metric-note-modal,#daily-category-modal){inset:0!important;margin:auto!important;width:min(560px,calc(100vw - 48px))!important;border-radius:12px!important}} html.experience-v1 body.blue-editorial #app .birth-step-progress{display:block!important;height:2px!important;margin:0 0 32px!important;background:#DFE5EF!important} html.experience-v1 body.blue-editorial #app .birth-step-progress i{background:#0863F7!important;height:2px!important} html.experience-v1 body.blue-editorial #app .birth-step-hero h1{font:600 32px/1.4 var(--font-display-kr)!important} html.experience-v1 body.blue-editorial #app #birth-direct-entry{padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important} html.experience-v1 body.blue-editorial #app .birth-step-hero{margin:0 0 32px!important;padding:0!important} html.experience-v1 body.blue-editorial #app .birth-details-date-summary{background:#EDF4FF!important;border-radius:8px!important;padding:16px!important} html.experience-v1 body.blue-editorial #app #profile-root{background:transparent!important;padding-top:32px!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-viewport{padding:0!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-card-head{border:0!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-card-head .metric-level-badge{display:flex!important;align-items:center;justify-content:center;min-width:72px!important;height:60px!important;padding:8px!important;border:0!important;border-radius:12px!important;background:#EDF4FF!important;color:#0863F7!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-card-head .metric-level-badge span{font:600 36px/1.2 var(--font-display-kr)!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-card-head>div>span:before{content:"";display:inline-block;width:24px;height:2px;background:#0863F7;vertical-align:middle;margin-right:12px} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-definition{padding:24px 0!important} html.experience-v1 body.blue-editorial #app #profile-root .domain-profile-metric-navigation{font-size:14px!important} html.experience-v1 body.blue-editorial #app #detail-root :is(.light-surface,.timing-life-page,.editorial-timing-selector,.editorial-timing-panel,.timing-life-board){min-width:0!important;width:100%!important;max-width:100%!important} html.experience-v1 body.blue-editorial #app #detail-root .timing-life-page{display:block!important} html.experience-v1 body.blue-editorial #app #detail-root .timing-life-intro{margin:0 0 24px!important;padding:0!important;min-height:0!important} html.experience-v1 body.blue-editorial #app #detail-root .editorial-timing-tabs{min-width:0!important;max-width:100%!important;margin:24px 0!important} html.experience-v1 body.blue-editorial #app #detail-root .timing-life-board{margin:0!important;overflow:visible!important} html.experience-v1 body.blue-editorial #app #detail-root .timing-life-year-list span{white-space:nowrap!important} html.experience-v1 body.blue-editorial #app #more-root .more-page-intro{display:block!important;padding:0!important;border:0!important} html.experience-v1 body.blue-editorial #app #more-root :is(.more-section-button,.more-birth-button){display:flex!important;align-items:center!important;gap:16px!important;width:100%!important;min-height:80px!important;padding:24px 0!important;background:none!important;border:0!important;border-bottom:1px solid #DFE5EF!important;border-radius:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app #more-root .more-section-copy{display:flex!important;flex:1!important;min-width:0!important;flex-direction:column!important;gap:8px!important;text-align:left!important} html.experience-v1 body.blue-editorial #app #more-root .more-section-copy strong{white-space:normal!important;word-break:keep-all!important} html.experience-v1 body.blue-editorial #app #more-root .more-section-action{flex:none!important;color:#0863F7!important;font-size:14px!important} html.experience-v1 body.blue-editorial #app #more-root .more-section-chevron{flex:0 0 20px!important;width:20px!important;height:20px!important;color:#67738E!important} html.experience-v1 body.blue-editorial #app #more-root :is(.more-saved-section,.more-input-section){padding:0!important;margin:0 0 24px!important;background:none!important;border:0!important;box-shadow:none!important} html.experience-v1 body.blue-editorial #app #daily-root .editorial-daily-heading{margin:24px 0!important} html.experience-v1 body.blue-editorial #app #daily-root .editorial-daily-heading p{margin:12px 0 24px!important;font:400 16px/1.7 var(--font-ui-kr)!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-guidance-icon{display:none!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-action-heading{padding:0!important;background:none!important;border:0!important} html.experience-v1 body.blue-editorial #app #daily-root #daily-home-action-title{font:600 22px/1.5 var(--font-display-kr)!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-guidance{border-top:1px solid #DFE5EF!important;padding-top:24px!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-action-points p{gap:16px!important} html.experience-v1 body.blue-editorial #app #daily-root .daily-home-action-points p>span{border-left:1px solid #DFE5EF;padding-left:16px} /* Keep the approved annual hierarchy: primary fields, interpretations, overview, remaining fields. */ #detail-root .editorial-other-annual { margin-top:32px; padding-top:24px; border-top:1px solid var(--editorial-divider, #DFE5EF); } #detail-root .editorial-other-annual h3 { font-family:"Noto Serif KR",Batang,serif; font-size:22px; color:#071A38; } #detail-root .editorial-other-annual p { margin:8px 0 16px; color:#67738E; line-height:1.7; } #detail-root .editorial-other-annual .editorial-row-label { font-size:18px; } #detail-root .editorial-other-annual .editorial-row-score { font-size:30px; } #detail-root .annual-breakdown.annual-glance { margin-top:20px; margin-bottom:32px; } html.experience-v1 body.blue-editorial #app #daily-root .daily-home-action-heading { display:block!important; width:100%!important; } html.experience-v1 body.blue-editorial #app #daily-root #daily-home-action-title { width:auto!important; } html.experience-v1 body.blue-editorial #app #detail-root .editorial-other-annual { order:3; } @media(min-width:1200px){ html.experience-v1 body.blue-editorial #app #detail-root .editorial-other-annual{grid-column:1!important;grid-row:2!important;margin:0!important;padding:0!important;border:0!important} html.experience-v1 body.blue-editorial #app #detail-root .editorial-other-annual>h3, html.experience-v1 body.blue-editorial #app #detail-root .editorial-other-annual>p{display:none!important} html.experience-v1 body.blue-editorial #app #detail-root .editorial-other-annual .editorial-annual-row{padding:12px 0!important;min-height:56px!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-breakdown{grid-row:3!important} html.experience-v1 body.blue-editorial #app #detail-root .annual-overall-inline{grid-row:1 / span 3!important} } /* Flow review: keep the approved typography and spacing over legacy screen rules. */ html.experience-v1 body.blue-editorial #app .screen-intro .intro-brand-mark { background:none!important; border:0!important; box-shadow:none!important; border-radius:0!important; width:80px!important; height:80px!important; margin:0 auto 24px!important; } html.experience-v1 body.blue-editorial #app .screen-intro .intro-hero-title { font:600 32px/1.4 var(--font-display-kr)!important; text-align:center!important; margin:0 0 16px!important; } html.experience-v1 body.blue-editorial #app .screen-intro .intro-hero-context { text-align:center!important; margin:0!important; font:400 16px/1.7 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app .screen-intro .intro-eyebrow-context { font:inherit!important; color:#67738E!important; } html.experience-v1 body.blue-editorial #app .screen-intro .intro-scope { margin:24px 0 0!important; padding:0!important; background:none!important; border:0!important; } html.experience-v1 body.blue-editorial #app .screen-intro .intro-social-proof { justify-content:center!important; padding:0!important; background:none!important; margin:0 0 24px!important; font:400 14px/1.7 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app .screen-intro .editorial-intro-feature { display:flex; gap:16px; align-items:center; min-height:88px; padding:20px 0; border-top:1px solid #DFE5EF; } html.experience-v1 body.blue-editorial #app .screen-intro .editorial-intro-feature>svg { width:44px; height:44px; padding:10px; box-sizing:border-box; flex:none; color:#0863F7; background:#EDF4FF; border-radius:50%; } html.experience-v1 body.blue-editorial #app .screen-intro .editorial-intro-feature h2 { font:600 22px/1.5 var(--font-display-kr)!important; margin:0 0 4px!important; } html.experience-v1 body.blue-editorial #app .screen-intro .editorial-intro-feature p { font:400 14px/1.7 var(--font-ui-kr)!important; color:#67738E!important; margin:0!important; } html.experience-v1 body.blue-editorial #app #saved-profile-card { margin:24px 0 0!important; padding:16px 0!important; background:none!important; border:0!important; border-top:1px solid #DFE5EF!important; border-radius:0!important; box-shadow:none!important; } html.experience-v1 body.blue-editorial #app #saved-profile-card:before { display:none!important; } html.experience-v1 body.blue-editorial #app #saved-profile-title { font:600 22px/1.5 var(--font-display-kr)!important; } html.experience-v1 body.blue-editorial #app .screen-intro .intro-primary-button svg { width:20px!important; height:20px!important; padding:0!important; border:0!important; border-radius:0!important; background:none!important; box-shadow:none!important; } html.experience-v1 body.blue-editorial #app .screen-intro .intro-trust-note { margin:12px 0 24px!important; font:400 12px/1.7 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app .screen-intro .intro-trust-note span { font:inherit!important; } html.experience-v1 body.blue-editorial #app #birth-form { gap:0!important; padding:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-input-step { gap:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-step-hero { display:block!important; margin:0 0 32px!important; } html.experience-v1 body.blue-editorial #app #birth-form .hero-copy { margin:0!important; font:400 16px/1.7 var(--font-ui-kr)!important; color:#67738E!important; } html.experience-v1 body.blue-editorial #app #birth-form .input-birth-wheel-card { display:block!important; margin:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-input-title-row { margin:0 0 16px!important; min-height:28px!important; } html.experience-v1 body.blue-editorial #app #birth-form #input-birth-title { font:600 22px/1.5 var(--font-display-kr)!important; margin:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-direct-entry { min-height:0!important; align-items:end!important; padding:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-direct-entry label { gap:8px!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-direct-entry label>span { text-align:left!important; font:400 14px/1.5 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-direct-entry input { height:56px!important; min-height:56px!important; font:500 22px/1.4 var(--font-ui-kr)!important; border:1px solid #DFE5EF!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-step-assurance { margin:32px 0 24px!important; padding-top:20px!important; border-top:1px solid #DFE5EF!important; font:400 12px/1.7 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-step-assurance span { font:inherit!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-selected-date { margin:0 0 24px!important; padding:12px 16px!important; min-height:48px!important; background:#EDF4FF!important; border:0!important; border-radius:8px!important; font:400 16px/1.5 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-selected-date span { font:inherit!important; } html.experience-v1 body.blue-editorial #app #birth-form :is(.birth-details-card,.input-identity-card) { margin:0!important; padding:0!important; gap:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .input-identity-editor { gap:24px!important; } html.experience-v1 body.blue-editorial #app #birth-form .field { gap:8px!important; } html.experience-v1 body.blue-editorial #app #birth-form .field>span { font:600 14px/1.5 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app #birth-form :is(#nickname-input,#birth-time-select) { height:52px!important; min-height:52px!important; border:1px solid #DFE5EF!important; box-shadow:none!important; border-radius:8px!important; font:400 16px/1.5 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app #birth-form .segmented { padding:0!important; gap:0!important; height:48px!important; min-height:48px!important; border:1px solid #DFE5EF!important; border-radius:8px!important; background:none!important; } html.experience-v1 body.blue-editorial #app #birth-form .segmented label>span { min-height:46px!important; padding:12px!important; font:600 14px/1.5 var(--font-ui-kr)!important; box-shadow:none!important; border-radius:7px!important; } html.experience-v1 body.blue-editorial #app #birth-form .input-time-card { margin:24px 0 0!important; padding-top:20px!important; border-top:1px solid #DFE5EF!important; gap:8px!important; } html.experience-v1 body.blue-editorial #app #birth-form #input-time-title { font:600 14px/1.5 var(--font-ui-kr)!important; margin:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-time-title-row { margin:0!important; min-height:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-time-divider { margin:8px 0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-time-unknown-toggle { min-height:44px!important; padding:0!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-time-unknown-toggle>span:first-child { font:600 14px/1.5 var(--font-ui-kr)!important; } html.experience-v1 body.blue-editorial #app #birth-form .birth-step-actions { margin-top:24px!important; padding-top:16px!important; border-top:1px solid #DFE5EF!important; grid-template-columns:88px minmax(0,1fr)!important; gap:8px!important; } html.experience-v1 body.blue-editorial #app #birth-form .input-trust-note { font:400 12px/1.7 var(--font-ui-kr)!important; margin:12px 0!important; } html.experience-v1 body.blue-editorial #app #birth-form .input-trust-note span { font:inherit!important; } @media(min-width:1024px){html.experience-v1 body.blue-editorial #app .screen-intro .intro-hero-title {font-size:40px!important}} html.experience-v1 body.blue-editorial #app .screen-intro .editorial-intro-feature>svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round} html.experience-v1 body.blue-editorial #app #birth-form [data-birth-step="details"] .birth-step-hero{margin-bottom:24px!important} html.experience-v1 body.blue-editorial #app #birth-form .birth-selected-date{margin-bottom:16px!important} html.experience-v1 body.blue-editorial #app #birth-form .input-identity-editor{gap:16px!important} html.experience-v1 body.blue-editorial #app #birth-form .input-time-card{margin-top:16px!important;padding-top:16px!important} html.experience-v1 body.blue-editorial #app #birth-form .birth-time-divider{display:none!important} html.experience-v1 body.blue-editorial #app #birth-form .birth-time-unknown-toggle{margin-top:8px!important;padding-top:12px!important;border-top:1px solid #DFE5EF!important} html.experience-v1 body.blue-editorial #app #birth-form .birth-step-actions{margin-top:16px!important} /* Flow comparison: retain content and actions; correct mobile panels and saved row layout. */ html.experience-v1 body.blue-editorial #app #more-root .more-current-save-button{display:flex!important;align-items:center!important;gap:16px!important} html.experience-v1 body.blue-editorial #app #more-root .more-current-save-button .current-profile-save-copy{flex:1!important;min-width:0!important} html.experience-v1 body.blue-editorial #app .report-hero{margin-bottom:24px!important} html.experience-v1 body.blue-editorial #app .report-period-menu-group{margin-top:24px!important;padding-top:16px!important} html.experience-v1 body.blue-editorial #share-sheet .share-sheet-panel, html.experience-v1 body.blue-editorial #saved-profile-manager .saved-profile-manager-panel{width:100%!important;max-width:560px!important;padding:24px!important;box-sizing:border-box!important} html.experience-v1 body.blue-editorial #share-sheet .editorial-share-description{font-size:14px!important;line-height:1.6!important;color:#67738E!important;margin:8px 0 0!important} html.experience-v1 body.blue-editorial #share-sheet .share-sheet-option{grid-template-columns:44px minmax(0,1fr) 20px!important;gap:12px!important;padding:20px 0!important} html.experience-v1 body.blue-editorial #share-sheet .share-sheet-option-icon{width:44px!important;height:44px!important;background:#EDF4FF!important;border:0!important;border-radius:50%!important} html.experience-v1 body.blue-editorial #share-sheet .share-sheet-chevron{width:20px!important;height:20px!important;border:0!important;background:transparent!important;padding:0!important} html.experience-v1 body.blue-editorial #share-sheet .editorial-dialog-close{background:#F1F3F6!important;border-color:#F1F3F6!important;color:#071A38!important} html.experience-v1 body.blue-editorial #saved-profile-manager .saved-profile-manager-row{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important} html.experience-v1 body.blue-editorial #saved-profile-manager .saved-profile-manager-avatar{display:none!important} html.experience-v1 body.blue-editorial #saved-profile-manager .saved-profile-manager-row small{font-size:12px!important;line-height:1.6!important} @media(max-width:767px){ html.experience-v1 body.blue-editorial #share-sheet, html.experience-v1 body.blue-editorial #saved-profile-manager{padding:0!important} html.experience-v1 body.blue-editorial #share-sheet .share-sheet-panel, html.experience-v1 body.blue-editorial #saved-profile-manager .saved-profile-manager-panel{margin:0!important;border-radius:16px 16px 0 0!important} } html.experience-v1 body.blue-editorial #saved-profile-manager .saved-profile-manager-row>.saved-profile-mark{display:none!important} html.experience-v1 body.blue-editorial #share-sheet .share-sheet-header{padding:0 0 16px!important} html.experience-v1 body.blue-editorial #share-sheet .share-sheet-option-copy strong{font:600 16px/1.5 'Malgun Gothic',sans-serif!important} html.experience-v1 body.blue-editorial #share-sheet .share-sheet-option-copy small{font:400 12px/1.7 'Malgun Gothic',sans-serif!important} html.experience-v1 body.blue-editorial :is(.share-sheet-backdrop,.saved-profile-manager-backdrop){backdrop-filter:none!important} html.experience-v1 body.blue-editorial #app .report-appbar :is(.back-button,.share-button){display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important} html.experience-v1 body.blue-editorial #app .report-appbar :is(.back-button,.share-button) svg{flex:0 0 20px!important;width:20px!important;height:20px!important;margin:0!important} html.experience-v1 body.blue-editorial #app #birth-form .birth-date-hero-layout{display:block!important;width:100%!important;padding:0!important;margin:0!important} html.experience-v1 body.blue-editorial #app #birth-form .birth-date-hero-text{width:100%!important;padding:0!important;margin:0!important} @media(min-width:1024px){ html.experience-v1 body.blue-editorial #app .report-appbar .back-button{display:none!important} html.experience-v1 body.blue-editorial #app .editorial-domain-chart>summary{grid-template-columns:160px minmax(0,1fr) 20px!important} } html.experience-v1 body.blue-editorial #app #report-root .report-dashboard-head{min-height:0!important} html.experience-v1 body.blue-editorial #app #report-root .editorial-section-description{font-size:14px!important;line-height:1.65!important;margin:4px 0 12px!important} html.experience-v1 body.blue-editorial #app #report-root .report-primary-menu-card{min-height:48px!important;padding:8px 0!important}