.about-page{height:100dvh;overflow-y:auto;background:linear-gradient(180deg,#f5f4f9,#fff 38%);color:#3f3f46;padding:24px 24px 64px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.about-page-inner{width:min(100%,576px);margin:0 auto}.about-back,.about-contact,.support-save{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:14px;line-height:20px;color:#5b556c}.about-back:hover,.about-contact:hover,.support-save:hover{color:#322b43}.about-heading{margin-top:32px;text-align:center}.about-heading img{display:block;width:208px;height:auto;margin:0 auto 24px}.about-heading h1{font-size:32px;line-height:48px;font-weight:500;margin-bottom:16px}.about-page p{font-family:var(--font-thai-ui),sans-serif;font-size:16px;line-height:28px;font-weight:400}.about-heading>p{max-width:416px;margin:0 auto;text-wrap:balance}.about-creator,.about-story,.about-support{margin-top:48px}.about-page h2{font-size:20px;line-height:32px;font-weight:500;margin-bottom:16px;text-align:center}.about-story p+p{margin-top:16px}.about-page .about-label{color:#62626d;font-size:12px;line-height:20px}.about-creator .about-label{margin-bottom:8px}.about-creator,.about-support>p{text-align:center}.about-creator h2{font-size:24px;line-height:36px;margin-bottom:4px}.about-page .about-creator-name{color:#62626d;font-size:16px;line-height:28px}.about-contact{margin-top:8px;max-width:100%;overflow-wrap:anywhere}.about-support form{margin:24px auto 0;max-width:360px}.about-support label{display:block;font-size:14px;line-height:20px;margin-bottom:8px}.support-amount-field{display:flex;align-items:center;gap:8px;padding:0 16px;background:#fafafa;border:1px solid #d4d4d8;border-radius:12px}.support-amount-field input{width:100%;min-width:0;height:48px;border:0;outline:none;background:transparent;color:#3f3f46;font-size:20px;line-height:32px;font-variant-numeric:tabular-nums}.support-amount-field input:focus-visible{outline:none;box-shadow:none}.support-amount-field:focus-within{border-color:#8c8c94;box-shadow:none;outline:none}.support-amount-field:has(input:focus-visible){outline:2px solid #8c8c94;outline-offset:-2px}.support-amount-field span{color:#71717a;font-size:14px;line-height:20px}.support-generate{display:flex;align-items:center;justify-content:center;width:-moz-max-content;width:max-content;max-width:100%;min-height:48px;margin:16px auto 0;padding:12px 40px;border-radius:9999px;font-size:14px;line-height:20px;font-weight:500}.support-generate:disabled{opacity:.5;cursor:wait}.about-page .support-error{margin-top:8px;color:#9f354a;font-size:14px;line-height:20px}.support-qr{margin:32px auto 0;max-width:360px;text-align:center}.support-qr:focus{outline:none}.about-page .support-qr-amount{font-size:24px;line-height:36px;font-weight:500}.support-qr img{display:block;max-width:100%;width:256px;height:auto;margin:16px auto}.support-qr .support-save{margin:8px 0}.about-page .support-qr>p:not(.support-qr-amount){font-size:14px;line-height:20px}.about-page .support-qr>.about-label{font-size:12px;line-height:20px}@media (max-width:640px){.about-page{padding:16px 24px 48px}.about-heading{margin-top:32px}}