.billing-page{max-width:1000px;padding-bottom:64px}.billing-heading{display:block;height:auto;padding:28px 0}.billing-heading>small{font-size:11px;letter-spacing:2px;color:var(--muted)}.billing-heading h1{font-size:clamp(26px,4vw,38px);letter-spacing:-1px;margin:14px 0}.billing-appearance>p,.billing-heading p,.billing-note{color:var(--muted);font-size:14px;line-height:1.8}.billing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px}.billing-page .billing-plan{margin:0;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.billing-plan h2{font-size:18px;margin:0 0 20px}.billing-plan>strong{font-size:36px;letter-spacing:-1px}.billing-plan>p{color:var(--muted);font-size:13px}.billing-plan ul{padding-left:20px;line-height:2;font-size:14px}.billing-plan>button{width:100%;margin:12px 0 0;min-height:44px;border-radius:12px}.billing-appearance,.billing-records{margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}.billing-appearance h2,.billing-records h2{font-size:18px}.theme-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:20px 0 32px}.theme-gallery .theme-preview{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font-size:13px;text-align:left}.theme-gallery .theme-preview.selected{outline:2px solid var(--primary);outline-offset:2px}.theme-preview-sheet{display:grid;align-content:center;gap:10px;width:100%;height:90px;padding:16px;border-radius:8px;background:var(--preview,#eee9df)}.theme-preview-sheet i{display:block;height:5px;border-radius:5px;background:var(--preview-ink,#766e62);opacity:.45}.theme-preview-sheet i:last-child{width:65%}.skin-cream{--preview:#f0e6d5;--preview-ink:#755632}.skin-sakura{--preview:#f6e3e8;--preview-ink:#98506b}.skin-forest{--preview:#e1eadc;--preview-ink:#426c46}.skin-midnight{--preview:#29292e;--preview-ink:#f0f0f2}.skin-lavender{--preview:#e8e2f3;--preview-ink:#75609b}.theme-preview small{font-size:9px;color:var(--muted)}.comment-palette{display:flex;flex-wrap:wrap;gap:10px}.comment-palette button{margin:0;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink)}.comment-palette button[aria-pressed=true]{outline:2px solid var(--primary);outline-offset:2px}.billing-records-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.billing-page .billing-records article{padding:16px 0;border:0;border-bottom:1px solid var(--line);border-radius:0}.billing-records article p{font-size:14px;overflow-wrap:anywhere}.comment-palette button:hover:not(:disabled),.theme-gallery .theme-preview:hover:not(:disabled){background:var(--soft);color:var(--ink);border-color:var(--muted)}.billing-plan--plus{border-color:var(--ink)}.billing-plan .billing-plan-cta{display:flex;align-items:center;justify-content:center;width:100%;margin:12px 0 0;min-height:44px;border-radius:12px;background:var(--primary,var(--ink));color:var(--surface);font-size:14px;text-decoration:none}.billing-plan .billing-plan-cta:hover{background:var(--primary-hover,#353539)}.billing-benefits{list-style:none;padding:0;margin:16px 0}.billing-benefits li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5}.billing-benefits li:last-child{border-bottom:0}.billing-benefits li.lacks{color:var(--muted)}.billing-benefits li>span:last-child{flex:0 0 auto;font-weight:600}.billing-free-note{color:var(--muted);font-size:12px;margin:12px 0 0}.billing-my-benefits{margin-top:36px;padding:24px 28px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.billing-my-benefits h2{font-size:18px;margin:0}.billing-my-benefits p{font-size:13px;color:var(--muted)}