:root{--ink:#27241f;--paper:#f7f4ef;--muted:#777168;--stroke:#e3ded7;--gold:#8b7868}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}input,button{outline-offset:3px}[hidden]{display:none!important}
.preview{background:#6e5544;color:#fff;text-align:center;font-size:10px;padding:8px 12px;letter-spacing:.04em}
.header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke);padding:0 5%}
.brand{font:500 30px 'Cormorant Garamond',Georgia,serif;letter-spacing:.035em}.brand em{font-weight:400}
.back{font-size:10px;letter-spacing:.12em}
main{max-width:1140px;margin:auto;padding:48px 28px 72px}.intro{text-align:center;margin:0 auto 32px}
.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.2em;font-weight:600}.intro h1{font:400 clamp(52px,8vw,94px)/.95 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:14px 0}.intro h1 em{font-weight:400}
.intro p:last-child{font-size:13px;color:var(--muted)}
.notice{max-width:700px;margin:0 auto 24px;background:#ece8e2;border:1px solid #dad3c8;color:#5f564b;padding:13px 19px;font-size:12px}
.notice.ready{background:#edf1ec;border-color:#cbdacb;color:#315d37}
.account-shell{max-width:870px;margin:auto}
.panel{background:#fff;border:1px solid var(--stroke);padding:35px 42px;min-height:350px}
.tabs{display:flex;border-bottom:1px solid var(--stroke);margin-bottom:28px;gap:30px}.tabs button{padding:0 2px 13px;border:0;background:none;font-size:13px;color:var(--muted);border-bottom:2px solid transparent}.tabs button.active{border-bottom-color:var(--ink);color:var(--ink);font-weight:600}
.form{display:flex;flex-direction:column;gap:10px;max-width:450px;margin:0 auto}.form-title{font:400 32px 'Cormorant Garamond',Georgia,serif;margin:4px 0 10px}
label{font-size:12px;font-weight:600}input:not([type=checkbox]){width:100%;height:44px;border:1px solid #d3ccc3;border-radius:0;background:#fff;color:var(--ink);padding:0 13px;font-size:14px;margin-bottom:9px}
input:focus{border-color:var(--ink)}button:focus-visible,input:focus-visible{outline:2px solid var(--gold)}
button.solid{background:#292622;color:white;border:1px solid #292622;min-height:46px;margin-top:6px;font-size:13px}
button.outline{background:transparent;border:1px solid #c4bdb3;color:#282520;padding:10px 15px;font-size:12px}
button:disabled{opacity:.55;cursor:not-allowed}
.tiny{font-size:11px;color:var(--muted);line-height:1.8}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:#666057;line-height:1.7;margin-top:5px}
.check input{margin-top:5px}.check span{font-size:11px}
.feedback{min-height:20px;max-width:870px;margin:15px auto;color:#605347;font-size:12px}.feedback.error{color:#a33939}
.member-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.member-head h2{font:400 45px 'Cormorant Garamond',Georgia,serif;margin:0}.muted{color:var(--muted);font-size:12px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--stroke);margin:25px 0 29px;border:1px solid var(--stroke)}
.stats>div{background:#f8f6f3;text-align:center;padding:19px 6px}.stats b{display:block;font:400 34px 'Cormorant Garamond',Georgia,serif}.stats small{font-size:11px;color:var(--muted)}
.subpanels{display:grid;grid-template-columns:1fr 1.25fr;gap:25px}.subpanels h3{font:400 27px 'Cormorant Garamond',Georgia,serif;margin:0 0 16px}
.profile-form{display:flex;flex-direction:column;gap:7px}.profile-form button{align-self:flex-start}
.order{border-top:1px solid var(--stroke);padding:16px 0;display:grid;gap:7px}
.order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.order-top strong{font-size:12px;overflow-wrap:anywhere}.pill{background:#f1eee9;padding:4px 7px;font-size:10px;white-space:nowrap}
.order-items{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted)}
.notes{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:47px auto 0;max-width:870px}.notes strong{font-size:11px;letter-spacing:.12em}.notes p{font-size:12px;color:var(--muted);line-height:1.85}
footer{border-top:1px solid var(--stroke);padding:27px;text-align:center;font-size:10px;color:var(--muted)}
@media(max-width:650px){.header{height:70px;padding:0 17px}.brand{font-size:25px}.back{font-size:9px}main{padding:35px 15px 60px}.panel{padding:23px 18px}.tabs{gap:15px}.tabs button{font-size:12px}.member-head h2{font-size:38px}.subpanels{grid-template-columns:1fr}.notes{grid-template-columns:1fr;gap:12px}.intro{margin-bottom:25px}}