.first-letter-card{padding:20px;background:#edf4ff;border:1px solid #dbe8ff;border-radius:12px;margin-bottom:22px}.first-letter-card p{margin:8px 0}.writing-prompt{padding:20px;border:1px solid #e0e8f6;border-radius:12px;margin-bottom:22px}.writing-prompt p{font-family:Georgia,serif;font-size:19px;color:#294b80;margin:8px 0 16px}.writing-prompt small,.paper-picker small{display:block;margin-top:12px}.paper-picker{padding:16px 0 22px;border:0;margin:0;min-width:0}.paper-picker legend{font-size:14px;color:#354c70;padding:0;margin-bottom:10px}.paper-option{display:flex;align-items:center;gap:10px;border:1px solid #dbe4f3;border-radius:10px;padding:10px 14px;background:white;color:#536d95;font-size:13px}.paper-option[aria-pressed=true]{border:2px solid #2563eb;padding:9px 13px;color:#173b8f;background:#f5f8ff}.paper-swatch{display:block;width:27px;height:34px;border:1px solid #c3d2e9;border-radius:3px}.paper-swatch[data-paper=white]{background:white}.paper-swatch[data-paper=blue]{background:#e8f2ff}.paper-swatch[data-paper=lined]{background:repeating-linear-gradient(white 0,white 7px,#ceddf3 7px,#ceddf3 8px)}#app #letter-body[data-paper],#app .m-reading[data-paper]{font-family:Georgia,serif;font-size:17px;line-height:32px;color:#243b60;padding:24px;background-color:white;border:1px solid #dbe4f3;border-radius:10px}#app #letter-body[data-paper=blue],#app .m-reading[data-paper=blue]{background:#e8f2ff}#app #letter-body[data-paper=lined],#app .m-reading[data-paper=lined]{background:repeating-linear-gradient(to bottom,#fff 0,#fff 31px,#dce7f6 31px,#dce7f6 32px);background-position:0 25px}#app .m-reading[data-paper]{margin-bottom:24px;min-height:250px;overflow-wrap:anywhere}@media(max-width:760px){.paper-option{padding:10px;font-size:12px}.paper-option[aria-pressed=true]{padding:9px}.paper-picker .m-actions{gap:8px}.first-letter-card,.writing-prompt{padding:16px}}
.paper-picker .m-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.paper-option{font-size:14px;min-height:62px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.paper-swatch{width:38px;height:48px;flex-shrink:0;box-shadow:2px 3px 0 #173b8f0a}
.paper-swatch[data-paper=notebook]{background:linear-gradient(90deg,transparent 7px,#91b6ef 7px,#91b6ef 8px,transparent 8px),repeating-linear-gradient(#edf5ff 0,#edf5ff 8px,#c7dcf7 8px,#c7dcf7 9px)}.paper-swatch[data-paper=bordered]{background:#fff;border:3px double #2563eb}.paper-swatch[data-paper=dotted]{background:radial-gradient(#97b5de .8px,transparent 1px) 0 0/7px 7px,#f5f9ff}
#app #letter-body[data-paper=notebook],#app .m-reading[data-paper=notebook]{background:linear-gradient(90deg,transparent 35px,#abc8f1 35px,#abc8f1 36px,transparent 36px),repeating-linear-gradient(#edf5ff 0,#edf5ff 31px,#cadcf5 31px,#cadcf5 32px);background-position:0 0,0 25px;padding-left:50px}
#app #letter-body[data-paper=bordered],#app .m-reading[data-paper=bordered]{background:#fff;border:4px double #658ee0;box-shadow:inset 0 0 0 7px #f2f7ff;padding:28px}
#app #letter-body[data-paper=dotted],#app .m-reading[data-paper=dotted]{background:radial-gradient(#aec6e9 .7px,transparent 1px) 8px 8px/16px 16px,#f7faff}
@media(max-width:760px){.paper-picker .m-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.paper-option{font-size:14px}.paper-swatch{width:30px;height:40px}}
.paper-swatch[data-paper=bubbles]{background:url('stationery/blue-bubbles.png') center/100% 100%,white}.paper-swatch[data-paper=hearts]{background:url('stationery/blue-hearts.png') center/100% 100%,white}
#app #letter-body[data-paper=bubbles],#app .m-reading[data-paper=bubbles]{background:#fff url('stationery/blue-bubbles.png') 0 0/350px 350px repeat}
#app #letter-body[data-paper=hearts],#app .m-reading[data-paper=hearts]{background:#fff url('stationery/blue-hearts.png') 0 0/350px 350px repeat}