.bubble.letter-bubble{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html[data-bubble-style] body[data-page=chat] #messages .message .bubble.letter-bubble:not(.voice-bubble):not(.photo-bubble)::before,html[data-bubble-style] body[data-page=chat] #messages .message .bubble.letter-bubble:not(.voice-bubble):not(.photo-bubble)::after{display:none!important}
html body dialog#letterReader.letter-reader{border:0!important;border-radius:0!important;background:#393939d9!important;box-shadow:none!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
 .chat-letter{display:flex;flex-direction:column;align-items:center;gap:22px;width:280px;max-width:72vw;min-height:270px;padding:28px 24px 24px;border:1px solid #dedede;border-radius:22px;background:linear-gradient(145deg,#fafafa,#ececec);box-shadow:inset 0 1px 0 #fff,0 8px 24px #00000006;color:#2b2b2b;text-align:center;cursor:pointer;font:inherit;box-sizing:border-box}
.letter-envelope{position:relative;flex:none;width:200px;max-width:100%;height:134px;overflow:hidden;border:1px solid #ccc;border-radius:4px;background:linear-gradient(32deg,#e4e4e4 47%,transparent 48%),linear-gradient(-32deg,#eeeeee 47%,#f8f8f8 48%);box-shadow:0 5px 9px #0000000b}
.letter-envelope-flap{position:absolute;width:150px;height:150px;left:24px;top:-107px;background:linear-gradient(140deg,#fafafa,#efefef);border:1px solid #ccc;transform:rotate(45deg);border-radius:0 0 8px 0;box-shadow:2px 2px 4px #0001}
.letter-envelope-seal{position:absolute;display:grid;place-items:center;top:49px;left:calc(50% - 29px);width:58px;height:58px;overflow:hidden;background:#464649;border-radius:48% 52% 49% 51%;border:3px solid #777;box-sizing:border-box;box-shadow:inset 0 0 0 2px #343436,inset 0 0 0 4px #777,0 3px 5px #0004}
.letter-seal-mark{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.5);mix-blend-mode:screen;opacity:.9}
.letter-card-copy{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}.letter-card-copy strong{order:-1;font-family:Georgia,'Songti SC',serif;font-size:19px;font-weight:500;line-height:1.45;overflow-wrap:anywhere}.letter-card-copy small{font-size:12px;color:#818181}.letter-open-state{font-size:11px;color:#777;margin-top:6px;padding:5px 16px;border-radius:30px;background:#00000006}
.letter-compose,.letter-attachments{box-sizing:border-box;width:calc(100vw - 32px);max-width:420px;max-height:88svh;padding:24px;border:1px solid #ddd;border-radius:24px;background:#f4f4f4;color:#292929;overflow:auto;box-shadow:0 18px 70px #0002}
.letter-compose::backdrop,.letter-attachments::backdrop{background:#0005;backdrop-filter:blur(6px)}
.letter-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.letter-dialog-head strong{font-size:18px;font-weight:500}.letter-dialog-head button{padding:6px;border:0;background:none;color:#777;font:inherit;font-size:13px}
.letter-attachment-choice{display:block;width:100%;padding:18px;margin-top:10px;text-align:left;border:1px solid #ddd;border-radius:16px;background:#fff;color:inherit;font:inherit}
.letter-compose-form>label{display:block;font-size:12px;color:#7a7a7a;margin:0 0 14px}.letter-compose-form input:not([type=checkbox]),.letter-compose-form textarea{box-sizing:border-box;display:block;width:100%;margin-top:6px;padding:12px 14px;border:1px solid #ddd;border-radius:12px;background:#ffffffb0;color:#252525;font:inherit;font-size:16px;resize:vertical}
.letter-compose-form textarea{min-height:176px;line-height:1.8}.letter-compose-form>.letter-effect{display:flex;align-items:center;gap:8px;font-size:13px}.letter-effect input{accent-color:#666;flex:none;width:16px;height:16px;margin:0}.letter-compose-status{font-size:12px;line-height:1.7;color:#888;margin:12px 0 18px}.letter-compose-actions{display:flex;gap:10px}.letter-compose-actions button{flex:1;border-radius:16px;padding:13px;font:inherit;font-size:14px}.letter-compose-actions .primary-button{background:#303030;color:#fff}.letter-compose-actions .secondary-button{background:#fff;color:#555;border:1px solid #ddd}
.letter-reader{box-sizing:border-box;width:100vw;max-width:none!important;height:100svh;max-height:none!important;margin:0!important;padding:calc(88px + env(safe-area-inset-top)) 24px calc(44px + env(safe-area-inset-bottom));border:0;border-radius:0;background:#393939d9;backdrop-filter:blur(18px);color:#292929;overflow:auto}
.letter-reader::backdrop{background:#2d2d2ddd}.letter-reader-close{position:fixed;z-index:3;top:calc(20px + env(safe-area-inset-top));right:24px;border:1px solid #ffffff70;border-radius:24px;padding:0;width:40px;height:40px;line-height:36px;background:#ffffffdd;color:#555;font:inherit;font-size:26px;backdrop-filter:blur(10px)}
.letter-fireworks{position:fixed;z-index:0;inset:0;width:100%;height:100%;pointer-events:none}
.letter-stage{position:relative;max-width:500px;margin:auto}.letter-pocket{position:relative;z-index:2;margin-top:-74px;height:125px;clip-path:polygon(0 0,50% 40%,100% 0,100% 100%,0 100%);background:linear-gradient(32deg,#efefed 49%,#fafaf8 50%);border:1px solid #d7d7d7;box-shadow:0 10px 30px #0002;pointer-events:none}
.letter-paper{box-sizing:border-box;position:relative;z-index:1;max-width:500px;margin:auto;padding:38px 28px 105px;border:1px solid #d7d7d7;border-radius:3px;background:repeating-linear-gradient(0deg,#fff0 0 2px,#ededed22 2px 3px),#fcfcfa;box-shadow:0 16px 55px #0000000c;overflow-wrap:anywhere}
.letter-eyebrow{display:block;font-size:10px;letter-spacing:3px;color:#999}.letter-title{font-family:Georgia,'Songti SC','Noto Serif CJK SC',serif;font-size:26px;line-height:1.5;font-weight:400;margin:16px 0 32px}.letter-salutation{font-size:14px;margin:0 0 20px}.letter-body{white-space:pre-wrap;line-height:2.1;font-family:Georgia,'Songti SC','Noto Serif CJK SC',serif;font-size:16px;min-height:180px}.letter-signature{text-align:right;margin:34px 0 0;font-size:14px;color:#666}
.letter-celebrating{background:#333}.letter-celebrating .letter-paper{animation:letter-unfold .9s .55s both}
@keyframes letter-unfold{from{opacity:0;transform:translateY(25px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.letter-celebrating .letter-paper{animation:none}.letter-fireworks{display:none}}
@media(min-width:700px){.letter-reader{padding-top:100px}.letter-paper{padding:48px 48px 110px}}
html[data-theme=dark] .chat-letter{background:linear-gradient(145deg,#353535,#292929);color:#ececec;border-color:#505050;box-shadow:inset 0 1px 0 #ffffff10}
html[data-theme=dark] .letter-compose,html[data-theme=dark] .letter-attachments{background:#303030;color:#ececec;border-color:#555}html[data-theme=dark] .letter-attachment-choice{background:#3b3b3b;color:#eee;border-color:#555}