#root{width:100%;min-height:100vh;background:#f5f4f2;box-sizing:border-box}.hyean-screen-loading{min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:32px;color:#4e5968;background:#f5f4f2;text-align:center}.hyean-screen-loading strong{margin-top:8px;color:#191f28;font-size:15px}.hyean-screen-loading>span{color:#8b95a1;font-size:12px}.hyean-screen-loading__orbit{display:flex;align-items:center;gap:7px;height:24px}.hyean-screen-loading__orbit span{width:7px;height:7px;border-radius:999px;background:#8f6b23;animation:hyean-orbit 1.15s ease-in-out infinite}.hyean-screen-loading__orbit span:nth-child(2){width:11px;height:11px;animation-delay:.12s}.hyean-screen-loading__orbit span:nth-child(3){animation-delay:.24s}.hyean-screen-error{min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:32px 24px 112px;background:#f5f4f2;color:#191f28;text-align:center}.hyean-screen-error>span{display:grid;width:48px;height:48px;place-items:center;border-radius:16px;background:#eceff3;color:#17324d;font-size:24px}.hyean-screen-error strong{margin-top:4px;font-size:17px}.hyean-screen-error p{max-width:280px;margin:0;color:#6b7684;font-size:13px;line-height:1.6}.hyean-screen-error button{min-width:132px;min-height:44px;margin-top:6px;border:0;border-radius:14px;background:#17324d;color:#fff;font:inherit;font-size:14px;font-weight:750;cursor:pointer}@keyframes hyean-orbit{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.hyean-screen-loading__orbit span{animation:none}}@media(min-width:481px){#root{background-color:#fff!important;max-width:480px;margin:0 auto}}.v22{--ink-900:#0B1018;--ink-850:#0F1622;--ink-800:#141D2B;--ink-750:#1A2434;--paper:#F2EDE3;--paper-2:#C3BCAF;--paper-3:#A9A296;--thread:#C8383C;--thread-lit:#E06A62;--thread-fill:#B03034;--gold:#D4A94E;--gold-lit:#E0B95F;--bg:var(--ink-900);--bg-raised:var(--ink-800);--text:var(--paper);--text-2:var(--paper-2);--text-3:var(--paper-3);--hair:rgba(242,237,227,.12);--hair-strong:rgba(242,237,227,.2);--rail:52px;--gut:20px;--on-photo:#F2EDE3;--on-photo-2:#C9C2B5;--ease-out:cubic-bezier(.23,1,.32,1);--f-display:"Gowun Batang",serif;--f-body:"IBM Plex Sans KR",system-ui,-apple-system,sans-serif}.v22 *,.v22 *:before,.v22 *:after{box-sizing:border-box}.v22{-webkit-text-size-adjust:100%}.v22{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-body);font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all;overflow-wrap:break-word}.v22 ::selection{background:var(--thread-fill);color:var(--paper)}.v22 img{display:block;max-width:100%}.v22 :focus-visible{outline:2px solid var(--gold-lit);outline-offset:3px;border-radius:4px}.v22 .page{position:relative;width:100%;max-width:390px;margin-inline:auto;background:var(--bg);padding-bottom:env(safe-area-inset-bottom)}.v22 .sec{position:relative;padding-inline:var(--rail) var(--gut)}.v22 .seg{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:var(--rail);block-size:100%;overflow:visible;z-index:3;pointer-events:none}.v22 .fix{position:absolute;inset-inline-start:0;inline-size:var(--rail);z-index:4;pointer-events:none}.v22 .thread{--w:2.3px}.v22 .thread path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.v22 path.cord-base{stroke:#7e2830;stroke-width:calc(var(--w) + 1.2px);stroke-linecap:butt}.v22 path.cord-body{stroke:var(--thread);stroke-width:var(--w)}.v22 path.ply-shade{stroke:#5e1b22;stroke-width:calc(var(--w) * .52);stroke-linecap:butt;opacity:.55}.v22 path.ply-light{stroke:var(--thread-lit);stroke-width:calc(var(--w) * .44);stroke-linecap:butt;opacity:.8}.v22:not([data-tone=paper]) .thread{filter:drop-shadow(0 0 1.4px rgba(200,56,60,.3))}.v22 .thread.ln--taut{--w:2px}.v22 .thread.ln--even{--w:2.9px}.v22 .thread.ln--slack{--w:3.2px}.v22 .thread.ln--thick{--w:3.8px}.v22 .thread.ln--frayed{--w:2px;opacity:.72}.v22 .ln--gold{stroke:var(--gold)}.v22 .bleed{margin-inline:calc(var(--rail) * -1) calc(var(--gut) * -1);position:relative}.v22 .eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--text-3)}.v22 .sec-label{margin:0 0 6px;font-family:var(--f-display);font-size:22px;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--text);text-wrap:balance}.v22 .tale{margin:0 0 18px;font-family:var(--f-display);font-size:15px;line-height:1.85;color:var(--text-2);text-wrap:pretty}.v22 .prose{margin:0;font-size:15.5px;line-height:1.8;color:var(--text-2);text-wrap:pretty}.v22 .num{font-variant-numeric:tabular-nums}.v22 .hero{padding-block:0 30px}.v22 .hero-frame{position:relative;block-size:404px;overflow:hidden}.v22 .hero-frame img{inline-size:100%;block-size:100%;object-fit:cover;object-position:center 58%}.v22 .hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b1018db,#0b101857 26%,#0b101800 46%),linear-gradient(0deg,var(--ink-900) 2%,rgba(11,16,24,.72) 22%,rgba(11,16,24,0) 52%)}.v22 .hero-top .eyebrow{color:var(--on-photo-2)}.v22 .hero-top{position:absolute;inset-block-start:18px;inset-inline:var(--rail) var(--gut);z-index:5}.v22 .hero-bottom{position:absolute;inset-block-end:16px;inset-inline:var(--rail) var(--gut);z-index:5}.v22 .hero-name{margin:0 0 3px;font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--on-photo-2)}.v22 .hero-type{margin:0 0 8px;font-family:var(--f-display);font-size:36px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--on-photo);text-wrap:balance}.v22 .hero-type .emo{font-size:29px;margin-inline-end:2px}.v22 .hero-tag{margin:0;font-size:14.5px;line-height:1.7;color:var(--on-photo);text-wrap:pretty}.v22 .beads{display:flex;align-items:center;gap:0;margin-block-start:20px;border-block:1px solid var(--hair);padding-block:11px}.v22 .bead{flex:1 1 0;min-inline-size:0;margin:0;text-align:center;font-size:13px;line-height:1.5;white-space:nowrap}.v22 .bead+.bead{border-inline-start:1px solid var(--hair)}.v22 .bead .k{display:block;line-height:1.3;color:var(--text-3);font-size:12.5px}.v22 .bead b{font-family:var(--f-display);font-weight:700;font-size:16px;color:var(--paper)}.v22 .bead .gold{color:var(--gold-lit)}.v22 .block{padding-block:34px}.v22 .block--tight{padding-block:26px}.v22 .portrait{font-family:var(--f-display);font-size:16.5px;line-height:1.95;color:var(--paper);margin:0;text-wrap:pretty}.v22 .join{background:radial-gradient(120% 60% at 12% 0%,#c8383c29,#c8383c00 62%),var(--ink-850)}.v22[data-tone=paper] .join{background:none}.v22 .join-title{margin:0 0 8px;font-family:var(--f-display);font-size:23px;font-weight:700;line-height:1.4;color:var(--paper);text-wrap:balance}.v22 .join-desc{margin:0 0 18px;font-size:14.5px;line-height:1.75;color:var(--text-2);text-wrap:pretty}.v22 .band{block-size:132px;overflow:hidden;outline:1px solid rgba(242,237,227,.1);outline-offset:-1px}.v22 .band img{inline-size:100%;block-size:100%;object-fit:cover}.v22 .band--love img{object-position:center 44%}.v22 .band--people img{object-position:center 62%}.v22 .tension{margin-block:22px 24px;border-block:1px solid var(--hair)}.v22 .trow{display:grid;grid-template-columns:36px 1fr;align-items:center;gap:14px;padding-block:14px}.v22 .trow+.trow{border-block-start:1px solid var(--hair)}.v22 .trow .lab{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;color:var(--text-3);margin-block-end:2px}.v22 .trow .val{display:block;font-size:14.5px;font-weight:500;line-height:1.55;color:var(--paper)}.v22 .trow svg{inline-size:36px;block-size:30px;display:block}.v22 .btns{display:flex;flex-direction:column;gap:10px}.v22 .btn{display:flex;align-items:center;justify-content:center;gap:8px;min-block-size:52px;padding-inline:18px;border-radius:15px;border:1px solid transparent;font-family:var(--f-body);font-size:16px;font-weight:600;letter-spacing:-.01em;text-decoration:none;cursor:pointer;transition-property:background-color,border-color,color,scale;transition-duration:.15s;transition-timing-function:ease}.v22 .btn:active{scale:.96}.v22 .btn--primary{background:var(--thread-fill);color:var(--paper);box-shadow:0 1px #f2ede329 inset,0 8px 22px -12px #c8383ce6}.v22 .btn--secondary{background:transparent;border-color:var(--hair-strong);color:var(--paper)}@media(hover:hover)and (pointer:fine){.v22 .btn--primary:hover{background:#c13c40}.v22 .btn--secondary:hover{border-color:var(--gold);color:var(--gold-lit)}}.v22 .notice{margin:16px 0 0;display:grid;grid-template-columns:16px 1fr;gap:9px;font-size:12.5px;line-height:1.7;color:var(--text-3);text-wrap:pretty}.v22 .notice svg{inline-size:16px;block-size:16px;margin-block-start:4px}.v22 .badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 12px;border:1px solid rgba(212,169,78,.4);border-radius:999px;background:#d4a94e17;font-size:13px;font-weight:500;line-height:1.5;color:var(--gold-lit);text-wrap:pretty}.v22 .badge svg{inline-size:18px;block-size:18px;flex:none}.v22 .chips{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:12px}.v22 .chip{font-size:12.5px;font-weight:500;padding:5px 11px;border-radius:999px;border:1px solid var(--hair);color:var(--text-2);background:#f2ede30a}.v22 .chip--gold{border-color:#d4a94e5c;color:var(--gold-lit)}.v22 .chip--taut{border-color:#e06a625c;color:var(--thread-lit)}.v22 .strands{position:relative;margin-block-start:22px;margin-inline:calc(var(--rail) * -1) calc(var(--gut) * -1)}.v22 .strands-svg{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;z-index:1;pointer-events:none}.v22 .strand{position:relative;z-index:2;min-block-size:84px;padding-inline:104px var(--gut);display:flex;flex-direction:column;justify-content:center}.v22 .strand-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.v22 .strand-name{font-family:var(--f-display);font-size:19px;font-weight:700;line-height:1.3;color:var(--paper)}.v22 .strand-rel{font-size:12.5px;font-weight:600;line-height:1.4;color:var(--gold-lit)}.v22 .strand-rel--taut{color:var(--thread-lit)}.v22 .strand-sub{margin-block-start:1px;font-size:13.5px;line-height:1.5;color:var(--text-2)}.v22 .strand-sub .n{font-variant-numeric:tabular-nums;font-weight:600;color:var(--paper)}.v22 .strand--open{min-block-size:96px}.v22 .strand--open .strand-name{color:var(--text-3);font-weight:400;font-size:17px}.v22 .strand--open .strand-sub{color:var(--text-3)}.v22 .codex{margin-block-start:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block-start:14px;border-block-start:1px solid var(--hair);font-size:13px;color:var(--text-2)}.v22 .codex .cnt{font-family:var(--f-display);font-weight:700;font-size:16px;font-variant-numeric:tabular-nums;color:var(--gold-lit)}.v22 .dom{position:relative;padding-block:22px}.v22 .dom+.dom{border-block-start:1px solid var(--hair)}.v22 .dom-head{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;margin-block-end:12px}.v22 .dom-thumb{inline-size:64px;block-size:64px;border-radius:16px;overflow:hidden;outline:1px solid rgba(242,237,227,.1);outline-offset:-1px}.v22 .dom-thumb img{inline-size:100%;block-size:100%;object-fit:cover}.v22 .dom-name{margin:0;font-family:var(--f-display);font-size:21px;font-weight:700;line-height:1.25;color:var(--paper)}.v22 .dom-name .emo{font-size:17px;margin-inline-start:3px}.v22 .dom-meta{margin-block-start:5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.v22 .dom-gung{font-family:var(--f-display);font-size:12.5px;line-height:1.4;color:var(--text-3)}.v22 .part{font-size:11.5px;font-weight:600;line-height:1;padding:4px 8px;border-radius:999px;border:1px solid rgba(212,169,78,.34);color:var(--gold-lit)}.v22 .bead-mark{position:absolute;inset-block-start:38px;inset-inline-start:calc(var(--rail) * -1);inline-size:var(--rail);block-size:20px;z-index:4;pointer-events:none}.v22 .samj{position:relative}.v22 .samj-head{display:grid;grid-template-columns:1fr 64px;gap:14px;align-items:center}.v22 .samj-thumb{inline-size:64px;block-size:64px;border-radius:16px;overflow:hidden;outline:1px solid rgba(242,237,227,.1);outline-offset:-1px}.v22 .samj-thumb img{inline-size:100%;block-size:100%;object-fit:cover}.v22 .era{position:relative;padding-inline:var(--rail) var(--gut);padding-block:20px}.v22 .era-top{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-block-end:5px}.v22 .era-name{font-family:var(--f-display);font-size:19px;font-weight:700;line-height:1.3;color:var(--paper)}.v22 .era-state{font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:999px;line-height:1.5}.v22 .era-state--thick{color:var(--thread-lit);border:1px solid rgba(224,106,98,.4);background:#e06a621a}.v22 .era-state--even{color:var(--text-2);border:1px solid var(--hair-strong)}.v22 .snarl{margin:0;padding:0;list-style:none}.v22 .snarl li{padding-block:14px;font-size:15px;line-height:1.75;color:var(--text-2);text-wrap:pretty}.v22 .snarl li+li{border-block-start:1px solid var(--hair)}.v22 .outro{padding-block:16px 0;background:linear-gradient(180deg,var(--ink-900) 0%,var(--ink-850) 100%)}.v22 .end-title{margin:0 0 6px;font-family:var(--f-display);font-size:24px;font-weight:700;line-height:1.35;color:var(--paper);text-wrap:balance}.v22 .end-note{margin:0 0 18px;font-size:14px;line-height:1.7;color:var(--text-2);text-wrap:pretty}.v22 .foot{margin:0;padding-block:26px 34px;border-block-start:1px solid var(--hair);font-size:12px;line-height:1.75;color:var(--text-3);text-wrap:pretty}.v22 .js-anim .seg,.v22 .js-anim .fix,.v22 .js-anim .strands-svg{clip-path:inset(0 0 100% 0)}.v22 .js-anim .rv{opacity:0;transform:translateY(10px)}.v22 .js-anim .seg,.v22 .js-anim .fix,.v22 .js-anim .strands-svg{transition:clip-path var(--draw-ms, .7s) linear}.v22 .js-anim .rv{transition:opacity .52s var(--ease-out),transform .52s var(--ease-out)}.v22 .js-anim .is-in .seg,.v22 .js-anim .is-in .fix,.v22 .js-anim .is-in .strands-svg,.v22 .js-anim .seg.is-in,.v22 .js-anim .fix.is-in,.v22 .js-anim .strands-svg.is-in{clip-path:inset(0 0 0 0)}.v22 .js-anim .rv.is-in{opacity:1;transform:none}.v22 .js-anim .era.rv{transform:none}.v22 .thread-leader{opacity:0;fill:none;stroke:var(--thread-lit);stroke-width:5px;pointer-events:none}@keyframes thread-tip{0%{clip-path:inset(-5px 0 100% 0) view-box}to{clip-path:inset(calc(100% - 5px) 0 0 0) view-box}}@keyframes thread-tip-fade{0%,88%{opacity:.85}94%,to{opacity:0}}@supports (clip-path:inset(0 0 0 0) view-box){.v22 .js-anim .seg.is-drawing .thread-leader{animation:thread-tip var(--draw-ms, .7s) linear both,thread-tip-fade var(--draw-ms, .7s) linear both}}.v22 .js-anim .dom.rv{transform:none}.v22 .js-anim .dom.rv.is-in{opacity:1;transition:none}@keyframes knot-tie{0%{transform:scale(.92);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1);opacity:1}}.v22 .js-anim .bead-mark.is-tied circle{transform-box:fill-box;transform-origin:center;animation:knot-tie .26s var(--ease-out) both}@keyframes tremor{0%,to{transform:translate(0)}50%{transform:translate(.9px)}}.v22 .tremor{transform-box:fill-box;animation:tremor 1.7s ease-in-out infinite}@keyframes sway{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}.v22 .sway{transform-box:fill-box;transform-origin:top center;animation:sway 4.6s ease-in-out infinite}.v22 .motion-off *,.v22 .motion-off *:before,.v22 .motion-off *:after{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.v22 *,.v22 *:before,.v22 *:after{animation:none!important;transition:none!important}.v22 .js-anim .seg,.v22 .js-anim .fix,.v22 .js-anim .strands-svg{clip-path:none}.v22 .js-anim .rv{opacity:1;transform:none}.v22 .thread-leader{display:none}}.v22[data-tone=paper]{--ink-900: #F6F2E9;--ink-850: #FCF9F1;--ink-800: #FFFEFA;--ink-750: #EFE8DA;--paper: #191F28;--paper-2: #4E5968;--paper-3: #6E6455;--gold: #8f6b23;--gold-lit: #7a5a1c;--thread-lit: #8F3B33;--hair: rgba(25, 31, 40, .1);--hair-strong: rgba(25, 31, 40, .18)}.v22[data-tone=paper] .hero-scrim{background:linear-gradient(180deg,#f6f2e9eb,#f6f2e947 24%,#f6f2e900 44%),linear-gradient(0deg,var(--ink-900) 2%,rgba(246,242,233,.7) 24%,rgba(246,242,233,0) 56%)}.v22[data-tone=paper] .hero-frame img{object-position:center 26%;mix-blend-mode:multiply}.v22[data-tone=paper] .hero-top .eyebrow{color:#7c6f58}.v22[data-tone=paper] .hero-name{color:#6e6250}.v22[data-tone=paper] .hero-type{color:var(--paper)}.v22[data-tone=paper] .hero-tag{color:#3d3628}.v22[data-layout=summary] .hero{padding-block-end:0}.v22[data-layout=summary] .hero-frame{block-size:auto;min-block-size:248px;display:flex;flex-direction:column;justify-content:flex-end;padding:24px}.v22[data-layout=summary] .hero-frame img{position:absolute;top:0;right:0;bottom:0;left:0;object-position:center 58%}.v22[data-layout=summary] .hero-top{position:relative;inset:auto;margin-block-end:36px}.v22[data-layout=summary] .hero-bottom{position:relative;inset:auto}.v22[data-layout=summary] .hero-type{font-size:2rem}.v22[data-layout=summary] .hero-tag{font-size:.9375rem}.v22[data-layout=summary] .hero-scrim{background:linear-gradient(180deg,#0b10188c,#0b1018db)}.jokja{position:relative;margin:0 -24px;padding:10px 4px 26px;background:radial-gradient(120% 52% at 50% 4%,#1c2736,#0b101800 58%),linear-gradient(180deg,#0b1018,#070b11) #0b1018}.jokja-hanger{margin:0 auto -2px;max-width:382px}.jokja-hanger svg{display:block;width:100%;height:auto}.jokja-rod{height:10px;border-radius:5px;background:linear-gradient(180deg,#453722,#221909 55%,#0c0804);box-shadow:inset 0 1px #c79e4852,inset 0 0 0 1px #c79e4824,0 4px 9px #000000b3;position:relative;z-index:2}.jokja-body{background:linear-gradient(180deg,#ffe4a814,#ffe4a800 7%),linear-gradient(var(--silk-veil),var(--silk-veil)),var(--silk-img) top center / var(--silk-size) auto repeat var(--silk-base);box-shadow:0 0 0 1px #c79e4861,0 30px 62px -22px #000000eb,0 0 70px -6px #deba6e1c}.jokja-silk{position:relative}.jokja-silk--head{height:56px;border-bottom:1px solid rgba(212,169,78,.5);background:linear-gradient(180deg,#0000004d,#0000000d 46%,#0000003d)}.jokja-silk--foot{height:44px;border-top:1px solid rgba(212,169,78,.5);background:linear-gradient(180deg,#00000029,#0000000d 50%,#00000052)}.jokja-silk--head:before,.jokja-silk--foot:before{content:"";position:absolute;top:6px;right:9px;bottom:6px;left:9px;border:1px solid rgba(212,169,78,.4);pointer-events:none}.jokja-pungdae{position:absolute;top:0;bottom:0;width:15px;left:23%;background:repeating-linear-gradient(0deg,#fff0cd24 0,#fff0cd24 1px,#fff0cd00 1px,#fff0cd00 3px),linear-gradient(180deg,#0000001f,#0000005c),var(--el-band);border-inline:1px solid rgba(212,169,78,.6);box-shadow:2px 2px 3px #0006}.jokja-pungdae--r{left:auto;right:23%}.jokja-tassel{position:absolute;top:-3px;width:22px;height:48px;color:var(--tassel-ink,#C79E48);z-index:1}.jokja-tassel--l{left:6px}.jokja-tassel--r{right:6px}.jokja-tassel svg{display:block;width:100%;height:100%}.jokja-paper{position:relative;margin:0 10px;background:var(--ink-900,#F6F2E9);border-inline:1.5px solid rgba(176,48,52,.55);box-shadow:inset 0 8px 14px -10px #241f174d,inset 0 -8px 14px -10px #241f1742}.jokja-paper:before{content:"";position:absolute;top:0;bottom:0;left:-5px;right:-5px;border-inline:2.5px solid var(--el-band);pointer-events:none;z-index:6}.jokja-paper:after{content:"";position:absolute;top:0;bottom:0;left:-8.5px;right:-8.5px;border-inline:1px solid rgba(212,169,78,.5);pointer-events:none;z-index:6}.jokja-roller{position:relative;z-index:2;height:24px;margin-top:-6px}.jokja-roller-bar{position:absolute;top:2px;bottom:2px;left:9px;right:9px;border-radius:11px;background:linear-gradient(180deg,#4c3b22,#2a2011 45%,#110c06);box-shadow:inset 0 1px #c79e4842,0 12px 24px -6px #000000d9}.jokja-knob{position:absolute;top:-1px;width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#96793f,#463620 55%,#1e150a);box-shadow:inset 0 0 0 2px #d4a94e8c,0 5px 10px #0009}.jokja-knob--l{left:0}.jokja-knob--r{right:0}.jokja[data-el=wood]{--silk-img:url(/assets/silk-wood-Cn9kKLx1.webp);--silk-size:236px;--silk-base:#152238;--silk-veil:rgba(5,9,18,.3);--el-band:#2E4A70}.jokja[data-el=fire]{--silk-img:url(/assets/silk-fire-CXpuF_Ll.webp);--silk-size:212px;--silk-base:#7E1F14;--silk-veil:rgba(40,8,4,.32);--el-band:#A03A2A}.jokja[data-el=earth]{--silk-img:url(/assets/silk-earth-Daaej4fc.webp);--silk-size:222px;--silk-base:#7A5A10;--silk-veil:rgba(48,31,2,.36);--el-band:#8A6A14;--tassel-ink:#4C3A16}.jokja[data-el=metal]{--silk-img:url(/assets/silk-metal-D_OGxAYJ.webp);--silk-size:226px;--silk-base:#0E0C09;--silk-veil:rgba(0,0,0,.1);--el-band:#A99C82}.jokja[data-el=water]{--silk-img:url(/assets/silk-water-BrVe5qL_.webp);--silk-size:248px;--silk-base:#131C3D;--silk-veil:rgba(4,8,24,.26);--el-band:#44589A}.v22 .hero-art{position:relative;block-size:262px;overflow:hidden;outline:1px solid rgba(36,31,23,.08);outline-offset:-1px}.v22 .hero-art img{inline-size:100%;block-size:100%;object-fit:cover;object-position:center 30%;mix-blend-mode:multiply}.v22 .hero-colophon{position:absolute;inset-block-start:16px;inset-inline-end:14px;display:flex;flex-direction:row-reverse;gap:12px;max-block-size:calc(100% - 32px)}.v22 .hero-col-main{display:flex;flex-direction:column;align-items:center;gap:12px}.v22 .hero-type-vert{margin:0;writing-mode:vertical-rl;max-block-size:100%;font-family:var(--f-display);font-size:29px;font-weight:700;line-height:1;letter-spacing:.18em;margin-block-end:-.18em;color:#241f17;background:#f6f1e5ed;box-shadow:0 0 0 6px #f6f1e5ed}.v22 .hero-seal{inline-size:32px;block-size:58px;display:block}.v22 .hero-seal text{font-family:var(--f-display);font-weight:700}.v22 .hero-eyebrow-vert{margin:0;writing-mode:vertical-rl;inline-size:max-content;max-block-size:100%;font-size:11px;font-weight:700;letter-spacing:.32em;color:#7a5a1c;padding-block:2px 6px;background:#f6f1e5ed;box-shadow:0 0 0 4px #f6f1e5ed}.v22 .hero-name-row{display:flex;align-items:center;gap:14px;margin-block-start:16px}.v22 .hero-name-rule{flex:1 1 0;block-size:1px;background:linear-gradient(90deg,#8f6b2300,#8f6b2373)}.v22 .hero-name-rule--r{background:linear-gradient(90deg,#8f6b2373,#8f6b2300)}.v22 .hero-name-standalone{margin:0;margin-inline-end:-.24em;font-family:var(--f-display);font-size:17px;font-weight:700;letter-spacing:.24em;color:var(--paper)}.v22 .hero-tag-center{margin:12px 2px 0;font-family:var(--f-display);font-size:16.5px;line-height:1.8;color:var(--text-2);text-align:center;text-wrap:pretty}.v22 .dom-seal{inline-size:64px;block-size:64px;display:block;rotate:-1.2deg}.v22 .dom:nth-of-type(2n) .dom-seal{rotate:1.1deg}.v22 .dom-seal text{font-family:var(--f-display);font-weight:700}.v22 .plate-index{margin-block-start:14px;border-block:1px solid var(--hair)}.v22 .tagchip{display:flex;align-items:center;gap:11px;min-block-size:48px;padding:5px 2px;text-decoration:none;color:inherit}.v22 .tagchip+.tagchip{border-block-start:1px solid var(--hair)}.v22 .tagchip:before{content:"";flex:none;inline-size:8px;block-size:8px;border-radius:2px;background:var(--thread-fill)}.v22 .tagchip b{flex:none;min-inline-size:64px;font-family:var(--f-display);font-size:16px;font-weight:700;line-height:1.3;color:var(--paper)}.v22 .tagchip .gung{flex:1 1 0;min-inline-size:0;font-size:12.5px;line-height:1.4;color:var(--text-3)}.v22 .tagchip .go{flex:none;inline-size:15px;block-size:15px;color:var(--gold-lit)}.v22 .samj-seal{inline-size:56px;block-size:56px;display:block;rotate:1deg}.v22 .samj-seal text{font-family:var(--f-display);font-weight:700}.v22[data-thread=off]{--rail:20px}.v22[data-thread=off] .era{padding-inline-start:15px}.v22[data-thread=off] .era--thick{border-inline-start:5px solid rgba(176,48,52,.85)}.v22[data-thread=off] .era--even{border-inline-start:2.5px solid rgba(176,48,52,.55);padding-inline-start:17.5px}.v22[data-thread=off]:not([data-tone=paper]) .page{border-inline:1.5px solid rgba(200,56,60,.4)}.v22 .hero-name-edit{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;margin-inline-start:2px;padding:12px;font-size:14px;line-height:1;color:var(--gold-lit);cursor:pointer}.v22:not([data-tone=paper]) .samj-seal rect{stroke:#d24a4e}.v22:not([data-tone=paper]) .samj-seal text{fill:#d24a4e}:root{font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;color:#191f28;background:#f5f4f2;--hyean-font-display: "AppleMyungjo", "Noto Serif KR", Georgia, serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button{touch-action:manipulation}:focus-visible{outline:3px solid rgba(45,38,96,.28);outline-offset:2px}body{margin:0;min-width:320px;min-height:100vh;background:#f5f4f2;overscroll-behavior-y:none}#root{width:100%;max-width:420px;margin:0 auto}