.cm-reading{position:relative;isolation:isolate;background:#f5f5ef;min-height:100%}.cm-reading-hero{position:absolute;inset:0 0 auto;width:100%;height:260px;object-fit:cover;z-index:-2}.cm-reading:before{content:'';position:absolute;inset:0 0 auto;height:260px;background:linear-gradient(#073d46c9,#073d4655,transparent);z-index:-1}
html body #app #content-view .cm-reading>.v3p-header{background:transparent!important;padding-bottom:40px!important}
.cm-page .cm-letter{position:relative;margin:0 12px 24px;padding:20px 20px 24px;border-radius:18px;background:#fdfdf9;min-height:0;box-shadow:0 8px 28px #173f4110}
.cm-page .cm-letter h2{font:500 clamp(27px,6vw,36px)/1.12 Georgia,serif!important;margin:15px 0 9px}.cm-letter .cm-intro{font:17px/1.5 Arial,sans-serif;margin:0 0 22px;color:#153c46}.cm-letter .cm-sender{margin-top:22px;font:15px/1.4 Arial,sans-serif}.cm-letter .cm-sender :is(svg,img){width:44px;height:44px;padding:10px;background:#e8ede7;border-radius:50%;flex:none}.cm-letter .cm-sender small{margin-top:3px}
.cm-letter .cm-message-body{font:15px/1.65 Arial,sans-serif;color:#153c46;min-height:0!important;height:auto!important;padding:0!important;background:none!important}.cm-message-body :is(h2,h3,h4){font:700 18px/1.35 Arial,sans-serif!important;margin:22px 0 10px!important}.cm-message-body :is(ul,ol){padding-left:23px;margin:12px 0 20px}.cm-message-body li{margin:7px 0}.cm-message-body a{color:#075365;text-decoration:underline}.cm-message-body blockquote{border-left:3px solid #92b6b6;margin:18px 0;padding:8px 15px;background:#edf3f1}.cm-message-body strong,.cm-message-body b{font-weight:700}.cm-message-body img{max-width:100%;height:auto;border-radius:10px}
.cm-letter-action,.cm-new-message{display:flex;justify-content:center;align-items:center;gap:16px;border:0;border-radius:12px;background:#074653;color:white;padding:15px 18px;font:600 16px/1.3 Arial,sans-serif;min-height:48px;width:100%;margin:20px 0}.cm-letter-action:disabled{opacity:1}.cm-new-message{font-size:14px;margin:0 0 18px}
.cm-letter-banner{position:relative;height:132px;overflow:hidden;border-radius:10px;margin-top:26px;background:#074653}.cm-letter-banner>img:first-child{width:100%;height:100%;object-fit:cover}.cm-letter-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#002f3466)}.cm-letter-banner>.cm-letter-quote{position:absolute;right:12px;bottom:10px;width:43%;height:90px;object-fit:contain;z-index:1}
.cm-letter-signoff{margin-top:17px;font:14px/1.5 Arial,sans-serif;color:#153c46}.cm-letter-signoff p{margin:4px 0}.cm-letter-signoff small{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;margin-top:7px}.cm-delete-message{display:block!important;min-height:44px;margin:24px 0 0;padding:10px 14px;border:1px solid #c4d0cc;border-radius:9px;background:transparent;color:#5a3434;font:13px Arial,sans-serif}
.cm-compose{padding:22px;max-width:700px;margin:0 auto;background:#fafbf7;color:#103d46}.cm-compose h2{font:26px Georgia,serif;margin:0 0 20px}.cm-compose label{display:block;font:600 13px/1.5 Arial,sans-serif;margin:14px 0 6px}.cm-compose input:not([type=checkbox]),.cm-compose select{display:block;width:100%;box-sizing:border-box;background:white;border:1px solid #cfdad5;border-radius:9px;padding:12px;font:16px Arial,sans-serif;color:#103d46;margin-top:5px}.cm-compose input[type=hidden]{display:none}.cm-editor-tools{display:flex;flex-wrap:wrap;gap:5px;background:#eaf0eb;padding:8px;border:1px solid #cfdad5;border-radius:9px 9px 0 0}.cm-editor-tools button{padding:8px 10px;border:1px solid #cfdad5;border-radius:6px;background:white;color:#103d46;font:13px Arial,sans-serif;min-height:36px}.cm-rich{min-height:200px;padding:14px;border:1px solid #cfdad5;border-top:0;border-radius:0 0 9px 9px;background:white;font:16px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.cm-rich ul{list-style:disc;padding-left:22px}.cm-rich h3{font-size:20px;font-weight:bold}.cm-compose .cm-check{display:flex;align-items:center;gap:9px;font-weight:400}.cm-check input{width:18px;height:18px;accent-color:#074653}.cm-compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cm-compose-actions{display:flex;gap:10px;margin-top:22px}.cm-compose-actions button{flex:1;border:1px solid #074653;border-radius:10px;padding:13px 10px;background:white;color:#074653;font:600 14px Arial,sans-serif}.cm-compose-actions button:last-child{background:#074653;color:white}.cm-compose-actions button:disabled{opacity:.5}
.cm-preview{padding:0;border:0;border-radius:16px;width:min(94vw,560px);max-height:88dvh;background:#eef2eb;color:#103d46}.cm-preview::backdrop{background:#052f3b99}.cm-preview>header{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;background:#074653;color:white;position:sticky;top:0;z-index:2}.cm-preview>header button{font-size:26px;border:0;background:none;color:white;min-width:44px;min-height:44px}.cm-preview .cm-letter{margin:12px}.cm-preview .cm-page{padding:0;background:transparent}
@media(max-width:380px){.cm-page .cm-letter{padding:18px 16px;margin:0 8px 20px}.cm-compose-grid{grid-template-columns:1fr}.cm-compose{padding:16px}}