.billing-page{background:var(--n-surface);min-height:100dvh;color:var(--n-text);font-family:Pretendard Variable,Pretendard,system-ui,sans-serif}.billing-page .n-button{font-weight:800;font-size:var(--n-font-sm)}.billing-page .n-button.large{font-size:var(--n-font-md)}.billing-column{width:min(calc(100% - 2 * var(--n-page-gutter)),560px);flex-direction:column;min-height:100dvh;margin:0 auto;padding:8px 0 40px;display:flex}.billing-top{align-items:center;min-height:64px;display:flex}.billing-back{border-radius:var(--n-radius-control);min-height:44px;color:var(--n-grey-500);align-items:center;gap:4px;margin-left:-4px;padding:0 10px 0 4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}@media (hover:hover){.billing-back:hover{background:var(--n-grey-50);color:var(--n-text)}}.billing-title{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.billing-page .billing-title h1{margin:0}.billing-page h1{font-size:var(--n-font-2xl);letter-spacing:-.03em;margin:8px 0 0;font-weight:800;line-height:1.3}.billing-page h1:focus{outline:none}.billing-page h2{font-size:var(--n-font-lg);margin:0;font-weight:800;line-height:1.4}.billing-page h3{font-size:var(--n-font-sm);margin:0;font-weight:800;line-height:1.5}.billing-page p{margin:0}.billing-lead{font-size:var(--n-font-sm);color:var(--n-subtext);font-weight:600;line-height:1.6;margin-top:8px!important}.billing-section{flex-direction:column;gap:12px;margin-top:32px;display:flex}.billing-tag{border:2px solid var(--n-gold);background:var(--n-gold-weak);height:26px;color:var(--n-text);letter-spacing:0;white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.billing-money{font-variant-numeric:tabular-nums;white-space:nowrap}.billing-muted{color:var(--n-subtext);font-size:13px;font-weight:500;line-height:1.6}.billing-page a:not(.n-button):not(.billing-back){color:var(--n-text);text-underline-offset:3px;font-weight:700;text-decoration:underline}@media (hover:hover){.billing-page a:not(.n-button):not(.billing-back):hover{color:var(--n-text);text-decoration-thickness:2px}}.billing-box{border-radius:var(--n-radius-tile);background:var(--n-grey-50);overflow-wrap:anywhere;padding:16px;font-size:14px;line-height:1.65}.billing-box>*+*{margin-top:8px!important}.billing-card{border:2px solid var(--n-line);border-radius:var(--n-radius-panel);background:var(--n-surface);box-shadow:0 2px 0 var(--n-line);padding:20px}.billing-rows{gap:0;margin:0;display:grid}.billing-rows>div{border-top:2px solid var(--n-grey-50);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;font-size:14px;line-height:1.55;display:flex}.billing-rows>div:first-child{border-top:0}.billing-rows dt{color:var(--n-subtext);flex-shrink:0;font-weight:600}.billing-rows dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;margin:0;font-weight:800}.billing-card>.billing-rows+.billing-rows{border-top:2px solid var(--n-grey-50)}.billing-actions{flex-flow:wrap;gap:10px;display:flex}.billing-actions>.n-button{flex:160px}.billing-status{border-radius:var(--n-radius-tile);background:var(--n-done-weak);color:var(--n-done);padding:14px 16px;font-size:14px;font-weight:700;line-height:1.6}.billing-status:focus{outline:none}.billing-fieldset{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.billing-fieldset legend{font-size:var(--n-font-sm);margin-bottom:10px;padding:0;font-weight:800}.billing-fieldset>.billing-check{padding:10px 0}.billing-subfieldset{gap:4px;margin-top:8px}.billing-subfieldset legend{margin-bottom:4px;font-size:14px}.billing-option{border:2px solid var(--n-line);border-radius:var(--n-radius-tile);background:var(--n-surface);min-height:56px;box-shadow:0 2px 0 var(--n-line);cursor:pointer;transition:border-color var(--n-duration),background-color var(--n-duration),transform var(--n-press),box-shadow var(--n-press);align-items:flex-start;gap:12px;margin-bottom:2px;padding:14px 16px;font-size:14px;line-height:1.55;display:flex}@media (hover:hover){.billing-option:not(:has(input:checked)):hover{background:var(--n-grey-50)}}.billing-option:active{box-shadow:0 0 0 var(--n-line);transform:translateY(2px)}.billing-option:has(input:checked){border-color:var(--n-select);background:var(--n-select-fill);box-shadow:0 2px 0 var(--n-select)}.billing-option:has(input:checked) b{color:var(--n-select-text)}.billing-option:has(input:focus-visible){outline:2px solid var(--n-focus);outline-offset:2px}.billing-option:has(input:disabled){cursor:default;opacity:.6}.billing-option>span{overflow-wrap:anywhere;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.billing-option b{font-size:var(--n-font-md);font-weight:800}.billing-option small{color:var(--n-subtext);font-size:13px;font-weight:500;line-height:1.55}.billing-check{cursor:pointer;overflow-wrap:anywhere;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;font-size:14px;font-weight:600;line-height:1.55;display:flex}.billing-check:has(input:focus-visible){outline:2px solid var(--n-focus);outline-offset:2px;border-radius:var(--n-radius-control)}.billing-page input[type=radio]{appearance:none;border:2px solid var(--n-line-strong);background:var(--n-surface);cursor:pointer;width:22px;height:22px;transition:border-color var(--n-duration),box-shadow var(--n-duration);border-radius:50%;flex-shrink:0;margin:2px 0 0}.billing-page input[type=radio]:checked{border-color:var(--n-select);box-shadow:inset 0 0 0 4px var(--n-surface);background:var(--n-select)}.billing-page input[type=checkbox]{margin-top:2px}.billing-page :is(input[type=radio],input[type=checkbox]):focus-visible{outline:none}.billing-error{color:var(--n-red-text);margin:0;font-weight:700}.billing-field-error{color:var(--n-wrong-text);margin:0;font-size:13px;font-weight:700;line-height:1.55}.billing-option.invalid{border-color:var(--n-red);box-shadow:0 2px 0 var(--n-red)}.billing-check.invalid>span{color:var(--n-red-text)}.billing-alert{border-radius:var(--n-radius-control);background:var(--n-red-weak);color:var(--n-red-text);margin:0;padding:10px 14px;font-size:13px;font-weight:700;line-height:1.6}.billing-page .n-error{border-radius:var(--n-radius-tile);font-size:14px;font-weight:700}.billing-legal{color:var(--n-subtext);overflow-wrap:anywhere;gap:4px;font-size:12px;line-height:1.7}.billing-legal p{font-size:12px}.billing-legal-links{flex-wrap:wrap;gap:0 16px;display:flex}.billing-legal-links a{align-items:center;min-height:44px;display:inline-flex}.billing-footer{border-top:2px solid var(--n-line);margin-top:32px;padding-top:20px}.billing-skeleton{gap:12px;margin-top:24px;display:grid}.billing-skeleton span{border-radius:var(--n-radius-panel);background:var(--n-grey-50);height:72px;display:block}.billing-page .n-action-bar .n-button{min-height:52px}.billing-page .n-action-bar a.n-button{white-space:nowrap}.billing-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.billing-spacer{flex:1}@media (width<=767px){.billing-page h1{font-size:var(--n-font-xl)}.billing-card{padding:16px}}@media (prefers-reduced-motion:reduce){.billing-option,.billing-page input[type=radio]{transition:none}}.billing-page .billing-column .n-action-bar{border-top-width:2px;margin-inline:0;padding-left:0;padding-right:0}.billing-page .billing-column .n-action-bar .ab-actions{flex:auto}.billing-page .billing-column .n-action-bar .ab-actions>*{flex:1}.billing-page .billing-column .n-action-bar .ab-actions>.n-button.primary{flex:2}.store-block{justify-items:start;gap:12px;display:grid}.billing-page .store-block>*+*{margin-top:0!important}.store-block .n-button{white-space:normal;min-height:44px}
