.thread-view[data-v-b2736f82]{display:flex;flex-direction:column;height:100%;margin-left:auto;margin-right:auto;max-width:48rem;width:100%;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.thread-view[data-v-b2736f82]:is(.dark *){--tw-border-opacity:1;border-color:rgb(39 39 42/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(24 24 27/var(--tw-bg-opacity,1))}@media(min-width:768px){.thread-view[data-v-b2736f82]{border-left-width:1px;border-right-width:1px}}.thread-header[data-v-b2736f82]{align-items:center;border-bottom-width:1px;display:flex;gap:.5rem;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));padding:.75rem 1rem}.thread-header[data-v-b2736f82]:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.thread-header[data-v-b2736f82]{background-color:#fffc;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.thread-header[data-v-b2736f82]:is(.dark *){background-color:#18181bcc}.back-btn[data-v-b2736f82]{cursor:pointer;font-size:1.125rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.back-btn[data-v-b2736f82]:hover{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.back-btn[data-v-b2736f82]:hover:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.thread-title[data-v-b2736f82]{font-size:.875rem;font-weight:700;line-height:1.25rem;--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.thread-title[data-v-b2736f82]:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.menu-btn[data-v-b2736f82]{align-items:center;border-radius:9999px;cursor:pointer;display:flex;font-size:1.125rem;font-weight:700;height:2rem;justify-content:center;line-height:1.75rem;width:2rem;--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.menu-btn[data-v-b2736f82]:hover{--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.menu-btn[data-v-b2736f82]:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.header-menu[data-v-b2736f82]{border-radius:.75rem;border-width:1px;margin-top:.25rem;position:absolute;right:0;top:100%;z-index:50;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.header-menu[data-v-b2736f82]:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(39 39 42/var(--tw-bg-opacity,1))}.header-menu[data-v-b2736f82]{min-width:120px;padding-bottom:.25rem;padding-top:.25rem}.menu-item[data-v-b2736f82]{cursor:pointer;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.menu-item[data-v-b2736f82]:hover{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.menu-item[data-v-b2736f82]:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(63 63 70/var(--tw-bg-opacity,1))}.menu-item[data-v-b2736f82]:disabled{opacity:.5}.menu-item--danger[data-v-b2736f82]{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.menu-item--danger[data-v-b2736f82]:hover{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.menu-item--danger[data-v-b2736f82]:hover:is(.dark *){background-color:#7f1d1d33}.menu-fade-enter-active[data-v-b2736f82],.menu-fade-leave-active[data-v-b2736f82]{transition:opacity .15s ease,transform .15s ease}.menu-fade-enter-from[data-v-b2736f82],.menu-fade-leave-to[data-v-b2736f82]{opacity:0;transform:translateY(-4px)}.thread-letters[data-v-b2736f82]{flex:1 1 0%}.thread-letters[data-v-b2736f82]>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.thread-letters[data-v-b2736f82]{overflow-y:auto;padding:.75rem}@media(min-width:640px){.thread-letters[data-v-b2736f82]{padding-left:1rem;padding-right:1rem}}.thread-letters[data-v-b2736f82]{background-color:#fafafa80}.thread-letters[data-v-b2736f82]:is(.dark *){background-color:#09090b66}.state-msg[data-v-b2736f82]{font-size:.875rem;line-height:1.25rem;padding-bottom:2rem;padding-top:2rem;text-align:center;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.empty-state[data-v-b2736f82]{align-items:center;display:flex;flex-direction:column;gap:.5rem}.empty-icon[data-v-b2736f82]{font-size:2.25rem;line-height:2.5rem}.load-more-btn[data-v-b2736f82]{cursor:pointer;font-size:.75rem;line-height:1rem;padding-bottom:.5rem;padding-top:.5rem;width:100%;--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.load-more-btn[data-v-b2736f82]:hover{--tw-text-opacity:1;color:rgb(82 82 91/var(--tw-text-opacity,1))}.letter-card[data-v-b2736f82]{border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1))}.letter-card[data-v-b2736f82]:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.letter-card[data-v-b2736f82]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem}.letter-card[data-v-b2736f82]:is(.dark *){background-color:#27272acc}.letter-card[data-v-b2736f82]{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.letter-card.letter-mine[data-v-b2736f82]{--tw-border-opacity:1;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.letter-card.letter-mine[data-v-b2736f82]:is(.dark *){border-color:#b4530966}.letter-card.letter-mine[data-v-b2736f82]{background-color:#fffbeb99}.letter-card.letter-mine[data-v-b2736f82]:is(.dark *){background-color:#78350f1a}.letter-header[data-v-b2736f82]{align-items:center;display:flex;font-size:.75rem;gap:.5rem;line-height:1rem;margin-bottom:.5rem;--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.letter-header[data-v-b2736f82]:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.letter-direction[data-v-b2736f82]{font-weight:600;--tw-text-opacity:1;color:rgb(63 63 70/var(--tw-text-opacity,1))}.letter-direction[data-v-b2736f82]:is(.dark *){--tw-text-opacity:1;color:rgb(228 228 231/var(--tw-text-opacity,1))}.letter-time[data-v-b2736f82]{margin-left:auto}.letter-read[data-v-b2736f82],.letter-time[data-v-b2736f82]{--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.letter-read[data-v-b2736f82]{font-size:11px}.letter-read.is-read[data-v-b2736f82]{font-weight:500;--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.letter-read.is-read[data-v-b2736f82]:is(.dark *){--tw-text-opacity:1;color:rgb(52 211 153/var(--tw-text-opacity,1))}.letter-reply[data-v-b2736f82]{border-radius:.5rem;font-size:.75rem;line-height:1rem;margin-bottom:.5rem;padding:.25rem .5rem;--tw-bg-opacity:1;background-color:rgb(244 244 245/var(--tw-bg-opacity,1))}.letter-reply[data-v-b2736f82]:is(.dark *){background-color:#3f3f4680}.letter-reply[data-v-b2736f82]{--tw-text-opacity:1;color:rgb(113 113 122/var(--tw-text-opacity,1))}.letter-reply[data-v-b2736f82]:is(.dark *){--tw-text-opacity:1;color:rgb(161 161 170/var(--tw-text-opacity,1))}.letter-reply[data-v-b2736f82]{border-left-width:2px;--tw-border-opacity:1;border-color:rgb(212 212 216/var(--tw-border-opacity,1))}.letter-reply[data-v-b2736f82]:is(.dark *){--tw-border-opacity:1;border-color:rgb(82 82 91/var(--tw-border-opacity,1))}.letter-reply[data-v-b2736f82]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.letter-body[data-v-b2736f82]{font-size:.875rem;line-height:1.25rem;line-height:1.625;overflow-wrap:break-word;white-space:pre-wrap;--tw-text-opacity:1;color:rgb(39 39 42/var(--tw-text-opacity,1))}.letter-body[data-v-b2736f82]:is(.dark *){--tw-text-opacity:1;color:rgb(244 244 245/var(--tw-text-opacity,1))}.letter-body[data-v-b2736f82] p{margin:0}.letter-toggle[data-v-b2736f82]{cursor:pointer;font-size:.75rem;font-weight:500;line-height:1rem;margin-top:.5rem;--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.letter-toggle[data-v-b2736f82]:hover{text-decoration-line:underline}.letter-toggle[data-v-b2736f82]:is(.dark *){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.thread-actions[data-v-b2736f82]{border-top-width:1px;display:flex;justify-content:center;--tw-border-opacity:1;border-color:rgb(228 228 231/var(--tw-border-opacity,1));padding:.75rem 1rem}.thread-actions[data-v-b2736f82]:is(.dark *){--tw-border-opacity:1;border-color:rgb(63 63 70/var(--tw-border-opacity,1))}.thread-actions[data-v-b2736f82]{background-color:#ffffffe6;--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.thread-actions[data-v-b2736f82]:is(.dark *){background-color:#18181be6}.compose-btn[data-v-b2736f82]{background-image:linear-gradient(to right,var(--tw-gradient-stops));border-radius:9999px;cursor:pointer;font-size:.875rem;font-weight:700;line-height:1.25rem;max-width:24rem;padding:.75rem 1.25rem;width:100%;--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,158,11,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#f97316 var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);--tw-shadow-color:rgba(245,158,11,.3);--tw-shadow:var(--tw-shadow-colored);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.compose-btn[data-v-b2736f82],.compose-btn[data-v-b2736f82]:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.compose-btn[data-v-b2736f82]:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.compose-btn[data-v-b2736f82]:disabled{cursor:not-allowed;opacity:.5;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.compose-btn[data-v-b2736f82]:hover:disabled{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}