@font-face{font-family:"Pretendard Variable";src:url("/fonts/PretendardVariable.woff2?v=20260730a") format("woff2-variations");font-weight:45 920;font-display:swap}
@font-face{font-family:NanumSquareNeo;src:url("/fonts/NanumSquareNeo-Variable.woff2?v=20260730a") format("woff2-variations");font-weight:300 900;font-display:swap}
:root{--display-font-scale:1;--display-font-family:Paperlogy}
html{font-size:calc(16px * var(--display-font-scale,1))}
html[data-font-size="small"]{--display-font-scale:.9}
html[data-font-size="large"]{--display-font-scale:1.1}
html[data-font-family="paperlogy"]{--display-font-family:Paperlogy}
html[data-font-family="pretendard"]{--display-font-family:"Pretendard Variable"}
html[data-font-family="nanum-square"]{--display-font-family:NanumSquareNeo}
.display-settings-root{font-family:var(--display-font-family),Paperlogy,"Malgun Gothic","Apple SD Gothic Neo",system-ui,sans-serif}
.display-settings-close:focus-visible,.display-choice:focus-visible,.display-settings-volume:focus-visible{outline:3px solid #b4863e;outline-offset:3px}
.display-settings-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:rgba(14,17,12,.58);backdrop-filter:blur(8px)}
.display-settings-backdrop[hidden]{display:none}
.display-settings-dialog{width:min(980px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:26px 32px 24px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:#fff;color:#111310;box-shadow:0 28px 80px rgba(0,0,0,.3)}
.display-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:20px}
.display-settings-header h2{margin:0;font-size:calc(30px * var(--display-font-scale));line-height:1.15}
.display-settings-header p{margin:6px 0 0;color:#687064;font-size:calc(14px * var(--display-font-scale));font-weight:700}
.display-settings-close{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:12px;background:#f1f4ee;color:#111310;font-size:26px;font-weight:900;cursor:pointer}
.display-settings-sections{display:flex;flex-direction:column;gap:20px}
.display-settings-volume{display:block;width:min(280px,100%);margin:18px auto 0}
.display-settings-section{display:flex;flex-direction:column;gap:10px}
.display-settings-section h3{margin:0;font-size:calc(19px * var(--display-font-scale))}
.display-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.display-choice{position:relative;display:flex;min-width:0;min-height:96px;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:13px 16px;border:2px solid #dfe4da;border-radius:15px;background:#fff;color:#111310;font:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}
.display-choice:hover{transform:translateY(-1px);border-color:#b4863e}
.display-choice.active{border-color:#a97932;background:linear-gradient(135deg,#fff,#fbf3df);box-shadow:0 0 0 3px rgba(169,121,50,.15)}
.display-choice.active::after{content:"✓";position:absolute;top:-12px;right:-10px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#a97932;color:#fff;font-size:17px;font-weight:900;box-shadow:0 3px 9px rgba(96,64,20,.24)}
.display-choice>span:not(.display-theme-preview){font-size:calc(23px * var(--display-font-scale));font-weight:900;line-height:1.2}
.display-choice>b{font-size:calc(14px * var(--display-font-scale))}
.display-choice.size-small>span{font-size:calc(19px * var(--display-font-scale))}
.display-choice.size-medium>span{font-size:calc(25px * var(--display-font-scale))}
.display-choice.size-large>span{font-size:calc(32px * var(--display-font-scale))}
.font-paperlogy{font-family:Paperlogy,"Malgun Gothic",sans-serif}
.font-pretendard{font-family:"Pretendard Variable","Malgun Gothic",sans-serif}
.font-nanum-square{font-family:NanumSquareNeo,"Malgun Gothic",sans-serif}
.display-theme-preview{position:relative;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:5px;width:min(190px,85%);height:48px;padding:10px;border:1px solid #cfd6ca;border-radius:9px;background:var(--preview-bg);box-shadow:inset 0 9px 0 var(--preview-top)}
.display-theme-preview::before{content:"";position:absolute;top:4px;left:10px;width:38px;height:4px;border-radius:99px;background:var(--preview-line)}
.display-theme-preview i{align-self:end;height:20px;border-radius:4px;background:var(--preview-card)}
.display-theme-preview i:last-child{background:var(--preview-accent)}
.theme-light{--preview-bg:#fffaf0;--preview-top:#eee3cf;--preview-line:#6f6255;--preview-card:#e7dcc7;--preview-accent:#b4863e;border-color:#cdbb9c}
.theme-dark{--preview-bg:#0d0f11;--preview-top:#1d2024;--preview-line:#c3c9cf;--preview-card:#34383d;--preview-accent:#9ca4ad;border-color:#555c64}
.theme-mystery{--preview-bg:#071523;--preview-top:#0d2535;--preview-line:#d2aa60;--preview-card:#183647;--preview-accent:#c79542;border-color:#8d713e}
[data-theme="dark"] .display-settings-dialog{border-color:#4d535a;background:#17191c;color:#f0eee9}
[data-theme="dark"] .display-settings-header p{color:#aeb3b9}
[data-theme="dark"] .display-settings-close{background:#292d31;color:#f0eee9}
[data-theme="dark"] .display-choice{border-color:#42474e;background:#222529;color:#f0eee9}
[data-theme="dark"] .display-choice:hover{border-color:#aab1b9}
[data-theme="dark"] .display-choice.active{border-color:#c3c9cf;background:linear-gradient(135deg,#292d31,#1d2023);box-shadow:0 0 0 3px rgba(195,201,207,.14)}
[data-theme="dark"] .display-choice.active::after{background:#c3c9cf;color:#151719;box-shadow:0 3px 9px rgba(0,0,0,.28)}
[data-theme="mystery"] .display-settings-dialog{border-color:#8d713e;background:#081722;color:#f5ead4;box-shadow:0 28px 80px rgba(0,0,0,.55)}
[data-theme="mystery"] .display-settings-header p{color:#bdad91}
[data-theme="mystery"] .display-settings-close{background:#142a38;color:#f5ead4}
[data-theme="mystery"] .display-choice{border-color:#3e5360;background:#0d202d;color:#f5ead4}
[data-theme="mystery"] .display-choice:hover{border-color:#d0a451}
[data-theme="mystery"] .display-choice.active{border-color:#d0a451;background:linear-gradient(135deg,#132d3c,#0a1a26);box-shadow:0 0 0 3px rgba(208,164,81,.16)}
[data-theme="mystery"] .display-choice.active::after{background:#d0a451;color:#09131b;box-shadow:0 3px 9px rgba(0,0,0,.34)}
[data-theme="mystery"] .display-settings-volume{border-color:#d0a451;background:#122a38;color:#f5ead4}
@media(max-height:760px) and (min-width:681px){
  .display-settings-dialog{padding-top:18px;padding-bottom:18px}
  .display-settings-header{margin-bottom:12px}
  .display-settings-sections{gap:12px}
  .display-choice{min-height:78px;padding-top:8px;padding-bottom:8px}
  .display-theme-preview{height:38px}
}
@media(max-width:680px){
  .display-settings-dialog{padding:22px 18px}
  .display-settings-grid{grid-template-columns:1fr;gap:10px}
  .display-choice{min-height:76px}
}
@media(prefers-reduced-motion:reduce){
  .display-choice{transition:none}
}