.shelf-actions{display:flex;align-items:center;gap:16px}.shelf-actions #commerce-open{border:1px solid var(--green);border-radius:20px;color:var(--green);font:500 12px/1.4 var(--interface-font,var(--sans));padding:7px 15px;min-height:34px}
.commerce-dialog{width:min(820px,calc(100vw - 36px));max-height:calc(100dvh - 48px);padding:30px 34px 32px;background:var(--paper);color:var(--ink);border:1px solid var(--line);overscroll-behavior:contain}.commerce-dialog::backdrop{background:#102c226b;backdrop-filter:blur(3px)}.commerce-header{align-items:center;margin-bottom:23px}.commerce-header h2{font:400 27px/1.5 "Noto Serif KR",serif;letter-spacing:-.035em}.commerce-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:23px}.commerce-tabs button{font-size:12px;color:var(--muted);padding:0 1px 12px;position:relative;min-height:36px}.commerce-tabs button[aria-selected=true]{color:var(--green);font-weight:550}.commerce-tabs button[aria-selected=true]:after{content:'';position:absolute;left:0;right:0;bottom:-1px;background:var(--green);height:2px}.commerce-intro{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:16px}.commerce-setup-note{font-size:12px;line-height:1.8;padding:12px 15px;background:var(--beige);border-radius:5px;margin-bottom:22px}
.commerce-subscription-card{display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--green);color:var(--ivory);padding:25px 27px;border-radius:12px}.commerce-subscription-copy{min-width:0}.commerce-subscription-card .eyebrow{color:#e0d2a9}.commerce-subscription-card h3{font:400 28px/1.5 "Noto Serif KR",serif;letter-spacing:-.03em}.commerce-subscription-description{font-size:12px;line-height:1.8;margin-top:7px;opacity:.87}.commerce-included-books{margin-top:14px;font-size:11px;line-height:1.9}.commerce-included-books summary{min-height:28px}.commerce-included-books ul{margin:5px 0 0;padding-left:18px;opacity:.8}.commerce-subscription-action{min-width:150px;text-align:right;flex-shrink:0}.commerce-price{font-size:17px;font-weight:550;line-height:1.7;font-variant-numeric:tabular-nums}.commerce-price-period{font-size:10px;opacity:.8;margin:1px 0 10px}.commerce-subscription-action .primary-button{margin-top:9px;background:var(--ivory);color:#174e40;min-height:42px;width:100%;font-size:12px}.commerce-subscription-action .primary-button:disabled{opacity:1;background:#ffffff1c;color:#e1e6d9;border:1px solid #ffffff45}
.commerce-section-heading{margin:28px 0 8px;display:flex;align-items:baseline;gap:12px;justify-content:space-between}.commerce-section-heading h3,.commerce-membership h3,.commerce-purchases h3{font-size:15px;font-weight:550}.commerce-section-heading p{font-size:11px;color:var(--muted)}.commerce-book-list{border-top:1px solid var(--line)}.commerce-book-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.commerce-book-card[data-selected=true]{background:var(--beige);margin-inline:-12px;padding-inline:12px;border-radius:4px}.commerce-book-copy{min-width:0}.commerce-book-copy h4{font-size:14px;font-weight:550;line-height:1.8;overflow-wrap:anywhere;margin:0}.commerce-book-original{font:400 13px/1.7 var(--serif);color:var(--muted);margin-top:3px}.commerce-book-action{display:flex;align-items:center;gap:18px;flex-shrink:0}.commerce-book-action .commerce-price{font-size:12px;color:var(--muted)}.commerce-buy-button{min-height:38px;border:1px solid var(--line);border-radius:5px;padding:8px 12px;color:var(--green);font-size:11px;min-width:105px}.commerce-buy-button:disabled{opacity:1;color:var(--muted);border-style:dashed}.commerce-manage-link{display:block;margin:20px auto 0;font-size:12px;min-height:38px}.commerce-empty{font-size:13px;line-height:1.9;color:var(--muted);padding:17px 0}.commerce-message{font-size:12px;line-height:1.8;color:var(--green);margin-top:16px;overflow-wrap:anywhere}.commerce-message[data-error=true]{color:#a04835}.commerce-back{font-size:11px;margin:-7px 0 15px}
.commerce-order-review{padding:22px;background:var(--ivory);border:1px solid var(--line);border-radius:7px}.commerce-order-review h3{font:400 24px/1.5 "Noto Serif KR",serif;letter-spacing:-.03em;margin:0 0 10px}.commerce-order-period{font-size:12px;line-height:1.8;color:var(--muted);margin-top:11px}.commerce-methods{padding:0;border:0;margin:25px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.commerce-methods legend{font-size:13px;font-weight:550;margin-bottom:12px}.commerce-method{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:5px;padding:11px 13px;min-width:0;font-size:12px;cursor:pointer}.commerce-method input{accent-color:var(--green);width:15px;height:15px;margin:0;flex-shrink:0}.commerce-method:has(input:checked){border-color:var(--green);background:var(--beige)}.commerce-method:has(input:disabled){opacity:.55;cursor:default}.commerce-method small{font-size:10px;margin-left:auto;white-space:nowrap}.commerce-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.9;margin:14px 0;color:var(--muted)}.commerce-consent input{accent-color:var(--green);width:16px;height:16px;margin:4px 0 0;flex-shrink:0}.commerce-consent a{color:var(--green)}.commerce-pay-button{width:100%;margin-top:12px;min-height:46px}
.commerce-membership{border:1px solid var(--line);border-radius:7px;padding:20px 22px}.commerce-membership-status{color:var(--green);font-size:15px;font-weight:550;margin-top:12px}.commerce-membership>p:not(.commerce-empty):not(.commerce-membership-status){font-size:12px;line-height:1.8;margin-top:5px}.commerce-history-meta{font-size:11px;color:var(--muted);line-height:1.8;margin-top:4px}.commerce-cancel-link{margin-top:13px;font-size:11px}.commerce-purchases{margin-top:28px}.commerce-purchase-list{border-top:1px solid var(--line);margin-top:13px}.commerce-purchase-row{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:17px 0}.commerce-purchase-row h4{font-size:14px;font-weight:500;margin:0;overflow-wrap:anywhere}.commerce-read-link{display:inline-block;color:var(--green);font-size:12px;white-space:nowrap;min-height:36px;line-height:36px}.commerce-result-title,.commerce-cancel-title{font:400 23px/1.6 "Noto Serif KR",serif;letter-spacing:-.03em;margin:10px 0 14px}.commerce-result-copy,.commerce-cancel-copy{font-size:13px;line-height:1.9;color:var(--muted);margin-bottom:23px;overflow-wrap:anywhere}.commerce-cancel-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px}
body[data-theme=dark] .commerce-subscription-card{background:#214f40;color:#f7f1e2}body[data-theme=dark] .commerce-message[data-error=true]{color:#efaa91}
@media(max-width:620px){.commerce-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:23px 20px 25px}.commerce-header h2{font-size:23px}.commerce-tabs{gap:20px}.commerce-tabs button{font-size:11px}.commerce-subscription-card{display:block;padding:22px}.commerce-subscription-card h3{font-size:25px}.commerce-subscription-action{text-align:left;margin-top:18px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 14px;min-width:0}.commerce-subscription-action .primary-button{grid-column:2;grid-row:1/3;margin:0;width:auto;min-width:116px}.commerce-price-period{margin:0}.commerce-subscription-action .commerce-price{font-size:16px}.commerce-section-heading{display:block}.commerce-section-heading p{margin-top:4px}.commerce-book-card{gap:12px;padding-block:16px}.commerce-book-action{display:block;text-align:right}.commerce-book-action .commerce-price{font-size:11px;margin-bottom:6px}.commerce-buy-button{font-size:10px;min-width:88px;padding:7px 9px;min-height:34px}.commerce-book-copy h4{font-size:13px}.commerce-book-original{font-size:11px}.commerce-order-review{padding:18px}.commerce-order-review h3{font-size:21px}.commerce-membership{padding:18px}.shelf-actions{gap:12px}.shelf-actions #commerce-open{font-size:11px;padding:6px 12px}}
@media(max-width:370px){.commerce-dialog{padding-inline:16px}.commerce-header h2{font-size:21px}.commerce-methods{grid-template-columns:1fr}.commerce-subscription-card{padding:18px}.commerce-subscription-action{gap:2px 8px}.commerce-subscription-action .primary-button{min-width:100px;font-size:11px;padding-inline:10px}.commerce-book-copy{max-width:calc(100% - 96px)}.commerce-book-original{overflow-wrap:anywhere}}