.membership-page{max-width:1160px;margin:0 auto;padding:54px 32px 76px;color:#3e3428}.member-intro{text-align:center;padding:10px 0 32px}.member-eyebrow{display:inline-flex;gap:9px;align-items:center;font-size:12px;letter-spacing:1.5px;color:#7b684c}.member-eyebrow i{width:7px;height:7px;border-radius:50%;background:#819677;box-shadow:0 0 0 5px #81967713}.member-intro h1{font-size:clamp(38px,4.5vw,62px);line-height:1.25;letter-spacing:-1.5px;margin:27px 0 20px}.member-intro>p{font-size:16px;line-height:1.9;color:#89745a;margin:0}.member-notice{display:flex;align-items:center;gap:17px;padding:20px 26px;border:1px solid #decba2;background:#f7edcc;border-radius:16px;margin:12px 0 26px}.member-notice>span{font-size:30px;color:#a67828;flex:none}.member-notice p{margin:0;line-height:1.8}.member-notice strong,.member-notice p>span{display:block}.member-notice strong{font-size:15px}.member-notice p>span{font-size:13px;color:#806a4e}.member-plans{display:grid;grid-template-columns:1fr 1fr;gap:24px}.member-plan{display:flex;flex-direction:column;min-width:0;padding:31px;border:1px solid #cbb99b;border-radius:22px;background:#fffcf4;box-shadow:0 6px 0 #4c39100a}.member-plan-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px;letter-spacing:1px;color:#8c795c}.member-plan-top b{padding:5px 10px;border-radius:20px;background:#e8eedf;color:#61764e;letter-spacing:0;font-size:11px;white-space:nowrap}.member-plan h2{font-size:24px;margin:22px 0 12px}.member-price{font-family:Georgia,'Noto Serif SC','Songti SC',serif;font-size:clamp(24px,3vw,35px);font-weight:600;margin:0 0 14px;line-height:1.35}.member-description{font-size:13px;line-height:1.8;color:#8a775e;margin:0 0 24px;max-width:40ch}.member-plan ul{list-style:none;padding:0;margin:0 0 27px;font-size:14px;line-height:1.6}.member-plan li{display:flex;gap:11px;margin:13px 0}.trial li>span{color:#7b946b}.member-cta{display:flex;justify-content:center;align-items:center;gap:14px;min-height:48px;text-decoration:none!important;margin-top:auto;text-align:center}.member-plan>small{font-size:11px;line-height:1.6;color:#9b886d;text-align:center;margin-top:13px}.member-plan.future{background:linear-gradient(130deg,#fcf4df,#fffaf1 65%);border-color:#c9ab70}.future .member-plan-top b{background:#f2e4be;color:#967239}.future .member-price{color:#967139}.member-preview-note{border-top:1px solid #e9dcbc;padding-top:19px}.member-preview-note>strong{font-size:13px}.member-preview-note ul{font-size:13px;color:#8d795b;margin-bottom:26px}.member-preview-note li{margin:12px 0}.member-section-title{text-align:center;margin:68px 0 27px}.member-section-title>span{font-size:10px;letter-spacing:2px;color:#a18b64}.member-section-title h2{font-size:29px;line-height:1.4;margin:14px 0 10px}.member-section-title p{font-size:13px;color:#927e62;line-height:1.7;margin:0}.member-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.member-feature{display:block;border:1px solid #d8cbb1;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;background:#fffcf5;transition:transform .2s,box-shadow .2s}.member-feature:hover{transform:translateY(-4px);box-shadow:0 8px 20px #6d573010}.member-feature-art{height:145px;position:relative;display:grid;place-items:center;background:#f0e6cd;overflow:hidden}.member-feature-art>span{z-index:1;display:grid;place-items:center;width:68px;height:75px;font-size:40px;border:1px solid #a58a57;border-radius:12px;background:#fffcf0;box-shadow:5px 5px 0 #ad8c4a25;transform:rotate(-8deg)}.member-feature-art i{position:absolute;width:68px;height:75px;border:1px solid #bcaa7b;border-radius:12px;background:#dce4cf;transform:translate(26px,2px) rotate(14deg)}.member-feature-art b{position:absolute;bottom:14px;left:18px;font-size:8px;letter-spacing:1.5px;color:#98825b}.art-words{background:#e9ecdf}.art-words i{background:#e9d5aa}.art-words>span{transform:rotate(5deg);background:#faf7e9}.art-room{background:#f1e3d5}.art-room>span{border-radius:50%;width:76px;height:76px;transform:rotate(0);background:#f4df9e}.art-room i{border-radius:50%;transform:translate(24px,0);background:#cfdabb}.member-feature h3{font-size:16px;line-height:1.5;margin:19px 20px 9px;display:flex;justify-content:space-between;gap:10px}.member-feature h3>span{color:#a5874e;font:normal 19px sans-serif}.member-feature p{font-size:12px;line-height:1.8;color:#8c785d;margin:0 20px 23px}.member-faq{max-width:850px;margin:0 auto;scroll-margin-top:110px}.member-faq-list{border-top:1px solid #d9cbb1}.member-faq details{border-bottom:1px solid #d9cbb1}.member-faq summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px;font-weight:600;line-height:1.6;padding:21px 3px}.member-faq summary::-webkit-details-marker{display:none}.member-faq summary>span{font-size:21px;color:#a48c61;font-weight:400;transition:transform .2s;flex:none}.member-faq details[open] summary>span{transform:rotate(45deg)}.member-faq details p{font-size:14px;color:#877156;line-height:1.9;margin:0 30px 23px 3px}.member-feedback{margin-top:57px;border:1px solid #d8c7a5;background:#f3ecd9;padding:26px 30px;border-radius:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.member-feedback h2{font-size:19px;line-height:1.5;margin:0 0 8px}.member-feedback p{font-size:13px;color:#8b7659;margin:0;line-height:1.7}.member-feedback>a{flex:none;text-decoration:none}.membership-view #app{min-height:60vh}.membership-page a:focus-visible,.member-faq summary:focus-visible{outline:3px solid #b58d39;outline-offset:5px}@media(max-width:760px){.membership-page{padding:35px 20px 52px}.member-plans{gap:16px}.member-plan{padding:23px}.member-feature-grid{gap:12px}.member-feature h3{margin:16px 13px 9px;font-size:14px}.member-feature p{margin:0 13px 19px}.member-feedback{padding:23px;align-items:flex-start;flex-direction:column}.member-section-title h2{font-size:25px}}@media(max-width:600px){.member-intro h1{font-size:39px;letter-spacing:-1px}.member-intro>p{font-size:14px}.member-eyebrow{font-size:10px}.member-notice{padding:17px;gap:12px}.member-notice strong{font-size:13px}.member-notice p>span{font-size:12px}.member-plans,.member-feature-grid{grid-template-columns:1fr}.member-plan{padding:25px}.member-feature{display:grid;grid-template-columns:100px 1fr;column-gap:0}.member-feature-art{height:100%;min-height:150px;grid-row:1/3}.member-feature-art>span{width:48px;height:56px;font-size:30px}.member-feature-art i{width:48px;height:56px;transform:translate(13px,2px) rotate(14deg)}.member-feature-art b{font-size:6px;left:10px;letter-spacing:.8px}.member-feature h3{margin-top:20px}.member-feature p{font-size:12px}.member-section-title{margin-top:47px}.member-faq summary{font-size:14px}.member-faq details p{font-size:13px}.member-feedback h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.member-feature,.member-faq summary>span{transition:none}.member-feature:hover{transform:none}}.no-motion .member-feature,.no-motion .member-faq summary>span{transition:none}.no-motion .member-feature:hover{transform:none}
.membership-page .member-plans{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.member-price small{font:400 13px/1.6 system-ui,sans-serif}.member-plan>small{letter-spacing:0}.member-payment-help{display:grid;grid-template-columns:1fr 240px;gap:35px;align-items:center;margin-top:54px;padding:28px;border:1px solid #d8c7a5;border-radius:20px;background:#f3ecd9}.member-payment-help h2{font-size:25px;line-height:1.4}.member-payment-help p{font-size:14px;line-height:1.8;color:#77664e}.member-payment-help figure{margin:0;text-align:center}.member-payment-help img{width:100%;max-height:360px;object-fit:contain;background:white;border-radius:12px}.member-payment-help figcaption,.member-payment-help small{display:block;font-size:11px;line-height:1.8;margin-top:10px;color:#806d50}.member-help-links{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.member-help-links a{text-decoration:none}.member-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:25px}.member-comparison>div{padding:22px;border:1px solid #d8c7a5;border-radius:16px;background:#fffaf1}.member-comparison h3{margin:0 0 10px}.member-comparison p{font-size:14px;line-height:1.9;margin:0}.member-config-note{padding:16px 20px;border-radius:12px;background:#f3ecd9;font-size:14px;line-height:1.8}.member-checkout{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-height:90vh;overflow:auto;border:1px solid #bda77f;border-radius:22px;padding:30px;background:#fffaf1;color:#3e3428;text-align:center}.member-checkout::backdrop{background:#25303b70;backdrop-filter:blur(4px)}.member-checkout-close{position:absolute;right:10px;top:8px;font-size:24px}.member-checkout h2{font-size:24px;margin:14px 0 22px}.member-checkout p{font-size:14px;line-height:1.8}.member-checkout small{display:block;font-size:11px;overflow-wrap:anywhere;line-height:1.8}.member-checkout .member-help-links{justify-content:center}.member-checkout canvas{max-width:100%;height:auto!important}.member-checkout [data-pay-check]{display:block;margin:18px auto}.member-checkout [data-pay-status]{color:#866d3c;min-height:24px}.member-checkout>a{font-size:13px;color:#715b32}.member-paid>span{display:inline-grid;place-items:center;width:65px;height:65px;background:#e2ead7;border-radius:50%;font-size:36px;color:#49704e}.member-paid a{display:inline-block;text-decoration:none}.member-order-list{display:grid;gap:12px}.member-order-list button{text-align:left;white-space:normal;overflow-wrap:anywhere}.member-order-list small{display:block;font-size:11px;font-weight:400;margin-top:8px}.member-access-note{padding:13px 20px;background:#f5e9bf;border-radius:12px;display:flex;gap:15px;justify-content:space-between;align-items:center;font:13px/1.8 system-ui,sans-serif;margin:16px auto;max-width:1000px}.member-access-note a{color:#735922;white-space:nowrap}.duck-member-tag{position:absolute;bottom:10px;right:10px;font:700 10px/1 system-ui,sans-serif;padding:5px 7px;border-radius:7px;background:#f8dda0;color:#6e5423}.duck-card-art{position:relative}.member-gate{max-width:660px;margin:60px auto;padding:38px;text-align:center;border:1px solid #d8c7a5;border-radius:22px;background:#fffaf1}.member-gate p{line-height:1.9}.member-gate .member-help-links{justify-content:center}@media(max-width:900px){.membership-page .member-plans{grid-template-columns:1fr}.member-payment-help{grid-template-columns:1fr 180px;gap:20px}}@media(max-width:600px){.member-payment-help,.member-comparison{grid-template-columns:1fr}.member-payment-help figure{max-width:240px;justify-self:center}.member-payment-help h2{font-size:22px}.member-gate{margin:25px 16px;padding:25px}.member-access-note{margin:12px;align-items:flex-start;flex-direction:column}}
.redeem-page.membership-page{max-width:820px;margin:0 auto;padding:40px 24px}.redeem-page h1{font-size:clamp(28px,5vw,42px)}.redeem-page>p{line-height:1.8}.redeem-form{display:grid;gap:16px;margin:28px 0;padding:28px;background:#fffdf6;border:1px solid #d8caaa;border-radius:18px}.redeem-form input{width:100%;box-sizing:border-box;font-family:ui-monospace,monospace;font-size:16px;padding:14px;border:1px solid #b9ab8d;border-radius:8px;min-width:0}.redeem-form [role=status]{line-height:1.8;overflow-wrap:anywhere}.code-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:20px 0}.code-controls label{display:grid;gap:8px;min-width:140px;flex:1}.code-controls input,.code-controls select{min-height:42px;width:100%;box-sizing:border-box;padding:8px;border:1px solid #b9ab8d;border-radius:8px;background:#fffdf6}.redeem-code-value{font-size:12px;overflow-wrap:anywhere;display:block;min-width:220px;max-width:360px}.redeem-admin>p{line-height:1.8}.redeem-admin [role=status]{overflow-wrap:anywhere}@media(max-width:600px){.redeem-page{padding:24px 16px}.redeem-form{padding:20px}.code-controls{align-items:stretch}.code-controls button{min-height:44px}.code-controls label{flex-basis:100%}}
