:root{--color-primary:#533afd;--color-primary-hover:#4434d4;--color-heading:#061b31;--color-body:#64748d;--color-label:#273951;--color-bg:#fff;--color-border:#e5edf5;--color-success:#15be53;--color-success-bg:#15be5333;--color-success-text:#108c3d;--color-error:#ea2261;--color-error-bg:#ea226114;--color-error-border:#ea226133;--color-discord-blurple:#5865f2;--color-discord-blurple-hover:#4752c4;--color-discord-green:#57f287;--color-discord-red:#ed4245;--color-discord-dark:#2c2f33;--color-discord-not-quite-black:#23272a;--color-purple-light:#b9b9f9;--color-border-soft-purple:#d6d9fc;--shadow-elevated:#32325d40 0px 30px 45px -30px, #0000001a 0px 18px 36px -18px;--shadow-button:#32325d40 0px 6px 12px -2px, #0000001a 0px 3px 7px -3px;--shadow-modal:#32325d40 0px 50px 100px -20px, #0000004d 0px 30px 60px -30px;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", Meiryo, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-body);-webkit-font-smoothing:antialiased;justify-content:center;align-items:flex-start;min-height:100dvh;padding:40px 24px;line-height:1.6;display:flex}.page-wrapper{flex-direction:column;width:100%;max-width:720px;min-height:calc(100dvh - 80px);display:flex}#app{flex:1 0 auto;width:100%}.site-footer{border-top:1px solid var(--color-border);flex-shrink:0;margin-top:32px;padding-top:24px}.site-footer__links{flex-wrap:wrap;justify-content:center;gap:8px 14px;margin:0;padding:0;font-size:13px;font-weight:400;list-style:none;display:flex}.site-footer__links a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.site-footer__links a:hover{color:var(--color-primary-hover)}.site-header{border-bottom:1px solid var(--color-border);flex-shrink:0;margin-bottom:24px;padding-bottom:20px}.site-header__title{color:var(--color-heading);margin:0 0 12px;font-size:18px;font-weight:600}.site-header__nav{flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.site-header__nav a{color:var(--color-primary);text-underline-offset:2px;text-decoration:underline}.site-header__nav a:hover{color:var(--color-primary-hover)}.site-header__nav-sep{color:var(--color-border);-webkit-user-select:none;user-select:none}.noscript-hint{color:var(--color-body);margin:0 0 16px;font-size:14px;line-height:1.6}.noscript-hint a{color:var(--color-primary)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;padding:32px 24px;box-shadow:0 30px 45px -30px #32325d40,0 18px 36px -18px #0000001a}.card--centered{text-align:center;flex-direction:column;align-items:center;display:flex}.card--centered .heading{text-align:center;width:100%}.card--centered .success-badge{text-align:center;flex-wrap:wrap;justify-content:center}.card--centered .submit-button{align-self:stretch}.heading{color:var(--color-heading);letter-spacing:-.2px;margin-bottom:12px;font-size:20px;font-weight:500}.body-text{color:var(--color-body);margin-bottom:20px;font-size:16px;font-weight:300}.body-text-sub{color:var(--color-body);font-size:14px;font-weight:400}.discord-button{background:var(--color-discord-blurple);color:#fff;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:10px;padding:12px 24px;font-size:16px;font-weight:400;transition:background-color .15s ease-out;display:inline-flex;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000001a}.discord-button:hover{background:var(--color-discord-blurple-hover)}.discord-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.discord-button:active{transform:scale(.98)}.discord-link-section{flex-direction:column;align-items:center;gap:12px;margin-top:24px;display:flex}.badge{border-radius:4px;margin-bottom:20px;padding:10px 16px;font-size:14px;font-weight:400}.success-badge{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid #15be5366;align-items:center;gap:8px;display:inline-flex}.success-icon{color:var(--color-success);font-weight:500}.error-badge{border:1px solid var(--color-discord-red);color:var(--color-discord-red);background:#ed424533}.info-badge{color:#1d4ed8;white-space:pre-line;background:#3b82f61f;border:1px solid #3b82f673}.gate-passcode-field{justify-content:center;margin-bottom:24px;display:flex}.gate-passcode-field .form-input{flex:0 auto;width:min(100%,320px)}.plan-placeholder{border-top:1px solid var(--color-border);margin-top:4px;padding-top:20px}.plan-placeholder .body-text{margin-bottom:0}.loading-container{flex-direction:column;align-items:center;gap:16px;padding:24px 0;display:flex}.loading-container .body-text{margin-bottom:0}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-discord-blurple);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.plan-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.plan-card{background:var(--color-bg);border:2px solid var(--color-border);cursor:pointer;border-radius:6px;padding:20px 16px;transition:border-color .15s ease-out,box-shadow .15s ease-out}.plan-card:hover{border-color:var(--color-primary)}.plan-card--selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #533afd1a}.plan-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.plan-card-name{font-family:var(--font-sans);color:var(--color-heading);margin-bottom:4px;font-size:16px;font-weight:300}.plan-card-price{font-family:var(--font-sans);color:var(--color-heading);letter-spacing:-.64px;font-feature-settings:"tnum";font-size:32px;font-weight:300;line-height:1.2}.plan-card-interval{color:var(--color-body);margin-bottom:12px;font-size:14px}.plan-card-features{color:var(--color-body);font-size:13px;list-style:none}.plan-card-features li{padding:2px 0}.plan-card-features li:before{content:"✓";color:var(--color-success);margin-right:6px;font-size:12px}.billing-card{max-width:720px}.form-section{margin-bottom:24px}.form-section-title{color:var(--color-heading);border-top:1px solid var(--color-border);margin-bottom:16px;padding-top:8px;font-size:16px;font-weight:500}.form-group{margin-bottom:16px}.form-label{color:var(--color-label);margin-bottom:6px;font-size:14px;font-weight:400;display:block}.required-badge{background:var(--color-error);color:#fff;vertical-align:middle;border-radius:3px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:500;line-height:1.4;display:inline-block}.form-input{border:1px solid var(--color-border);width:100%;font-family:var(--font-sans);color:var(--color-heading);background:var(--color-bg);border-radius:4px;padding:10px 12px;font-size:16px;font-weight:400;transition:border-color .15s ease-out,box-shadow .15s ease-out}.form-input::placeholder{color:var(--color-body)}.form-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #533afd1a}.form-input--error{border-color:var(--color-error);box-shadow:0 0 0 3px #ea22611a}.payjp-mount{border:1px solid var(--color-border);border-radius:4px;min-height:44px;padding:12px;transition:border-color .15s ease-out}.payjp-mount:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #533afd1a}.card-error{color:var(--color-error);margin-top:4px;font-size:13px;font-weight:400}.card-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.card-row-field{min-width:0}.consent-row{align-items:center;gap:10px;margin-bottom:24px;display:flex}.consent-checkbox{appearance:none;border:2px solid var(--color-label);cursor:pointer;border-radius:3px;flex-shrink:0;width:18px;height:18px;position:relative}.consent-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.consent-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.consent-checkbox:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.consent-label{color:var(--color-label);cursor:pointer;font-size:14px;font-weight:400}.consent-link{color:var(--color-primary);text-decoration:underline}.submit-button{background:var(--color-primary);color:#fff;width:100%;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:12px 24px;font-size:16px;font-weight:400;transition:background-color .15s ease-out;display:inline-flex;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000001a}.submit-button:hover{background:var(--color-primary-hover)}.submit-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.submit-button:disabled{opacity:.5;cursor:not-allowed}.submit-button:disabled:hover{background:var(--color-primary)}.start-billing-button{width:auto}.secondary-button{width:100%;color:var(--color-primary);font-family:var(--font-sans);border:1px solid var(--color-purple-light);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;margin-top:16px;padding:10px 20px;font-size:14px;font-weight:400;transition:border-color .15s ease-out,background-color .15s ease-out;display:inline-flex}.secondary-button:hover{border-color:var(--color-primary);background:#533afd0d}.error-banner{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);white-space:pre-line;border-radius:4px;margin-bottom:16px;padding:12px 16px;font-size:14px}.warning-banner{color:#9b6829;background:#9b682914;border:1px solid #9b682933;border-radius:4px;margin-bottom:16px;padding:12px 16px;font-size:14px}.operation-id-box{border:1px solid var(--color-border);background:#f6f9fc;border-radius:4px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.operation-id-value{font-family:var(--font-mono);color:var(--color-heading);word-break:break-all;flex:1;font-size:14px}.copy-button{font-family:var(--font-sans);color:var(--color-body);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;padding:4px 10px;font-size:13px;transition:border-color .15s ease-out}.copy-button:hover{border-color:var(--color-body)}.success-container{text-align:center;margin-bottom:24px}.success-icon-large{background:var(--color-success-bg);width:48px;height:48px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-size:24px;display:inline-flex}.success-heading{font-family:var(--font-sans);color:var(--color-heading);letter-spacing:-.26px;font-size:26px;font-weight:300}.result-details{border:1px solid var(--color-border);border-radius:6px;margin-bottom:16px;padding:16px}.result-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.result-row+.result-row{border-top:1px solid var(--color-border)}.result-label{color:var(--color-body);font-size:14px}.result-value{color:var(--color-heading);font-size:14px;font-weight:400}.status-badge{background:var(--color-success-bg);color:var(--color-success-text);border-radius:4px;padding:2px 10px;font-size:13px;font-weight:400;display:inline-block}.subscribed-status{text-align:center;padding:16px 0}.subscribed-plan-name{font-family:var(--font-sans);color:var(--color-heading);letter-spacing:-.22px;margin:8px 0;font-size:22px;font-weight:300}.subscribed-detail{color:var(--color-body);text-align:center;margin-top:12px;font-size:14px}.discord-linked-badge{color:var(--color-discord-blurple)}.discord-status-badge--unlinked{color:var(--color-body);border:1px solid var(--color-border);background:#64748d1a;border-radius:4px;padding:2px 10px;font-size:13px;font-weight:400;display:inline-block}.cancel-button{color:#ea2261;font-family:var(--font-sans);cursor:pointer;background:0 0;border:1px solid #ea22614d;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:400;transition:background-color .15s ease-out;display:inline-flex}.cancel-button:hover{background:#ea22610d}.cancel-button:focus-visible{outline-offset:2px;outline:2px solid #ea2261}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.cancel-separator{border:none;border-top:1px solid var(--color-border);margin:24px 0}.cancel-section{text-align:center}.cancel-section-title{color:var(--color-heading);margin-bottom:8px;font-size:16px;font-weight:500}.cancel-section-desc{color:var(--color-body);margin-bottom:16px;font-size:14px;line-height:1.6}.cancel-section-withdrawn{background:var(--color-success-bg);color:var(--color-success-text);border-radius:4px;padding:2px 10px;font-size:13px;font-weight:400;display:inline-block}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:100%;max-width:440px;padding:32px 24px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d}.modal-title{font-family:var(--font-sans);color:var(--color-heading);letter-spacing:-.2px;margin-bottom:12px;font-size:20px;font-weight:500}.modal-body{color:var(--color-body);margin-bottom:24px;font-size:14px;line-height:1.6}.modal-body p+p{margin-top:8px}.modal-actions{flex-direction:column;gap:12px;display:flex}.ghost-neutral-button{width:100%;color:var(--color-body);font-family:var(--font-sans);border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:10px 20px;font-size:14px;font-weight:400;transition:border-color .15s ease-out;display:inline-flex}.ghost-neutral-button:hover{border-color:var(--color-body)}.ghost-neutral-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cancel-complete-icon{color:#533afd;background:#533afd1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;font-size:24px;display:inline-flex}.cancel-info-card{background:#533afd0a;border:1px solid #d6d9fc;border-radius:6px;margin-bottom:16px;padding:16px}.result-value,.operation-id-value{font-feature-settings:"tnum"}@media (width<=768px) and (width>=641px){.plan-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.plan-grid,.card-row{grid-template-columns:1fr}.plan-card-price{font-size:26px}.page-wrapper{max-width:480px}}@media (prefers-reduced-motion:reduce){.spinner{border-color:var(--color-discord-blurple);animation:none}.discord-button,.submit-button,.secondary-button,.ghost-neutral-button,.cancel-button,.plan-card,.form-input,.copy-button{transition:none}}