.pay-panel-anchor[data-v-9bbabaae]{z-index:30;margin-top:calc(var(--reader-unit,1px)*-80);position:relative}.pay-panel-anchor[data-v-9bbabaae]:before{content:"";background:linear-gradient(180deg,#fff0 0,var(--reader-bg,var(--background-color,#fff)) 90%);pointer-events:none;height:56px;position:absolute;top:-56px;left:0;right:0}.pay-panel-shell[data-v-9bbabaae]{--ppu:.26667cqw;isolation:isolate;border:1px solid color-mix(in srgb,var(--border-color) 86%,#fff 14%);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-color) 94%,#fff 6%) 0,color-mix(in srgb,var(--surface-color) 98%,var(--background-color) 2%) 100%);box-shadow:0 10px 24px color-mix(in srgb,var(--primary-color) 6%,transparent),0 4px 12px #0f172a0f,inset 0 1px 0 #ffffffb3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:relative;container-type:inline-size}.pay-panel-shell[data-v-9bbabaae]:before{content:"";pointer-events:none;background:linear-gradient(#ffffff4d,#0000 26%);border-radius:27px;position:absolute;inset:1px}.panel-content[data-v-9bbabaae]{z-index:1;padding:calc(var(--ppu)*10) calc(var(--ppu)*10);position:relative}.panel-products[data-v-9bbabaae]{gap:calc(var(--ppu)*16);margin-top:calc(var(--ppu)*12);flex-direction:column;display:flex}.panel-ambient[data-v-9bbabaae]{filter:blur(70px);opacity:.5;pointer-events:none;border-radius:999px;position:absolute}.panel-ambient--gold[data-v-9bbabaae]{background:color-mix(in srgb,var(--secondary-color) 34%,transparent);width:176px;height:176px;top:-64px;right:-64px}.panel-ambient--rose[data-v-9bbabaae]{background:color-mix(in srgb,var(--primary-color) 26%,transparent);width:192px;height:192px;bottom:-80px;left:-64px}.plan-header[data-v-9bbabaae]{text-align:center;padding-top:calc(var(--ppu)*2);margin-bottom:calc(var(--ppu)*20)}.plan-header__kicker[data-v-9bbabaae]{justify-content:center;align-items:center;gap:calc(var(--ppu)*8);font-size:calc(var(--ppu)*12);color:var(--primary-color);font-weight:700;display:flex}.plan-header__dash[data-v-9bbabaae]{width:calc(var(--ppu)*47);height:calc(var(--ppu)*3);background:url(../novelberry/pay-header-dash.png) 50%/100% 100% no-repeat;flex-shrink:0}.plan-header__dash--flip[data-v-9bbabaae]{transform:scaleX(-1)}.plan-header__sub[data-v-9bbabaae]{margin-top:calc(var(--ppu)*10);font-size:calc(var(--ppu)*11);color:var(--text-secondary-color);font-weight:500}.plan-header__title[data-v-9bbabaae]{margin-top:calc(var(--ppu)*14);font-size:calc(var(--ppu)*26);letter-spacing:-.01em;color:var(--text-color);font-weight:900}.section-label[data-v-9bbabaae]{font-size:calc(var(--ppu)*12);color:var(--text-color);padding-inline:calc(var(--ppu)*10);margin-bottom:calc(var(--ppu)*10);font-weight:800}.section-label-row .section-label[data-v-9bbabaae]{margin-bottom:0}.section-label-row[data-v-9bbabaae]{align-items:baseline;gap:calc(var(--ppu)*10);padding-inline:calc(var(--ppu)*10);margin-bottom:calc(var(--ppu)*10);display:flex}.coin-rate[data-v-9bbabaae]{font-size:calc(var(--ppu)*11);color:var(--text-secondary-color);font-weight:500}.subscribe-surface[data-v-9bbabaae]{padding:calc(var(--ppu)*20) calc(var(--ppu)*10) calc(var(--ppu)*14);border-radius:calc(var(--ppu)*8);gap:calc(var(--ppu)*18);background:url(../novelberry/pay-surface-bg.png) 50%/cover no-repeat,radial-gradient(90% 130% at 0 40%,#ec489952,transparent 62%),radial-gradient(90% 130% at 100% 60%,color-mix(in srgb,var(--primary-color) 38%,transparent),transparent 62%),color-mix(in srgb,var(--primary-color) 8%,#fff);display:grid}.subscribe-card[data-v-9bbabaae]{box-sizing:border-box;height:calc(var(--ppu)*72);border-radius:calc(var(--ppu)*8);cursor:pointer;background:#fff;border:2px solid #0000;transition:box-shadow .2s,transform .2s;position:relative;box-shadow:0 0 0 1px #0f172a0f,0 6px 16px #581c871a}.subscribe-card[data-v-9bbabaae]:hover{transform:translateY(-1px)}.subscribe-card.is-selected[data-v-9bbabaae]{background:url(../novelberry/pay-card-selected.png) 50%/100% 100% no-repeat,linear-gradient(90deg,#fff 0,#fff calc(100% - var(--ppu)*106 - 2px),var(--border-color) calc(100% - var(--ppu)*106 - 2px),var(--border-color) calc(100% - var(--ppu)*106 - 1px),#f2edff calc(100% - var(--ppu)*106 - 1px),#f2edff 100%);background-origin:border-box;background-clip:border-box;border-color:#0000;box-shadow:0 8px 20px #581c8724}.subscribe-card__ribbon[data-v-9bbabaae]{top:calc(var(--ppu)*-6);z-index:2;box-sizing:border-box;min-width:calc(var(--ppu)*66);height:calc(var(--ppu)*15);padding:0 calc(var(--ppu)*6);border-radius:calc(var(--ppu)*3);font-size:calc(var(--ppu)*10);letter-spacing:.02em;color:#fff;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:absolute;left:0}.subscribe-card__ribbon[data-v-9bbabaae],.subscribe-card__ribbon--rose[data-v-9bbabaae]{background:linear-gradient(90deg,#e154fd,#8454fd)}.subscribe-card__body[data-v-9bbabaae]{border-radius:calc(var(--ppu)*8);align-items:stretch;height:100%;display:flex;overflow:hidden}.subscribe-card__info[data-v-9bbabaae]{min-width:0;padding:0 calc(var(--ppu)*14) 0 calc(var(--ppu)*15);justify-content:center;gap:calc(var(--ppu)*5);flex-direction:column;flex:1;display:flex}.subscribe-card__name-row[data-v-9bbabaae]{align-items:baseline;gap:calc(var(--ppu)*6);flex-wrap:wrap;display:flex}.subscribe-card__name[data-v-9bbabaae]{color:var(--text-color);font-weight:800}.subscribe-card__name[data-v-9bbabaae],.subscribe-card__rate[data-v-9bbabaae]{font-size:calc(var(--ppu)*15);letter-spacing:-.01em}.subscribe-card__rate[data-v-9bbabaae]{color:var(--primary-color);white-space:nowrap;font-weight:900}.subscribe-card__renew[data-v-9bbabaae]{font-size:calc(var(--ppu)*11);color:var(--text-secondary-color);line-height:1.3}.subscribe-card__price[data-v-9bbabaae]{flex:0 0 calc(var(--ppu)*106);width:calc(var(--ppu)*106);min-width:calc(var(--ppu)*106);justify-content:center;align-items:center;gap:calc(var(--ppu)*3);padding:0 calc(var(--ppu)*8);text-align:center;border-left:1px solid var(--border-color);border-radius:0 calc(var(--ppu)*8) calc(var(--ppu)*8) 0;background:#f7f7f7;flex-direction:column;display:flex;overflow:hidden}.subscribe-card__amount[data-v-9bbabaae]{width:calc(var(--ppu)*64);font-size:calc(var(--ppu)*13);font-weight:700;line-height:calc(var(--ppu)*15);white-space:nowrap;text-align:center;color:#333}.subscribe-card__compare[data-v-9bbabaae]{font-size:calc(var(--ppu)*12);color:#cbcbcb;opacity:.7;text-decoration:line-through}.coin-list[data-v-9bbabaae]{gap:calc(var(--ppu)*12);padding-inline:calc(var(--ppu)*10);display:grid}.coin-card[data-v-9bbabaae]{box-sizing:border-box;height:calc(var(--ppu)*72);border-radius:calc(var(--ppu)*8);cursor:pointer;background:#fff;border:2px solid #0000;justify-content:space-between;align-items:stretch;gap:0;padding:0;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0f172a0f,0 4px 10px #0f172a0a}.coin-card__left[data-v-9bbabaae]{min-width:0;padding:0 calc(var(--ppu)*16);flex-direction:column;flex:1;justify-content:center;display:flex}.coin-card[data-v-9bbabaae]:hover{transform:translateY(-1px)}.coin-card.is-selected[data-v-9bbabaae]{background:url(../novelberry/pay-card-selected.png) 50%/100% 100% no-repeat,linear-gradient(90deg,#fff 0,#fff calc(100% - var(--ppu)*106 - 2px),var(--border-color) calc(100% - var(--ppu)*106 - 2px),var(--border-color) calc(100% - var(--ppu)*106 - 1px),#f2edff calc(100% - var(--ppu)*106 - 1px),#f2edff 100%);background-origin:border-box;background-clip:border-box;border-color:#0000;box-shadow:0 8px 20px #581c8724}.coin-card__value[data-v-9bbabaae]{font-size:calc(var(--ppu)*22);color:var(--text-color);font-weight:900;line-height:1.1}.coin-card__unit[data-v-9bbabaae]{font-size:calc(var(--ppu)*13);opacity:.85;font-weight:800}.coin-card__bonus-pill[data-v-9bbabaae]{margin-top:calc(var(--ppu)*6);padding:calc(var(--ppu)*2) calc(var(--ppu)*8);font-size:calc(var(--ppu)*11);color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 10%,#fff);border-radius:999px;align-self:flex-start;align-items:center;font-weight:700;display:inline-flex}.coin-card__right[data-v-9bbabaae]{flex:0 0 calc(var(--ppu)*106);width:calc(var(--ppu)*106);min-width:calc(var(--ppu)*106);justify-content:center;align-items:center;gap:calc(var(--ppu)*2);padding:0 calc(var(--ppu)*8);text-align:center;border-left:1px solid var(--border-color);border-radius:0 calc(var(--ppu)*8) calc(var(--ppu)*8) 0;background:#f7f7f7;flex-direction:column;display:flex;overflow:hidden}.coin-card.is-selected .coin-card__right[data-v-9bbabaae],.subscribe-card.is-selected .subscribe-card__price[data-v-9bbabaae]{background:0 0;border-left-color:#0000}.coin-card.is-selected .coin-card__amount[data-v-9bbabaae],.subscribe-card.is-selected .subscribe-card__amount[data-v-9bbabaae]{color:#8454fd}.subscribe-card.is-selected .subscribe-card__compare[data-v-9bbabaae]{color:#8454fd;opacity:.55}.coin-card__amount[data-v-9bbabaae]{width:calc(var(--ppu)*64);font-size:calc(var(--ppu)*13);font-weight:700;line-height:calc(var(--ppu)*15);white-space:nowrap;text-align:center;color:#333}.coin-card__ratio[data-v-9bbabaae]{margin-top:calc(var(--ppu)*4);font-size:calc(var(--ppu)*12);color:var(--primary-color);font-weight:800}.coin-toggle[data-v-9bbabaae]{margin:calc(var(--ppu)*12) auto 0;cursor:pointer;color:var(--text-secondary-color);background:0 0;border:0;flex-direction:column;align-items:center;padding:2px 10px;transition:transform .25s,color .2s;display:flex}.coin-toggle[data-v-9bbabaae]:hover{color:var(--primary-color)}.coin-toggle.is-collapsed[data-v-9bbabaae]{transform:rotate(180deg)}.coin-toggle__icon[data-v-9bbabaae]{width:calc(var(--ppu)*20);height:calc(var(--ppu)*20)}.coin-toggle__icon--ghost[data-v-9bbabaae]{margin-top:calc(var(--ppu)*-10);opacity:.4}.secure-row[data-v-9bbabaae]{margin-top:calc(var(--ppu)*10);justify-content:center;display:flex}.secure-badge[data-v-9bbabaae]{padding:calc(var(--ppu)*5) calc(var(--ppu)*14);color:#15803d;background:#e8f9ef;border-radius:999px;gap:6px;font-weight:800;display:inline-flex;box-shadow:inset 0 0 0 1px #22c55e2e}.auto-unlock-row[data-v-9bbabaae],.secure-badge[data-v-9bbabaae]{font-size:calc(var(--ppu)*12);align-items:center}.auto-unlock-row[data-v-9bbabaae]{justify-content:center;gap:calc(var(--ppu)*8);margin-top:calc(var(--ppu)*12);color:var(--text-secondary-color);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;display:flex}.auto-unlock-row__checkbox[data-v-9bbabaae]{width:calc(var(--ppu)*12*1.2);height:calc(var(--ppu)*12*1.2);accent-color:var(--primary-color);cursor:pointer;border-radius:4px;flex-shrink:0;margin:0}.auto-unlock-row__text[data-v-9bbabaae]{line-height:1.2}.balance-line[data-v-9bbabaae]{text-align:center;font-size:calc(var(--ppu)*11);color:var(--text-secondary-color);margin-top:calc(var(--ppu)*8)}.panel-empty[data-v-9bbabaae],.panel-loading>div[data-v-9bbabaae]{border:1px solid color-mix(in srgb,var(--border-color) 82%,#fff 18%);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-color) 94%,#fff 6%) 0,color-mix(in srgb,var(--background-color) 88%,var(--surface-color) 12%) 100%);box-shadow:inset 0 1px #ffffffb3,0 6px 16px #0f172a0a}.payment-channel-btn[data-v-9bbabaae]:before{content:"";pointer-events:none;position:absolute;inset:0}.checkout-btn[data-v-9bbabaae]:hover:not(:disabled){filter:saturate(1.03);transform:translateY(-1px)}.payment-channel-grid[data-v-9bbabaae]{gap:calc(var(--ppu)*7);margin-top:calc(var(--ppu)*12);grid-template-columns:repeat(auto-fill,minmax(52px,1fr));display:grid}.payment-channel-item[data-v-9bbabaae]{min-width:0}.payment-channel-btn[data-v-9bbabaae]{aspect-ratio:5.5/2.6;border-radius:calc(var(--ppu)*6);cursor:pointer;background:linear-gradient(#ffffffeb,#ffffffa3);border:1px solid #ececec;width:100%;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 10px 18px #0f172a0f}.payment-channel-btn[data-v-9bbabaae]:before{background:linear-gradient(#ffffff73,#0000 55%)}.payment-channel-btn[data-v-9bbabaae]:hover{border-color:color-mix(in srgb,var(--primary-color) 26%,var(--border-color));transform:translateY(-1px);box-shadow:0 14px 22px #0f172a1a}.payment-channel-btn[data-v-9bbabaae]:disabled:hover{border-color:#ececec;transform:none;box-shadow:0 10px 18px #0f172a0f}.payment-channel-btn.is-active[data-v-9bbabaae]{border:1px solid color-mix(in srgb,var(--primary-color) 54%,#fff 46%);box-shadow:0 14px 24px color-mix(in srgb,var(--primary-color) 14%,transparent),0 0 0 4px color-mix(in srgb,var(--primary-color) 10%,transparent)}.payment-channel-btn.is-disabled[data-v-9bbabaae]{cursor:not-allowed;opacity:.72;transform:none}.payment-channel-image[data-v-9bbabaae]{-o-object-fit:fill;object-fit:fill;width:100%;height:100%;display:block}.payment-channel-label[data-v-9bbabaae]{width:100%;height:100%;font-size:calc(var(--ppu)*11);color:var(--text-secondary-color);text-align:center;justify-content:center;align-items:center;padding:0 6px;font-weight:700;line-height:1.15;display:flex}.checkout-btn[data-v-9bbabaae]{color:#fff;background:var(--primary-button-background);box-shadow:var(--primary-button-shadow);border:0;position:relative;overflow:hidden}.checkout-btn__inner[data-v-9bbabaae]{z-index:1;justify-content:center;align-items:center;gap:calc(var(--ppu)*8);display:inline-flex;position:relative}.checkout-btn[data-v-9bbabaae]:after,.checkout-btn[data-v-9bbabaae]:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#ffffff73,#ffffff29 45%,#fff0 70%);border-radius:50%;width:150px;height:150px;margin:-75px 0 0 -75px;animation:3.6s ease-out infinite checkout-ripple-9bbabaae;position:absolute;top:50%;left:50%;transform:scale(.3)}.checkout-btn[data-v-9bbabaae]:after{animation-delay:1.8s}@keyframes checkout-ripple-9bbabaae{0%{opacity:0;transform:scale(.3)}12%{opacity:.9}to{opacity:0;transform:scale(3)}}.checkout-btn[data-v-9bbabaae]:disabled:after,.checkout-btn[data-v-9bbabaae]:disabled:before{opacity:0;animation-play-state:paused}@media (prefers-reduced-motion:reduce){.checkout-btn[data-v-9bbabaae]:after,.checkout-btn[data-v-9bbabaae]:before{opacity:0;animation:none}}.checkout-btn--pill[data-v-9bbabaae]{height:calc(var(--ppu)*56);min-height:calc(var(--ppu)*52);font-size:calc(var(--ppu)*17);margin-top:calc(var(--ppu)*16);gap:calc(var(--ppu)*8);border-radius:999px}.floating-pay-cta[data-v-9bbabaae]{inset-inline:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:160;pointer-events:none;position:fixed}.floating-pay-cta__button[data-v-9bbabaae]{width:100%;height:100%;font-size:var(--floating-cta-font-size,17px);font-weight:var(--floating-cta-font-weight,800);letter-spacing:.02em;pointer-events:auto;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;display:flex}.floating-pay-space[data-v-9bbabaae]{height:calc(72px + env(safe-area-inset-bottom))}.mobile-pay-cta-enter-active[data-v-9bbabaae],.mobile-pay-cta-leave-active[data-v-9bbabaae]{transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1)}.mobile-pay-cta-enter-from[data-v-9bbabaae],.mobile-pay-cta-leave-to[data-v-9bbabaae]{opacity:0;transform:translateY(16px)scale(.97)}
