@import url("https://hangeul.pstatic.net/hangeul_static/css/nanum-square-round.css");
:root{--brown:#9a6741;--dark:#332820;--muted:#81756c;--line:#eaded5;--soft:#faf7f3;--white:#fff}*{box-sizing:border-box}
body{margin:0;background:var(--soft);color:var(--dark);font-family:"NanumSquareRound",sans-serif}button,input{font:inherit}
.credit-shell{width:min(760px,calc(100% - 32px));margin:0 auto;padding-bottom:70px}
.credit-header{height:92px;display:grid;grid-template-columns:80px 1fr 80px;align-items:center;border-bottom:1px solid var(--line)}
.credit-header .brand{justify-self:center}.credit-header img{display:block;width:145px;max-height:70px;object-fit:contain}
.back-button{display:grid;width:52px;height:52px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--brown);font-family:Arial,sans-serif;font-size:39px;line-height:1;cursor:pointer}.back-button:hover{background:#f2e8e0}
.credit-hero{display:grid;justify-items:center;padding:38px 22px 32px;text-align:center}
.credit-hero>span{color:var(--brown);font-size:12px;font-weight:900}.credit-hero h1{margin:7px 0 10px;font-size:34px}.credit-hero p{max-width:520px;margin:0;color:var(--muted);line-height:1.7}
.credit-hero strong{margin-top:22px;color:var(--brown);font-size:44px}.credit-hero small{margin-top:5px;color:var(--muted)}
.page-message{min-height:22px;margin:0 0 12px;color:var(--brown);text-align:center;font-weight:800}
.credit-card{margin-bottom:16px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--white);box-shadow:0 10px 30px rgba(69,46,31,.05)}
.card-heading{display:flex;align-items:flex-start;gap:13px}.card-icon{display:grid;width:44px;height:44px;flex:0 0 auto;place-items:center;border-radius:14px;background:#f5ebe3;font-size:21px}
.card-heading h2{margin:2px 0 5px;font-size:20px}.card-heading p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.code-label{display:block;margin-top:22px;color:var(--muted);font-size:12px;font-weight:800}.code-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;margin-top:7px}
.code-row output,.redeem-form input{min-width:0;padding:14px;border:1px solid #dfd1c7;border-radius:12px;background:#fbf8f5;color:var(--dark);font-weight:800;letter-spacing:.08em}
.code-row button,.redeem-form button,.ad-reward-button{padding:0 17px;border:1px solid var(--brown);border-radius:12px;background:#fff;color:var(--brown);font-weight:900;cursor:pointer}
.code-row button:hover,.redeem-form button:hover{background:#f8f0ea}.reward-guide{min-height:18px;margin-top:10px;color:var(--muted);font-size:12px}
.redeem-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:20px}.redeem-form button,.ad-reward-button{background:var(--brown);color:#fff}
.ad-reward-button{width:100%;min-height:52px;margin-top:20px}.ad-reward-button:disabled{border-color:#cfc4bc;background:#cfc4bc;cursor:not-allowed}
.history-card ul{margin:18px 0 0;padding-left:22px;color:var(--muted);font-size:14px;line-height:1.85}
@media(max-width:620px){body{background:#fff}.credit-shell{width:100%;padding:0 16px 48px}.credit-header{height:72px;grid-template-columns:58px 1fr 58px}.credit-header img{width:118px}.back-button{width:46px;height:46px;font-size:35px}.credit-hero{padding:28px 12px}.credit-hero h1{font-size:29px}.credit-hero strong{font-size:38px}.credit-card{padding:20px 17px}.code-row{grid-template-columns:minmax(0,1fr) auto}.code-row #shareInviteButton{grid-column:1/-1;min-height:44px}.redeem-form{grid-template-columns:1fr}.redeem-form button{min-height:46px}}