:root{
  --크림아이보리:#F5EFE1; --크림종이:#FDFAF2; --크림상단:#FBF6EA;
  --다크초콜릿:#2A1D11; --초콜릿사이드바:#281B10;
  --잉크:#2C1F10; --잉크제목:#4A3B24; --잉크보조:#6E5E45; --잉크희미:#9A8A6C;
  --골드:#B9932F; --골드밝음:#C9A54A; --골드버튼:#C09B3A; --골드배경:#F3E9CF; --골드테두리:#E4D2A0;
  --골드그라데:linear-gradient(135deg,#E3C36A,#A57E22);
  --라이브그린:#4E8E5F; --경고적갈:#AE5340;
  --테두리:#E6DCC4; --구분선:#F3EBD6;
  --글꼴:'Pretendard Variable',Pretendard,'Noto Sans KR',sans-serif;
  --글꼴세리프:'Noto Serif KR',serif;
  --그림자:0 8px 30px rgba(42,29,17,.10); --반경:16px;
}
@font-face{font-family:'Pretendard Variable';font-weight:45 920;font-display:swap;font-style:normal;
  src:url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/woff2/PretendardVariable.woff2')format('woff2-variations');}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--글꼴);font-weight:450;color:var(--잉크);background:var(--크림아이보리);
  -webkit-font-smoothing:antialiased;line-height:1.55;min-height:100vh;
  display:flex;align-items:center;justify-content:center;padding:1.25rem}
h1,h2,h3{font-family:var(--글꼴세리프);font-weight:700;color:var(--잉크제목);letter-spacing:-.01em}
a{color:var(--골드);text-decoration:none}
.크라우니-브랜드{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--글꼴세리프);
  font-weight:700;font-size:1.15rem;color:var(--잉크제목)}
.크라우니-왕관{width:22px;height:22px;background:var(--골드그라데);border-radius:5px;display:inline-block}
.버튼-골드{display:block;width:100%;padding:.9rem 1rem;border:0;border-radius:12px;cursor:pointer;
  background:var(--골드그라데);color:#2A1D11;font-family:var(--글꼴);font-weight:700;font-size:1rem;
  box-shadow:0 4px 14px rgba(165,126,34,.28);transition:transform .12s,box-shadow .12s}
.버튼-골드:hover{transform:translateY(-1px)}
.버튼-골드:disabled{opacity:.55;cursor:default;transform:none}
.버튼-보조{display:block;width:100%;padding:.85rem 1rem;border:1px solid var(--골드테두리);border-radius:12px;
  cursor:pointer;background:var(--크림종이);color:var(--잉크제목);font-weight:600;font-size:.95rem}
.입력{width:100%;padding:.85rem .95rem;border:1px solid var(--테두리);border-radius:12px;
  background:var(--크림종이);font-family:var(--글꼴);font-size:1rem;color:var(--잉크);outline:none}
.입력:focus{border-color:var(--골드);box-shadow:0 0 0 3px var(--골드배경)}
.라벨{display:block;font-size:.82rem;font-weight:600;color:var(--잉크보조);margin:0 0 .35rem .15rem}
.카드{background:var(--크림종이);border:1px solid var(--테두리);border-radius:var(--반경);
  box-shadow:var(--그림자);padding:2rem 1.75rem;width:100%;max-width:420px}
.도움말{font-size:.82rem;color:var(--잉크희미)}
.칩{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem;border-radius:999px;
  background:var(--골드배경);border:1px solid var(--골드테두리);font-size:.78rem;color:var(--잉크제목)}
.알림{margin-top:1rem;padding:.7rem .9rem;border-radius:10px;font-size:.88rem;display:none}
.알림.오류{display:block;background:#FBEAE5;border:1px solid var(--경고적갈);color:var(--경고적갈)}
.알림.성공{display:block;background:#E9F3EC;border:1px solid var(--라이브그린);color:var(--라이브그린)}