.message-page{height:100vh;display:flex;flex-direction:column;overflow:hidden}.message-fixed-header{flex-shrink:0;padding-bottom:16px;position:relative;z-index:10}.message-fixed-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#bceb3900,#bceb394d,#bceb3900);box-shadow:0 1px 8px #bceb3933}.message-scroll-container{padding-top:10px;flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:100px}.message-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 8px;line-height:1.2}.message-subtitle{font-size:14px;color:#fff9;margin:0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:var(--Neutral-Neutral_72)}.loading-spinner{width:40px;height:40px;border:3px solid var(--Neutral-Neutral_12);border-top-color:var(--Green-Green);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{font-size:var(--Size-XS);color:var(--Neutral-Neutral_56)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.error-state p{margin-bottom:20px;color:var(--Red-Red);font-size:var(--Size-XS);line-height:var(--Line_Height-XS)}.retry-button{padding:var(--Padding_05) var(--Padding_09);background:var(--Green-Green);color:var(--Base-Background);border:none;border-radius:var(--Corner_04);font-size:var(--Size-XS);font-weight:600;cursor:pointer;transition:all .2s ease}.retry-button:active{transform:scale(.95);opacity:.8}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{width:64px;height:64px;margin-bottom:16px;color:var(--Neutral-Neutral_32);opacity:.5}.empty-icon svg{width:100%;height:100%}.empty-text{font-size:var(--Size-S);color:var(--Neutral-Neutral_56);line-height:var(--Line_Height-S)}.message-list{display:flex;flex-direction:column;gap:var(--Padding_05)}.message-item{background:var(--Neutral-Neutral_4);border-radius:var(--Corner_06);padding:var(--Padding_08);border:1px solid var(--Neutral-Neutral_8);cursor:pointer;transition:all .2s ease;position:relative}.message-item--unread{border-color:var(--Green-Green);background:linear-gradient(135deg,#bceb390d,#bceb3905)}.message-item:active{transform:scale(.98);opacity:.8}.message-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--Padding_05);gap:var(--Padding_05)}.message-item__title{flex:1;font-size:var(--Size-M);font-weight:600;color:var(--Base-Accent);line-height:var(--Line_Height-M);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.message-item__badge{flex-shrink:0;background:var(--Green-Green);color:var(--Base-Background);font-size:var(--Size-XXS);font-weight:600;padding:2px 8px;border-radius:var(--Corner_03);line-height:1.4}.message-item__content{font-size:var(--Size-XS);color:var(--Neutral-Neutral_72);line-height:var(--Line_Height-XS);margin-bottom:var(--Padding_04);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.message-item__time{font-size:var(--Size-XXS);color:var(--Neutral-Neutral_56);line-height:var(--Line_Height-XXS)}.message-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--Padding_09);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.message-modal__content{background:var(--Neutral-Neutral_4);border-radius:var(--Corner_07);padding:var(--Padding_09);max-width:500px;width:100%;max-height:80vh;overflow-y:auto;border:1px solid var(--Neutral-Neutral_12);box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.message-modal__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--Padding_06);gap:var(--Padding_06)}.message-modal__title{flex:1;font-size:var(--Size-L);font-weight:700;color:var(--Base-Accent);line-height:var(--Line_Height-L);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word}.message-modal__close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--Neutral-Neutral_8);border:none;border-radius:var(--Corner_05);color:var(--Neutral-Neutral_72);cursor:pointer;transition:all .2s ease}.message-modal__close:active{transform:scale(.9);background:var(--Neutral-Neutral_12)}.message-modal__time{font-size:var(--Size-XXS);color:var(--Neutral-Neutral_56);margin-bottom:var(--Padding_08);padding-bottom:var(--Padding_08);border-bottom:1px solid var(--Neutral-Neutral_12)}.message-modal__body{margin-top:var(--Padding_07)}.message-modal__text{font-size:var(--Size-S);color:var(--Neutral-Neutral_72);line-height:var(--Line_Height-M);word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap}@media(max-width:768px){.message-modal{align-items:flex-end;padding:0}.message-modal__content{max-width:100%;border-radius:var(--Corner_07) var(--Corner_07) 0 0;max-height:85vh}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.message-modal__content::-webkit-scrollbar{width:6px}.message-modal__content::-webkit-scrollbar-track{background:var(--Neutral-Neutral_8);border-radius:3px}.message-modal__content::-webkit-scrollbar-thumb{background:var(--Neutral-Neutral_24);border-radius:3px}.message-modal__content::-webkit-scrollbar-thumb:hover{background:var(--Neutral-Neutral_32)}