.tf-option{--tf-ink:#efefee;--tf-muted:#a5adb4;--tf-line:#394044;--tf-surface:#242b2d;--tf-accent:#79cbd1;--tf-soft:#213b3e;--tf-bright:#87c9b6;--tf-care:#ed9e96;--tf-bright-bg:#223b33;--tf-care-bg:#422b2a;margin:var(--sp-6) 0 var(--sp-8);color:var(--tf-ink);word-break:keep-all}body.rd-paper .tf-option{--tf-ink:#1e3038;--tf-muted:#748189;--tf-line:#dce2e3;--tf-surface:#fff;--tf-accent:#007b8b;--tf-soft:#e9f4f5;--tf-bright:#08795c;--tf-care:#b65750;--tf-bright-bg:#e2f3eb;--tf-care-bg:#f9e8e4}.tf-option *{box-sizing:border-box}.tf-option [hidden]{display:none!important}body.jh-design-a #phone .report .tf-header{margin:0 0 var(--sp-5);padding:0;border:0;background:none}.tf-kicker{display:block;font-size:var(--fs-2xs);letter-spacing:.08em;font-weight:var(--fw-bold);color:var(--tf-accent);margin-bottom:var(--sp-2)}body.jh-design-a #phone .report .tf-header h4{font:var(--fw-bold) var(--fs-2xl)/var(--lh-snug) var(--reader-font);color:var(--tf-ink);letter-spacing:-.055em;margin:0 0 var(--sp-2)}body.jh-design-a #phone .report .tf-option p{font:var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--reader-font);margin:0;color:var(--tf-muted)}.tf-current{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);padding:var(--sp-3) 0;border-top:1px solid var(--tf-line);border-bottom:1px solid var(--tf-line)}.tf-current .tf-level{margin-left:auto}.tf-now-dot{width:7px;height:7px;border-radius:50%;background:var(--tf-accent);box-shadow:0 0 0 3px var(--tf-soft)}.tf-level{display:inline-block;min-width:38px;padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);font:var(--fw-bold) var(--fs-xs)/var(--lh-snug) var(--reader-font);text-align:center;white-space:nowrap}.tf-option .bright{color:var(--tf-bright)}.tf-option .care{color:var(--tf-care)}.tf-option .steady{color:var(--tf-muted)}.tf-level.bright{background:var(--tf-bright-bg)}.tf-level.care{background:var(--tf-care-bg)}.tf-level.steady{background:var(--tf-soft)}.tf-option [class*=g-],.fx-ds .tg[class*=g-]{--flow-grade:#c1bccd;color:var(--flow-grade)}.tf-option .g-boom,.fx-ds .tg.g-boom{--flow-grade:#ffca80}.tf-option .g-rise,.fx-ds .tg.g-rise{--flow-grade:#72d9aa}.tf-option .g-calm,.fx-ds .tg.g-calm{--flow-grade:#a4c6ee}.tf-option .g-rest,.fx-ds .tg.g-rest{--flow-grade:#c1bccd}.tf-option .g-care,.fx-ds .tg.g-care{--flow-grade:#f897a9}body.rd-paper .tf-option .g-boom,body.rd-paper .fx-ds .tg.g-boom{--flow-grade:#ae4d16}body.rd-paper .tf-option .g-rise,body.rd-paper .fx-ds .tg.g-rise{--flow-grade:#167553}body.rd-paper .tf-option .g-calm,body.rd-paper .fx-ds .tg.g-calm{--flow-grade:#496c8c}body.rd-paper .tf-option .g-rest,body.rd-paper .fx-ds .tg.g-rest{--flow-grade:#686875}body.rd-paper .tf-option .g-care,body.rd-paper .fx-ds .tg.g-care{--flow-grade:#b34356}.tf-option .tf-level[class*=g-],.fx-ds .tg[class*=g-]{background:color-mix(in srgb,var(--flow-grade) 10%,transparent)}.tf-timeline .tf-level{max-width:100%;white-space:normal;word-break:keep-all}.tf-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;margin:var(--sp-8) 0 var(--sp-6)}.tf-timeline:before{content:"";position:absolute;left:16.66%;right:16.66%;height:2px;top:6px;background:var(--tf-line)}.tf-year{position:relative;display:flex;align-items:center;flex-direction:column;padding:0 3px;gap:var(--sp-1);text-align:center}.tf-node{width:14px;height:14px;flex:none;border:3px solid var(--tf-surface);outline:1px solid currentColor;background:currentColor;border-radius:50%;margin-bottom:var(--sp-3);z-index:1}body.jh-design-a #phone .report .tf-year-number{font:var(--fw-bold) var(--fs-3xl)/var(--lh-tight) var(--reader-font);color:var(--tf-ink);letter-spacing:-.05em}.tf-year-age{font-size:var(--fs-2xs);color:var(--tf-muted);margin-bottom:var(--sp-2)}.tf-turn-tag{font-size:var(--fs-2xs);font-style:normal;color:var(--tf-accent);font-weight:var(--fw-bold);white-space:nowrap;margin-top:var(--sp-1)}body.jh-design-a #phone .report .tf-subtitle{font:var(--fw-bold) var(--fs-md)/var(--lh-snug) var(--reader-font);margin:var(--sp-6) 0 var(--sp-2);color:var(--tf-ink)}.tf-year-reason{display:grid;grid-template-columns:50px minmax(0,1fr);gap:var(--sp-2);padding:var(--sp-6) 0;border-bottom:1px solid var(--tf-line)}body.jh-design-a #phone .report .tf-reason-year{font:var(--fw-bold) var(--fs-xs)/var(--lh-read) var(--reader-font);color:var(--tf-accent);padding-top:var(--sp-1);white-space:nowrap}.tf-reasoning{display:grid;grid-template-columns:43px minmax(0,1fr);column-gap:var(--sp-3);align-items:start}.tf-pillar-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-1);background:var(--tf-pillar);color:var(--tf-pillar-ink,#fff);border:1px solid #ffffff30;height:48px}.tf-pillar-cell:first-child{border-radius:7px 7px 0 0}.tf-pillar-cell:nth-child(2){border-radius:0 0 7px 7px;border-top:1px solid #ffffff80}.tf-mok{--tf-pillar:#09aa4d}.tf-hwa{--tf-pillar:#f10706}.tf-to{--tf-pillar:#f4b807;--tf-pillar-ink:#262626}.tf-geum{--tf-pillar:#f6f6f6;--tf-pillar-ink:#262626}.tf-su{--tf-pillar:#3e3e3e}body.jh-design-a #phone .report .tf-pillar-cell strong{font:var(--fw-bold) var(--fs-2xl)/1.1 var(--reader-font);color:inherit}.tf-pillar-cell small{font:var(--fw-regular) var(--fs-2xs)/var(--lh-tight) var(--reader-font);opacity:.85}.tf-pillar{border:1px solid var(--tf-line);border-radius:var(--r-md);overflow:hidden;margin-top:3px}.tf-reason-copy{padding:2px 0 var(--sp-3);align-self:center;min-width:0}.tf-reason-copy:last-child{padding-top:var(--sp-3);padding-bottom:2px;border-top:1px solid var(--tf-line)}.tf-reason-meta{display:flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-1);flex-wrap:wrap}body.jh-design-a #phone .report .tf-reason-meta b{font:var(--fw-bold) var(--fs-xs)/var(--lh-snug) var(--reader-font);color:var(--tf-ink)}.tf-role{font:var(--fw-regular) var(--fs-2xs)/var(--lh-snug) var(--reader-font);color:var(--tf-muted)}.tf-result{display:inline-flex;gap:3px;align-items:center;margin-left:auto;padding:3px var(--sp-1);border-radius:var(--r-sm);font:var(--fw-bold) var(--fs-2xs)/var(--lh-tight) var(--reader-font);white-space:nowrap}.tf-result.bright{background:var(--tf-bright-bg);color:#079650}.tf-result.care{background:var(--tf-care-bg);color:var(--tf-care)}.tf-result svg{width:15px;height:15px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}.tf-result.care svg{transform:scaleY(-1)}body:not(.rd-paper) .tf-result.bright{color:#70e7a6}body.jh-design-a #phone .report .tf-option .tf-reason{font:var(--fw-regular) var(--fs-sm)/var(--lh-body) var(--reader-font);color:var(--tf-ink);margin:0;overflow-wrap:break-word}.tf-tap{font-size:var(--fs-2xs);font-weight:var(--fw-bold);color:var(--tf-accent);margin:var(--sp-5) 0 var(--sp-2)}.tf-item{border-bottom:1px solid var(--tf-line)}body.jh-design-a #phone .report .tf-year-button{display:flex;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-5) 2px;border:0;border-radius:0;background:none;box-shadow:none;font-family:var(--reader-font);cursor:pointer;text-align:left;color:var(--tf-ink)}.tf-button-date{display:flex;align-items:baseline;gap:var(--sp-2);flex:1;flex-wrap:wrap}body.jh-design-a #phone .report .tf-button-date strong{font-size:var(--fs-2xl);line-height:var(--lh-tight);letter-spacing:-.04em;color:var(--tf-ink)}.tf-button-date small{font-size:var(--fs-2xs);color:var(--tf-muted)}.tf-chevron{font-size:var(--fs-xl);width:15px;text-align:center;color:var(--tf-accent)}.tf-item.selected{background:var(--tf-surface);box-shadow:inset 3px 0 var(--tf-accent);margin:0 -12px;padding:0 var(--sp-3)}.tf-item .tf-reasoning{padding:0 2px var(--sp-5)}body.jh-design-a #phone .report .tf-item .tf-reason{font-size:var(--fs-sm)}.tf-year-button:focus-visible{outline:2px solid var(--tf-accent);outline-offset:2px}@media(max-width:370px){body.jh-design-a #phone .report .tf-header h4{font-size:var(--fs-xl)}body.jh-design-a #phone .report .tf-year-number{font-size:var(--fs-2xl)}.tf-year-reason{grid-template-columns:45px minmax(0,1fr);gap:var(--sp-2)}.tf-reasoning{grid-template-columns:38px minmax(0,1fr);column-gap:var(--sp-2)}.tf-button-date{gap:var(--sp-1)}}.tf-a1 .tf-reasoning,.tf-a2 .tf-reasoning{display:block}.tf-role-row{display:grid;grid-template-columns:48px minmax(0,1fr);gap:var(--sp-3);align-items:center;min-height:78px}.tf-role-row+.tf-role-row{margin-top:var(--sp-3)}.tf-seat{align-self:center;text-align:center;min-width:0}.tf-seat .tf-pillar-cell{height:48px;border-radius:var(--r-md);border:1px solid var(--tf-line)}.tf-seat-role{display:block;font:var(--fw-bold) var(--fs-2xs)/var(--lh-snug) var(--reader-font);color:var(--tf-ink);margin-top:var(--sp-1);text-align:center;white-space:nowrap}body.jh-design-a #phone .report .tf-role-row .tf-reason-copy{padding:var(--sp-2) 0;border:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.tf-role-row+.tf-role-row .tf-reason-copy{border-top:1px solid var(--tf-line)!important}.tf-role-row .tf-reason-meta{margin-bottom:var(--sp-2)}.tf-a1 .tf-seat-role{background:var(--tf-surface);border:1px solid var(--tf-line);border-radius:var(--r-sm);padding:2px 0}.tf-a2 .tf-year-reason{display:block;padding:var(--sp-6) 0}body.jh-design-a #phone .report .tf-a2 .tf-reason-year{display:block;font-size:var(--fs-md);margin-bottom:var(--sp-3);padding:0}.tf-a2 .tf-role-row{grid-template-columns:52px minmax(0,1fr);gap:var(--sp-4)}.tf-a2 .tf-role-row+.tf-role-row{padding-top:var(--sp-3);border-top:1px solid var(--tf-line);margin-top:var(--sp-3)}body.jh-design-a #phone .report .tf-a2 .tf-role-row .tf-reason-copy{border:0!important}.tf-a2 .tf-seat{border:1px solid var(--tf-line);border-radius:var(--r-md);overflow:hidden;background:var(--tf-surface)}.tf-a2 .tf-seat .tf-pillar-cell{border:0;border-radius:0;height:49px}.tf-a2 .tf-seat-role{margin:0;padding:var(--sp-1) 0}@media(max-width:370px){.tf-a1 .tf-year-reason{grid-template-columns:44px minmax(0,1fr);gap:var(--sp-2)}.tf-role-row{grid-template-columns:44px minmax(0,1fr);gap:var(--sp-2)}}
