.creator-letter{display:flex;gap:13px;align-items:center;width:fit-content;max-width:100%;margin-top:21px;padding:15px 21px 15px 15px;background:#fff0e9;border:1px solid #efcfc6;border-radius:7px 21px 21px 21px;text-decoration:none;color:#714c48;box-shadow:3px 5px 0 #f0e2d94d;transform:rotate(-1deg)}
.creator-letter:hover{background:#ffe9df;transform:rotate(0)}.creator-letter small{display:block;font-size:10px;letter-spacing:.02em;margin-bottom:5px;color:#987169}.creator-letter strong{display:block;font-size:14px;line-height:1.8;font-weight:650}.creator-letter strong b{font-size:16px;margin-left:7px}.creator-letter em{display:block;margin-top:6px;font-size:10px;font-style:normal;color:#926c65}.letter-icon{position:relative;font-size:44px;color:#b97d70;line-height:1;flex:none}.letter-icon i{position:absolute;font-style:normal;font-size:21px;color:#b88340;right:-4px;bottom:-8px;background:#fff3e2;border-radius:50%}
.note-card{position:relative;margin-top:32px;padding:26px 24px 22px;border:1px solid #efcfc6;border-radius:21px;background:repeating-linear-gradient(0deg,transparent,transparent 29px,#e6cfc220 29px,#e6cfc220 30px),#fff3ed;overflow:hidden}.note-sticker{position:absolute;right:20px;top:15px;font-size:39px;color:#c48679;transform:rotate(12deg)}.note-card .note-byline{font-size:9px;letter-spacing:.15em;color:#ad7d6b;margin:0 40px 9px 0}.note-person{font-size:10px;color:#8c6e63;margin-bottom:10px}.note-card h3{font-size:18px;line-height:1.8;margin:0 0 9px;color:#76564a}.note-card>p:not(.note-byline):not(.note-person){font-size:12px;line-height:2;color:#8a7166;max-width:390px}.note-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding:14px 17px;border:1px solid #dab5a8;border-radius:13px;background:#fffdf8;color:#79584d;font-size:13px;font-weight:600;text-decoration:none;line-height:1.8}.note-cta small{display:block;color:#a07b6c;font-size:10px;font-weight:400}.note-cta b{font-size:20px}.note-card>small{display:block;font-size:10px;line-height:1.9;margin-top:12px;color:#997f72}.note-cta:hover{background:#fff7e5}.membership-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#edf2e6;border:1px solid #d8e2cb;border-radius:19px;padding:18px 23px;margin:0 0 24px}.membership-banner>div{display:flex;align-items:center;gap:14px}.plan-flower{font-size:33px;color:#a38146}.membership-banner strong{display:block;font-size:14px;color:#4c6544}.membership-banner small{display:block;font-size:11px;line-height:1.9;color:#7a856d;margin-top:5px}.plan-open{border:1px solid #b6c8a5;border-radius:30px;background:#fffdf3;color:#566b43;padding:12px 16px;font-size:11px;white-space:nowrap}.plan-open span{margin-left:10px}.plan-bloom{display:block;color:#bf8a66;font-size:43px;margin-top:18px}.plan-price{color:#59744b}.plan-price strong{font-size:40px;font-weight:600}.plan-features{padding-left:19px;font-size:11px;line-height:2;color:#75806b}.billing-status{background:#f2f2e8;border-radius:12px;padding:12px;color:#777b66}.plan-note{display:block;margin-top:16px;font-size:10px;line-height:1.9;color:#979180}#back-to-free{width:100%;margin-top:10px}.question-access{display:inline-block;font-size:8px;font-weight:500;letter-spacing:0;background:#eee9dd;color:#8a7860;border-radius:5px;padding:2px 5px;margin-top:6px}.question-access.free{background:#e8efe0;color:#628052}.question-button.active .question-access{background:#f8f3df;color:#655d3d}.question-button.member-locked .question-charm{opacity:.5}
@media(max-width:640px){.creator-letter{padding:12px 13px;gap:9px;margin-top:16px;max-width:245px}.letter-icon{font-size:33px}.letter-icon i{font-size:16px}.creator-letter small{font-size:8px}.creator-letter strong{font-size:12px}.creator-letter em{font-size:8px}.note-card{padding:23px 17px 19px}.note-card h3{font-size:16px}.note-card>p:not(.note-byline):not(.note-person){font-size:11px}.note-cta{font-size:12px;padding:12px}.note-card>small{font-size:9px}.membership-banner{display:block;padding:17px;margin-bottom:20px}.membership-banner strong{font-size:13px}.membership-banner small{font-size:10px}.plan-open{display:block;width:100%;margin-top:13px;font-size:11px}.question-access{font-size:8px}.plan-features{font-size:11px}}