.subscribe-page{display:flex;flex-direction:column;gap:1.5rem;--subscribe-muted: color-mix(in srgb, var(--color-base-content) 72%, var(--color-base-100));--subscribe-rule: color-mix(in srgb, var(--color-primary) 18%, var(--color-base-200));--subscribe-whisper: color-mix(in srgb, var(--color-primary) 6%, var(--color-base-200))}.subscribe-page ::selection{background:color-mix(in srgb,var(--color-primary) 30%,var(--color-base-100));color:var(--color-base-content)}.subscribe-page h2,.subscribe-page h3{margin:0;text-wrap:balance}.subscribe-page p{margin:0}.subscribe-page :is(a,button,summary):focus-visible{outline:2px solid var(--subscribe-ring);outline-offset:2px}.subscribe-banner{margin:0}.subscribe-page{--subscribe-link: color-mix(in srgb, var(--color-primary) 40%, var(--color-base-content));--subscribe-ring: color-mix(in srgb, var(--color-primary) 45%, var(--color-base-content))}.subscribe-page :is(a:not(.btn-primary):not(.btn-ghost),a.btn-ghost):is(:link,:visited,:active){color:var(--subscribe-link)}.subscribe-page a.btn-ghost:is(:link,:visited,:active),.subscribe-page :is(button,summary).btn-ghost{border-color:var(--subscribe-link)}.subscribe-page :is(button,summary).btn-ghost,.subscribe-page :is(a.btn-ghost,button.btn-ghost,summary.btn-ghost):hover{color:var(--subscribe-link)}.subscribe-jane .npc-portrait img{background:var(--color-base-100);border-radius:50%}.subscribe-jane .npc-dialogue{display:flex;flex-direction:column;gap:.4rem}.subscribe-jane .npc-name{margin:0}.subscribe-jane samp{font-family:inherit}.subscribe-section{display:flex;flex-direction:column;gap:.6rem;max-width:68ch}.subscribe-section>h2{padding-bottom:.35rem;border-bottom:1px solid var(--subscribe-rule)}.subscribe-section:has(.subscribe-tiers){max-width:none}.subscribe-section .btn-ghost{align-self:flex-start}.subscribe-section:has(.subscribe-tiers){container-type:inline-size}.subscribe-tiers{display:grid;grid-template-columns:1fr;gap:1rem}.subscribe-tier{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border:1px solid var(--color-item-border);border-radius:12px;background:var(--card-gradient, var(--color-base-100));color:var(--color-base-content);transition:transform .15s ease-out,border-color .15s ease-out}.subscribe-tier--featured,.subscribe-tier:hover,.subscribe-tier:has(:focus-visible){border-color:var(--color-primary)}.subscribe-tier:hover,.subscribe-tier:has(:focus-visible){transform:translateY(-2px)}.subscribe-tier__head{display:flex;align-items:center;gap:.75rem}.subscribe-tier__head img,.subscribe-status__head img{flex:none;border-radius:8px}.subscribe-tier__price{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.subscribe-tier__price span{font-size:.9rem;font-weight:400;color:var(--subscribe-muted)}.subscribe-tier__lead{font-size:.85rem;color:var(--subscribe-muted);padding-top:.25rem}.subscribe-tier__perks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;flex:1}.subscribe-tier__perks li{padding:.4rem 0;border-top:1px solid var(--subscribe-rule);font-variant-numeric:tabular-nums}.subscribe-tier__perks li.is-none{min-height:2.1rem}.subscribe-tier__form{margin:0;padding-top:.5rem}.subscribe-tier__form .btn-primary{width:100%;justify-content:center}@container (min-width: 460px){.subscribe-tiers{grid-template-columns:repeat(2,1fr)}}@container (min-width: 820px){.subscribe-tiers{grid-template-columns:repeat(4,1fr);row-gap:0;column-gap:1rem}.subscribe-tier{display:grid;grid-row:span 10;grid-template-rows:subgrid;gap:0}.subscribe-tier__perks{display:grid;grid-row:span 6;grid-template-rows:subgrid}.subscribe-tier__form{align-self:end}}.subscribe-status{display:flex;flex-direction:column;gap:.9rem;container-type:inline-size}.subscribe-status__body,.subscribe-status__main,.subscribe-status__actions{display:flex;flex-direction:column;gap:.9rem}.subscribe-status__actions>*{margin:0}@container (min-width: 720px){.subscribe-status__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:2rem;align-items:start}.subscribe-status__actions{padding-left:2rem;border-left:1px solid var(--subscribe-rule)}}.subscribe-status__head{display:flex;align-items:center;gap:.9rem}.subscribe-status__name{font-size:1.25rem;font-weight:700}.subscribe-status h3{font-size:1rem}.subscribe-status .notice{margin:0}.subscribe-status__facts{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin:0;padding:.6rem .8rem;border-radius:8px;background:var(--subscribe-whisper)}.subscribe-status__facts:empty{display:none}.subscribe-status__facts dt{font-size:.85rem;color:var(--subscribe-muted)}.subscribe-status__facts dd{margin:0;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.subscribe-status__rewards,.subscribe-gold__list{margin:0;padding-left:1.25rem}.subscribe-status__form{margin:0}.subscribe-hint{font-size:.9rem;color:var(--subscribe-muted)}.subscribe-gold,.subscribe-cancel{max-width:68ch}.subscribe-gold summary{cursor:pointer;font-weight:600}.subscribe-gold[open] summary{margin-bottom:.6rem}.subscribe-gold{padding:.75rem 1rem;border-radius:8px;background:var(--subscribe-whisper)}.subscribe-gold p{margin-top:.6rem}.subscribe-cancel summary{display:inline-flex;list-style:none}.subscribe-cancel summary::-webkit-details-marker{display:none}.subscribe-cancel__form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin:.6rem 0 0}.subscribe-status__spend{margin-left:.5rem;font-size:.85rem;font-weight:400}.subscribe-period--static{list-style:none;display:grid;gap:.25rem;margin:0 0 .75rem;padding:0}.subscribe-resume{display:flex;flex-direction:column;gap:.5rem}.subscribe-gold__list{columns:2 18rem;column-gap:2rem}.subscribe-gold__list li{break-inside:avoid;padding-block:.15rem}.subscribe-faq{max-width:68ch;padding:.75rem 1rem;border-radius:8px;background:var(--subscribe-whisper)}.subscribe-faq summary{cursor:pointer;font-weight:600}@media(prefers-reduced-motion:reduce){.subscribe-tier{transition:none}.subscribe-tier:hover,.subscribe-tier:has(:focus-visible){transform:none}}.subscribe-tier-change{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--subscribe-rule)}.subscribe-tier-change__options{list-style:none;margin:.75rem 0 0;padding:0;display:grid;gap:.5rem}.subscribe-tier-change__options form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.25rem .75rem;padding:.625rem .75rem;border:1px solid var(--subscribe-rule);border-radius:8px;background:var(--subscribe-whisper)}.subscribe-tier-change__options form>span{color:var(--subscribe-muted)}.subscribe-tier-change__options .subscribe-rewards{grid-column:1 / -1;grid-row:2;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 .75rem;font-size:.875rem;color:var(--subscribe-muted)}.subscribe-tier-change__options button{grid-column:3;grid-row:1;text-wrap:balance}.subscribe-tier-change__pending{margin-bottom:.5rem}@media(max-width:480px){.subscribe-tier-change__options form{grid-template-columns:auto 1fr}.subscribe-tier-change__options button{grid-column:1 / -1;grid-row:3;justify-self:start}}.subscribe-switch{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--subscribe-rule)}.subscribe-switch fieldset{margin:.75rem 0 0;padding:0;border:0}.subscribe-switch legend{padding:0;font-weight:600}.subscribe-switch label{display:block;padding:.25rem 0}
