body.jh-design #phone .jh-style-look{margin:var(--sp-5) 0 0}body.jh-design #phone .jh-style-look>img{display:block;width:100%;height:auto;border-radius:var(--r-sm)}body.jh-design #phone .jh-style-look figcaption{padding:var(--sp-6) 0 var(--sp-5)}body.jh-design #phone .jh-style-kicker{font:var(--fw-regular) var(--fs-xs)/var(--lh-snug) var(--reader-font);color:var(--muted)}body.jh-design #phone .jh-style-look h4{font:var(--fw-semibold) var(--fs-2xl)/var(--lh-snug) var(--reader-font);color:var(--text);margin:var(--sp-1) 0 var(--sp-4)}body.jh-design #phone .jh-style-swatches{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-4)}body.jh-design #phone .jh-style-swatches span{display:flex;align-items:center;gap:var(--sp-1);font:var(--fw-regular) var(--fs-2xs)/var(--lh-snug) var(--reader-font);color:var(--muted)}body.jh-design #phone .jh-style-swatches i{width:15px;height:15px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #00000010}body.jh-design #phone .jh-style-look p{margin:var(--sp-4) 0 0;font:var(--fw-regular) var(--fs-md)/var(--lh-read) var(--reader-font);color:var(--text);word-break:keep-all}body.jh-design{--reader-width: 440px;--reader-font: "Pretendard", "Noto Sans KR", sans-serif;--page: #17181d;--surface: #222329;--surface-soft: #1d1e24;--text: #e8e7ec;--muted: #aaa8b3;--line: #373740;--accent: #d6bad2;--accent-soft: #322932;--on-accent: #241c25;--wood: #35dc79;--fire: #ff6262;--earth: #f5c842;--metal: #e0e5ee;--water: #5497ff;margin:0;background:#101115;color:var(--text);font-family:var(--reader-font);color-scheme:dark}body.jh-design.rd-paper{--page: #f3f2ef;--surface: #eeede9;--surface-soft: #f8f7f4;--text: #27242b;--muted: #706b76;--line: #dedcd7;--accent: #79546f;--accent-soft: #f1eaf0;--on-accent: #fff;--wood: #00803d;--fire: #d92d32;--earth: #986b00;--metal: #526074;--water: #0864d9;background:#e8e7e3;color-scheme:light}body.jh-design #phone{width:100%;max-width:var(--reader-width);min-height:100dvh;margin:0 auto;border:0;border-radius:0;background:var(--page);box-shadow:none;overflow:clip}body.jh-design #phone .report,body.jh-design #phone .report .pg{background:var(--page);color:var(--text)}body.jh-design #phone .report{--gold: var(--accent);--gold2: var(--text);--dim: var(--muted);--jh-gold: var(--accent);--jh-rose: var(--accent);--jh-txt: var(--text);--jh-sub: var(--muted);--jh-ink: var(--on-accent);--jh-line: var(--line);--jh-card: var(--surface);--jh-up: var(--wood);--jh-dn: var(--fire)}body.jh-design #phone .report :is(.jh-dev,.jh-top){--jh-gold: var(--accent);--jh-rose: var(--accent);--jh-txt: var(--text);--jh-sub: var(--muted);--jh-ink: var(--on-accent);--jh-line: var(--line);--jh-card: var(--surface);--jh-up: var(--wood);--jh-dn: var(--fire);--jh-mok: var(--wood);--jh-hwa: var(--fire);--jh-to: var(--earth);--jh-geum: var(--metal);--jh-su: var(--water);font-family:var(--reader-font)}body.jh-design .rd-top{top:0;right:max(0px,calc((100% - var(--reader-width)) / 2));width:min(100%,var(--reader-width));height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--sp-4) 0;justify-content:flex-end;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--page);box-shadow:none;backdrop-filter:none}body.jh-design .rd-top::before{content:"용한언니";margin-right:auto;color:var(--text);font:var(--fw-bold) var(--fs-lg)/var(--lh-tight) "Noto Serif KR",serif;letter-spacing:-.06em}body.jh-design .rd-top button{min-height:44px;padding:0 var(--sp-2);color:var(--muted);font:var(--fw-regular) var(--fs-xs)/1 var(--reader-font);border-radius:var(--r-md)}body.jh-design .rd-top button:hover{background:var(--surface)}body.jh-design .rd-top .rd-bgm b{color:var(--accent)}body.jh-design .rd-top .rd-mode::before{background:var(--line);top:14px;bottom:14px}body.jh-design .rd-top .rd-mode .sw{background:var(--line);box-shadow:none}body.jh-design .rd-top .rd-mode .sw i{background:var(--accent);box-shadow:none}body.jh-design #phone .report .pg-hd{padding:calc(92px + env(safe-area-inset-top)) 24px 32px;margin:0}body.jh-design #phone .report .pg-hd::after{left:24px;right:24px;background:var(--line)}body.jh-design #phone .report .pg-hd small.k{margin:0 0 var(--sp-4);gap:var(--sp-2);color:var(--accent);font:var(--fw-semibold) var(--fs-xs)/var(--lh-snug) var(--reader-font);letter-spacing:.15em}body.jh-design #phone .report .pg-hd small.k::after{display:none}body.jh-design #phone .report .pg-hd small.k :is(b,em){font:inherit;color:inherit;margin:0}body.jh-design #phone .report .pg-hd .t{margin:0;color:var(--text);font:var(--fw-bold) var(--fs-3xl)/var(--lh-snug) "Noto Serif KR",serif;letter-spacing:-.055em;text-shadow:none}body.jh-design #phone .report .body.script{margin:0;padding:0 var(--sp-6) var(--sp-3);border:0;background:none;border-radius:0;box-shadow:none;color:var(--text)}body.jh-design #phone .report .subhd{margin:var(--sp-16) 0 var(--sp-6);padding:0;min-height:0;border:0;border-radius:0;background:none!important;box-shadow:none}body.jh-design #phone .report .subhd::before,body.jh-design #phone .report .subhd::after{display:none}body.jh-design #phone .report .subhd h3{display:block;margin:0;padding:0;border:0;color:var(--text);text-shadow:none;font:var(--fw-bold) var(--fs-2xl)/var(--lh-snug) var(--reader-font);letter-spacing:-.045em;-webkit-text-stroke:0}body.jh-design #phone .report .subhd :is(.k,.k small){display:block;width:auto;height:auto;margin:0 0 var(--sp-2);padding:0;border:0;border-radius:0;color:var(--accent);background:none;font:var(--fw-semibold) var(--fs-sm)/var(--lh-snug) var(--reader-font);box-shadow:none}body.jh-design #phone .report .subhd .m{color:var(--text);font:inherit}body.jh-design #phone .report .body.script>p,body.jh-design #phone .report .body.script>ul,body.jh-design #phone .report .body.script>blockquote{font:var(--fw-regular) var(--fs-lg)/var(--lh-read) var(--reader-font);letter-spacing:-.025em;color:var(--text);margin:0 0 var(--sp-6);word-break:keep-all;overflow-wrap:anywhere}body.jh-design #phone .report .body.script>p :is(b,strong){color:var(--text);font-weight:var(--fw-semibold)}body.jh-design #phone .report .body.script h4.tri{padding:0;margin:var(--sp-8) 0 var(--sp-4);border:0;background:none;color:var(--accent);font:var(--fw-semibold) var(--fs-md)/var(--lh-snug) var(--reader-font);letter-spacing:-.025em}body.jh-design #phone .report .body.script blockquote.punch{margin:0;padding:var(--sp-6);border:0;border-radius:var(--r-lg);background:var(--accent-soft);color:var(--text);font:var(--fw-semibold) var(--fs-xl)/var(--lh-body) var(--reader-font);letter-spacing:-.035em}body.jh-design #phone .report .body.script .fixbox{padding:var(--sp-5);border:0;border-radius:var(--r-lg);background:var(--surface-soft)}body.xr.jh-design #phone .report .device.jh-dev{margin:var(--sp-8) 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}body.jh-design #phone .report .device>small:first-child{display:block;margin:0 0 var(--sp-5);padding:0;border:0;background:none;color:var(--text);border-radius:0;box-shadow:none;font:var(--fw-semibold) var(--fs-lg)/var(--lh-snug) var(--reader-font);letter-spacing:-.03em}body.jh-design #phone .report :is(.jh-pc,.jh-mini,.jh-pillar .lv,.jh-rel-card){border:0;border-radius:0;background:none;box-shadow:none}body.jh-design #phone .report .jh-pc{padding:var(--sp-4) 0;margin:0}body.jh-design #phone .report .jh-pc .kv{margin:0 0 var(--sp-4);gap:var(--sp-1)}body.jh-design #phone .report .jh-pc .kv b{color:var(--muted);font:var(--fw-regular) var(--fs-sm)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-pc :is(p,.kv span){color:var(--text);font:var(--fw-regular) var(--fs-lg)/var(--lh-read) var(--reader-font)}body.jh-design #phone .report .jh-pc .kv.key span{color:var(--text);font:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-pc.sub{border-top:1px solid var(--line);margin-top:var(--sp-4)}body.xr.jh-design #phone .report .device.jh-pillar{padding:var(--sp-6) 0;border-top:1px solid var(--line)}body.jh-design #phone .report .jh-pillar header b{font:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--reader-font);color:var(--text)}body.jh-design #phone .report .jh-pillar .lv{border-left:2px solid var(--line);padding:var(--sp-1) 0 var(--sp-1) var(--sp-4)}body.jh-design #phone .report .jh-pillar .lv.bon{border-left-color:var(--accent)}body.jh-design #phone .report .jh-rel-card{padding:var(--sp-6) 0;border-top:1px solid var(--line)}body.jh-design #phone .report .jh-rel-card header b{font:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report small.cap{margin:var(--sp-6) 0 var(--sp-4);color:var(--muted);font:var(--fw-semibold) var(--fs-md)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-guide{margin:0;padding:var(--sp-8) var(--sp-6) var(--sp-8);background:var(--surface-soft);border:0;border-radius:0;box-shadow:none}body.jh-design #phone .report .body.script .jh-guide{padding:var(--sp-6) 0;background:none}body.jh-design #phone .report .jh-guide .ghd{display:block;padding:0;margin:0 0 var(--sp-5);background:none;color:var(--accent);font:var(--fw-semibold) var(--fs-md)/var(--lh-snug) var(--reader-font);letter-spacing:-.02em}body.jh-design #phone .report .jh-guide .see{padding:0 0 var(--sp-5) var(--sp-6);margin:0 0 var(--sp-6);border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--text);font:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--reader-font)}body.jh-design #phone .report .jh-guide .see li{padding:var(--sp-1) 0 var(--sp-1) var(--sp-1)}body.jh-design #phone .report .jh-guide .ex{font:var(--fw-regular) var(--fs-lg)/var(--lh-read) var(--reader-font);color:var(--muted);margin:var(--sp-5) 0 0}body.jh-design #phone .report .jh-tap .hint{padding:0;margin:var(--sp-5) 0 var(--sp-4);background:none;color:var(--muted);font:var(--fw-regular) var(--fs-sm)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-tap .hint .n{font:inherit;color:var(--accent)}body.jh-design #phone .report .jh-tap .tcap{min-height:78px;margin-top:var(--sp-5);padding:var(--sp-4);border:0;border-left:2px solid var(--accent);border-radius:0 8px 8px 0;background:var(--accent-soft)}body.jh-design #phone .report .jh-tap .tcap p{font:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--reader-font);color:var(--text)}body.jh-design #phone .report .jh-tap .tip:not(.seen){animation:none}body.jh-design #phone .report .jh-tap .tip.now{outline:2px solid var(--accent);box-shadow:none}body.jh-design #phone .report .jh-guide .tchip{min-height:44px;border-radius:var(--r-md);font:var(--fw-regular) var(--fs-md)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-gbone .g{grid-template-columns:42px repeat(var(--n),minmax(0,1fr));gap:var(--sp-2)}body.jh-design #phone .report .jh-gbone .c{height:94px;gap:3px;background:var(--page);border-color:var(--line);border-radius:var(--r-md);box-shadow:none}body.jh-design #phone .report .jh-gbone .c b{font-size:var(--fs-2xl)}body.jh-design #phone .report .jh-gbone .c em{position:static;max-width:100%;padding:1px var(--sp-1);border-radius:var(--r-sm);font:var(--fw-regular) var(--fs-2xs)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-gbone .c.bon,body.jh-design #phone .report .jh-gbone .c.me{border-color:var(--accent);background:var(--accent-soft)}body.jh-design #phone .report .jh-natal .nn-sheet{padding:0;background:none;border:0;box-shadow:none}body.jh-design #phone .report .jh-natal .nn-sheet::before,body.jh-design #phone .report .jh-natal .nn-sheet::after{display:none}body.jh-design #phone .report .jh-natal .nn-g{gap:var(--sp-2)}body.jh-design #phone .report .jh-natal .nn-p{border:0;border-radius:var(--r-md);background:var(--surface-soft)}body.jh-design #phone .report .jh-natal .nn-hd{padding:var(--sp-3) 2px;background:var(--surface);color:var(--text);border:0;font:var(--fw-semibold) var(--fs-md)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-natal .nn-hd small{color:var(--muted);font:var(--fw-regular) var(--fs-2xs)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-natal .nn-c{background:none;box-shadow:none;border-color:var(--line)}body.jh-design #phone .report .jh-natal .nn-c strong{text-shadow:none;-webkit-text-stroke:0;color:var(--light)}body.jh-design #phone .report .jh-natal .nn-wood{--light: var(--wood)}body.jh-design #phone .report .jh-natal .nn-fire{--light: var(--fire)}body.jh-design #phone .report .jh-natal .nn-earth{--light: var(--earth)}body.jh-design #phone .report .jh-natal .nn-metal{--light: var(--metal)}body.jh-design #phone .report .jh-natal .nn-water{--light: var(--water)}body.jh-design #phone .report .jh-natal :is(.nn-tg,.nn-kw){border:0;background:none;color:var(--muted);padding:1px 2px;font-family:var(--reader-font)}body.jh-design #phone .report .jh-natal .nn-me{outline:1px solid var(--accent);outline-offset:-1px;border-radius:var(--r-md)}body.jh-design #phone .report .jh-rel text{stroke:var(--page)}body.jh-design #phone .report .jh-cmp{overflow-x:auto}body.jh-design #phone .report .jh-cmp .tb{grid-template-columns:58px repeat(var(--n),minmax(65px,1fr));gap:0}body.jh-design #phone .report .jh-cmp .tb>span{padding:var(--sp-3) var(--sp-1);border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;background:none}body.jh-design #phone .report .jh-cmp .c small{font-size:var(--fs-xs);line-height:var(--lh-snug)}body.jh-design #phone .report :is(.jh-sibview,.jh-dogam .info){border:1px solid var(--line);background:var(--surface-soft);border-radius:var(--r-lg);box-shadow:none}body.jh-design #phone .report .jh-sibview summary{min-height:48px;padding:var(--sp-4) var(--sp-4);font:var(--fw-semibold) var(--fs-md)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-dogam .grid{gap:var(--sp-2)}body.jh-design #phone .report .jh-dogam .dc{min-height:76px;padding:var(--sp-4) var(--sp-1);background:var(--surface-soft);box-shadow:none}body.jh-design #phone .report .jh-dogam .dc.sel{outline-color:var(--accent);background:var(--accent-soft)}body.jh-design #phone .report .jh-dogam .dc em{top:-6px;right:5px;font:var(--fw-regular) var(--fs-2xs)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .jh-chips span{font:var(--fw-regular) var(--fs-sm)/var(--lh-snug) var(--reader-font);border-radius:var(--r-md);padding:var(--sp-1) var(--sp-2)}body.jh-design #phone .report .jh-chips span.on{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent)}body.jh-design #phone .report .jh-charhd b{font:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--reader-font);color:var(--text)}body.jh-design #phone .report :is(.fx-veil,.fx-rip){margin:var(--sp-6) 0}body.jh-design #phone .report .fx-veil:not(.open) .fx-veil-cv{min-height:170px!important}body.jh-design #phone .report :is(.fx-veil-cv,.fx-rip-cv),body.jh-design #phone .report :is(.fx-veil-cv,.fx-rip-cv) *{animation:none;box-shadow:none}body.jh-design #phone .report .fx-veil.rip .fx-veil-cv i,body.jh-design #phone .report .fx-veil.slide .pane,body.jh-design #phone .report .fx-rip-cv i{background:var(--surface);border-color:var(--line)}body.jh-design #phone .report .fx-veil-cv span,body.jh-design #phone .report .fx-rip-cv span{background:var(--accent);color:var(--on-accent);border:0;border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);max-width:88%;font:var(--fw-semibold) var(--fs-md)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .report .fx-veil-cv span small{color:var(--on-accent);font:var(--fw-regular) var(--fs-sm)/var(--lh-snug) var(--reader-font);margin-bottom:var(--sp-1)}body.jh-design #phone .report .fx-veil.slide .hd{color:var(--accent);background:var(--page);border-color:var(--line);box-shadow:none}body.jh-design #phone .jh-draft{margin:0 0 var(--sp-6);border-bottom:1px solid var(--line);color:var(--muted)}body.jh-design #phone .jh-draft summary{padding:var(--sp-4) 0;min-height:48px;cursor:pointer;font:var(--fw-regular) var(--fs-sm)/var(--lh-snug) var(--reader-font)}body.jh-design #phone .jh-draft .jh-toon{padding:0 0 var(--sp-5);gap:var(--sp-3)}body.jh-design #phone .jh-draft .cut{opacity:1;transform:none}body.jh-design #phone .jh-draft .pimg.missing{display:none}body.jh-design #phone .jh-draft .bub{position:static;min-height:0;max-width:100%;width:auto;margin:0;padding:var(--sp-3) var(--sp-4);border:0;border-radius:var(--r-md);background:var(--surface);color:var(--text);font:var(--fw-regular) var(--fs-md)/var(--lh-body) var(--reader-font);text-align:left}body.jh-design #phone .jh-draft .bub::before,body.jh-design #phone .jh-draft .bub::after{display:none}body.jh-design #phone .scroll-pg>.jh-draft{margin:var(--sp-8) var(--sp-6)}body.jh-design #phone .pager{width:var(--reader-width);padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:var(--page);border-top:1px solid var(--line);backdrop-filter:none;grid-template-columns:44px 1fr auto 44px;gap:var(--sp-3)}body.jh-design #phone .pager button{min-height:44px;background:var(--surface);color:var(--text);border:0;border-radius:var(--r-md);box-shadow:none;font-family:var(--reader-font)}body.jh-design #phone .pager .tocb{background:none;padding:0 var(--sp-2);font-size:var(--fs-md);font-weight:var(--fw-regular)}body.jh-design #phone .pager .pos{color:var(--muted);font:var(--fs-xs)/var(--lh-snug) var(--reader-font);font-variant-numeric:tabular-nums}body.jh-design .tocov .sheet{width:var(--reader-width);background:var(--page);color:var(--text);padding:var(--sp-6)}body.jh-design .tocov :is(.hd,li){color:var(--text);border-color:var(--line);font-family:var(--reader-font)}body.jh-design :is(button,summary,[role=button]):focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:360px){body.jh-design #phone .report .body.script{padding-inline:var(--sp-5)}body.jh-design #phone .report .jh-guide{padding-inline:var(--sp-5)}body.jh-design #phone .report .pg-hd{padding-inline:var(--sp-5)}body.jh-design #phone .report .jh-gbone .g{gap:var(--sp-1);grid-template-columns:32px repeat(var(--n),minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){body.jh-design #phone .report *,body.jh-design #phone .report *::before,body.jh-design #phone .report *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
