.font-settings-page{width:100%;max-width:var(--account-page-width,1040px);padding:24px var(--account-page-gutter,16px) 40px;margin-inline:auto}.font-settings-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.font-settings-heading h1{margin:0;font-size:24px;font-weight:700;line-height:1.35}.font-settings-heading>a{width:44px;height:44px;color:inherit;border-radius:50%;flex:none;place-items:center;margin-left:-10px;display:grid}.font-settings-heading>a:hover{background:var(--theme-surface-1)}.font-settings-heading>a:focus-visible{outline:2px solid var(--home-accent-text);outline-offset:2px}.font-settings-heading .ui-button{width:44px;min-height:44px;color:var(--theme-text-secondary);margin-left:auto;padding:12px}.font-settings-intro{color:var(--theme-text-secondary);margin:0 0 24px;font-size:14px;line-height:1.6}.font-settings-layout{gap:24px;display:grid}.font-settings-page .font-settings-controls,.font-settings-page .font-preview-section{width:100%;min-width:0;max-width:none;margin:0;padding:0}.font-settings-page .font-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.font-choices .ui-radio-option{border:1px solid var(--theme-line-subtle);background:0 0;border-radius:10px;align-items:center;gap:10px;min-width:0;min-height:64px;padding:12px}.font-choices .ui-radio-option>span{overflow-wrap:anywhere;min-width:0}.font-choices .ui-radio-option strong{font-size:16px;font-weight:400;line-height:1.5}.font-choices .ui-radio-option input{width:18px;height:18px;accent-color:var(--home-accent);flex:none;margin:0}.font-choices .ui-radio-option:has(input:checked){border-color:var(--home-accent);background:var(--home-accent-soft)}.font-choices .ui-radio-option:has(input:focus-visible){outline:2px solid var(--home-accent-text);outline-offset:3px}.font-choices .ui-radio-option:has(input[value=nanum]){font-family:Reading NanumMyeongjo,serif}.font-choices .ui-radio-option:has(input[value=maru]){font-family:Reading MaruBuri,serif}.font-choices .ui-radio-option:has(input[value=kopub]){font-family:Reading KoPubBatang,serif}.font-settings-status{min-height:24px;color:var(--theme-text-secondary);margin:12px 0 0;font-size:13px;line-height:1.6}.font-settings-error{padding-top:12px;font-size:14px;line-height:1.6}.font-settings-error p{color:var(--theme-error-text);margin:0 0 12px}.font-settings-error>div{flex-wrap:wrap;gap:10px;display:flex}.font-settings-error .ui-button{white-space:normal;min-height:44px}.font-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.font-preview-heading h2{margin:0;font-size:16px;font-weight:600;line-height:1.5}.font-preview-heading>span{color:var(--theme-text-secondary);font-size:13px}.font-preview-hint{color:var(--theme-text-secondary);margin:6px 0 16px;font-size:13px;line-height:1.6}.font-settings-page .font-reading-sample{border:0;border-block:1px solid var(--theme-line-subtle);border-radius:0;min-height:220px;padding:12px 0;overflow:visible}.font-settings-page .font-reading-sample .public-character-row:first-child{margin-top:0}.font-settings-page .font-reading-sample:not([data-reading-layout=messenger]) .public-character-bubble{background:0 0;border-radius:0}.font-preview-loading{border-block:1px solid var(--theme-line-subtle);align-content:start;gap:20px;min-height:220px;padding-block:24px;display:grid}.font-preview-loading span{background:var(--theme-surface-2);border-radius:6px;width:76%;height:24px}.font-preview-loading span:nth-child(2){width:60%;height:44px}.font-preview-loading span:last-child{justify-self:end;width:65%;height:44px}@media (min-width:768px){.font-settings-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:start;gap:32px}.font-settings-page .font-choices{grid-template-columns:1fr}.font-settings-page .font-preview-section{border-left:1px solid var(--theme-line-subtle);padding-left:28px}}
