/* Rounded lettering stays legible beside the pencil drawings. */
@font-face{font-family:LineSeed;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Rg.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:LineSeed;src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/LINESeedKR-Bd.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:NanumSquareRound;src:url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundR.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:NanumSquareRound;src:url('https://cdn.jsdelivr.net/gh/innks/NanumSquareRound@master/NanumSquareRoundB.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--body:'LineSeed','Apple SD Gothic Neo',sans-serif;--hand:'LineSeed','Apple SD Gothic Neo',sans-serif}
body{font-size:15px}
#birth-form{--entry-hand:var(--body)}
button,input,select,textarea{font-family:var(--body)}
.insight-kicker,.insight-heading h2,.composition-table caption,.god-percent-card caption,.star-table caption,.sticker-name,.sticker-percent,.relationship-flow,.symbol-ko,.symbol-hanja,#chart-character-name,.manseok-title-row h2,.fortune-title h2,.fortune-block h3,.fortune-ko,.fortune-hanja{font-family:var(--body)}
#birth-form #birth-calendar,#birth-form #birth-sex{font-family:var(--body);font-size:13px;font-weight:500}
#birth-form input[type=text]{font-family:var(--body);font-size:16px;letter-spacing:-.02em}
#birth-form .code-field input{font-size:21px;letter-spacing:-.02em}
#birth-form .code-field>span{font-family:var(--body);font-size:13px}
#birth-form #nickname::placeholder{font-family:'Gowun Dodum',var(--body);font-size:17px;font-weight:400;letter-spacing:-.03em}
.brand,.cover-title-label h2,.cover-brand-title,.room-heading h1,.room-heading .room-title-note h1,.portrait-page h2,.manseok-title-row h2,.fortune-title h2{font-weight:700;letter-spacing:-.035em}
.friend-card h3,dialog h2,.fortune-block h3,.insight-kicker,.insight-heading h2,.composition-table caption,.god-percent-card caption,.star-table caption{font-weight:700;letter-spacing:-.025em}
.brand{font-size:25px}
.room-heading h1,.room-heading .room-title-note h1{font-size:31px}
.cover-title-row .cover-title-label h2,.cover-brand-title{font-size:26px}
.portrait-page h2{font-size:26px}
.margin-note p{font-size:17px}
.album-intro h2{font-size:25px}
.friend-card h3{font-size:17px}
.symbol-name{font-size:30px}
.manseok-title-row h2{font-size:22px}
.insight-kicker,.insight-heading h2{font-size:20px}
.composition-table caption,.god-percent-card caption{font-size:19px}
.star-table caption{font-size:18px}
.fortune-title h2{font-size:24px}
.fortune-block h3{font-size:21px}
.fortune-ko{font-size:20px}
.fortune-hanja{font-size:18px}
.sticker-percent{font-size:24px;font-weight:700}
.relationship-flow{font-size:14px}
@media(max-width:650px){
 .brand{font-size:23px}
 .room-heading h1,.room-heading .room-title-note h1{font-size:28px}
 .cover-title-row .cover-title-label h2,.cover-brand-title{font-size:23px}
 .portrait-page h2{font-size:24px}
 .symbol-name{font-size:24px}
 .sticker-percent{font-size:21px}
 .manseok-title-row h2{font-size:20px}
 .insight-kicker,.insight-heading h2{font-size:19px}
 .composition-table caption,.god-percent-card caption{font-size:18px}
 .star-table caption{font-size:17px}
 .fortune-title h2{font-size:22px}
}
@media(max-width:360px){#birth-form .code-field input{font-size:19px}}

/* The name follows the upper-left rim as loose lettering, with no label shape. */
.chart-character-wrap{position:relative}
.chart-name-arc{position:absolute;z-index:3;left:-14px;top:-14px;width:calc(100% + 28px);height:calc(100% + 28px);overflow:visible;pointer-events:none}
#chart-character-name{font-family:'Gowun Dodum',var(--body);font-size:14px;font-weight:600;letter-spacing:.4px;fill:#454537;stroke:#fffdf8;stroke-width:2px;stroke-linejoin:round;paint-order:stroke fill;white-space:nowrap}

/* Give the eight chart characters and their pencil icons more breathing room. */
.symbol-row td{height:66px}
.saju-symbol{min-height:54px}
.symbol-name{font-size:25px;line-height:1.15;font-weight:400;letter-spacing:-.02em}
.symbol-ko,.symbol-hanja{font-family:'Gowun Dodum',var(--body);font-weight:400}
.symbol-hanja{font-size:.75em}
.element-doodle{height:25px;margin-top:0}
.element-doodle .element-sketch{width:25px;height:25px}
.polarity-sign{font-size:18px;width:14px}
@media(max-width:650px){
 .symbol-row td{height:60px}
 .saju-symbol{min-height:49px}
 .symbol-name{font-size:22px}
 .element-doodle{height:23px}
 .element-doodle .element-sketch{width:23px;height:23px}
 .polarity-sign{font-size:16px;width:12px}
}
@media(max-width:380px){
 .symbol-row td{height:56px}
 .saju-symbol{min-height:46px}
 .symbol-name{font-size:20px}
 .element-doodle{height:21px}
 .element-doodle .element-sketch{width:21px;height:21px}
}

/* A rounder, still readable face for the new fortune pages. */
.fortune-notebook,.fortune-notebook button,.fortune-notebook .fortune-title h2,.fortune-notebook .fortune-block h3,.fortune-notebook .fortune-ko,.fortune-notebook .fortune-hanja,.fortune-notebook .fortune-number,.fortune-notebook .fortune-summary-card h3{font-family:NanumSquareRound,var(--body)}