*{box-sizing:border-box}:root{--bg-1:#efe8d8;--bg-2:#ddd0ae;--paper:#fffcf5;--paper-2:#fffefb;--ink:#211d17;--ink-soft:#5c5344;--gold-line:#c7a969;--gold-text:#93732f;--accent:#6d1420;--accent-hover:#52101a;--font-body:"Noto Serif KR", "Apple SD Gothic Neo", "Malgun Gothic", serif;--font-caption:"Cormorant Garamond", "Noto Serif KR", serif;--font-hand:"Nanum Pen Script", "Apple SD Gothic Neo", "Malgun Gothic", cursive}html,body{background:radial-gradient(circle at 50% -10%, var(--bg-1) 0%, var(--bg-2) 100%);min-height:100vh;font-family:var(--font-body);color:var(--ink);margin:0;padding:0}html{scrollbar-gutter:stable}.container{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.letter{background:var(--paper);width:100%;max-width:420px;box-shadow:0 0 0 1px var(--gold-line), 0 0 0 7px var(--paper), 0 0 0 8px var(--gold-line), 0 24px 54px #211d1740;border-radius:2px;padding:48px 34px;position:relative}@media (max-width:480px){.letter{padding:40px 22px}}.letter:after{content:"";pointer-events:none;border:1px solid #93732f59;position:absolute;inset:14px}.overline{text-align:center;text-transform:uppercase;letter-spacing:.14em;line-height:1.6;font-family:var(--font-caption);white-space:nowrap;color:var(--gold-text);margin:0 0 22px;font-size:clamp(.7rem,4.54545vw - 3.45455px,.88rem);font-style:italic;font-weight:500}button{font-size:1.02rem;font-weight:600;font-family:var(--font-body);letter-spacing:.03em;cursor:pointer;border-radius:3px;padding:14px 26px;transition:transform .15s,background .15s,border-color .15s,color .15s}