.mailbox-overlay{--mailbox-gold: #FFD66E;--mailbox-gold-strong: #FFBE3F;--mailbox-purple-deep: #432360;--mailbox-purple-mid: #5f328e;--mailbox-purple-soft: #7a45b2;--mailbox-text-soft: #beb6db;--mailbox-text-main: #f4efff;--mailbox-text-muted: #c9c0e2;--mailbox-card-dark: rgba(15, 9, 29, .52);--mailbox-card-light: rgba(255, 255, 255, .04);position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.mailbox-overlay.visible{opacity:1;pointer-events:auto}.mailbox-container{width:500px;height:700px;background:radial-gradient(circle at 50% 0%,#ffffff24,#fff0 34%),radial-gradient(circle at 100% 24%,#c476ff24,#c476ff00 40%),linear-gradient(180deg,#5b356f,#6a3f91 44%,#6433a4);border-radius:30px;box-shadow:0 18px 52px #00000094,0 0 0 1px #ffffff14 inset,0 0 0 2px #ffd66e1f;display:flex;flex-direction:column;overflow:hidden;position:relative;transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.mailbox-overlay.visible .mailbox-container{transform:scale(1)}.mailbox-container:before{content:"";position:absolute;inset:10px;border-radius:22px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.mailbox-container:after{content:"";position:absolute;top:86px;left:28px;right:28px;height:1px;background:linear-gradient(90deg,#ffd66e00,#ffd66e94,#ffd66e00);pointer-events:none}.mailbox-header{padding:30px 30px 20px;display:flex;flex-direction:column;gap:5px;position:relative}.mailbox-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:700;color:var(--mailbox-text-main);text-shadow:0 4px 14px rgba(0,0,0,.35);margin:0;line-height:1.2}.mailbox-subtitle{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:var(--mailbox-gold);text-transform:uppercase;letter-spacing:1px}.mailbox-close-btn{position:absolute;top:30px;right:30px;background:linear-gradient(180deg,#fff3,#ffffff14);border:1px solid rgba(255,255,255,.16);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background .2s}.mailbox-close-btn:hover{background:linear-gradient(180deg,#ffffff47,#ffffff1f);transform:translateY(-1px)}.mailbox-close-btn img{width:16px;height:16px}.mailbox-content{flex:1;padding:10px 30px 30px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.mailbox-empty-state{min-height:320px;border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff12,#ffffff05),#0f091d73;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px 16px}.mailbox-empty-image{width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));opacity:.9}.mailbox-empty-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:var(--mailbox-text-main)}.mailbox-empty-desc{font-family:Outfit,sans-serif;font-size:13px;color:var(--mailbox-text-muted)}.mailbox-content::-webkit-scrollbar{width:6px}.mailbox-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.mailbox-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffd66ea6,#ffbe3f6b);border-radius:3px}.message-item{background:linear-gradient(180deg,var(--mailbox-card-light),rgba(255,255,255,.01)),var(--mailbox-card-dark);border-radius:20px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;transition:transform .2s,background .2s,border-color .2s;border:1px solid rgba(255,255,255,.09);position:relative;box-shadow:0 8px 18px #00000047,0 0 0 1px #ffffff0a inset}.message-item:hover{transform:translateY(-2px);border-color:#ffd66e59}.message-item:before{content:"";position:absolute;left:12px;top:12px;width:8px;height:calc(100% - 24px);border-radius:999px;background:linear-gradient(180deg,#ffd66ed1,#ffd66e29);opacity:.68}.message-item:after{content:"";position:absolute;left:18px;right:18px;top:8px;height:10px;border-radius:999px;background:linear-gradient(180deg,#ffffff29,#fff0);pointer-events:none}.message-info{display:flex;flex-direction:column;gap:4px;padding-left:12px}.message-title{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:var(--mailbox-text-main)}.message-desc{font-family:Outfit,sans-serif;font-size:12px;color:var(--mailbox-text-muted)}.message-action-btn{background:linear-gradient(135deg,var(--mailbox-gold) 0%,var(--mailbox-gold-strong) 100%);border:none;border-radius:20px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:700;color:var(--mailbox-purple-deep);cursor:pointer;box-shadow:0 4px 10px #0000004d,0 0 0 1px #ffffff47 inset;transition:transform .1s,filter .1s;display:flex;align-items:center;gap:6px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.message-action-btn:before{content:"";position:absolute;inset:2px;border-radius:17px;background:linear-gradient(180deg,#ffffff38,#fff0);pointer-events:none}.message-action-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.message-action-btn:active{transform:translateY(1px)}.message-action-btn img{width:16px;height:16px;object-fit:contain}.message-item.expired{opacity:.6}.message-item.expired:before{background:linear-gradient(180deg,#aaaaaaa6,#82828233)}.message-item.expired .message-action-btn{background:#ffffff1a;color:#9f97b8;box-shadow:none;cursor:default;pointer-events:none}.message-item.claimed{background:#ffd7000d;border-color:#ffd70033}.message-item.claimed:before{background:linear-gradient(180deg,#ffd66ef2,#ffd66e47)}.message-item.claimed .message-action-btn{background:linear-gradient(135deg,#ffd66e40,#ffbe3f2e);color:#f3d890;box-shadow:0 6px 14px #00000047,0 0 0 1px #ffd66e52 inset;cursor:default;pointer-events:none;padding:8px 32px;border-radius:40px;border:1px solid rgba(255,214,110,.45)}.message-item.claimed .message-action-btn img.check-icon{width:14px;height:14px;filter:drop-shadow(0 0 2px rgba(255,215,0,.5))}@media(max-width:700px){.mailbox-container{width:min(94vw,460px);height:min(82vh,640px);border-radius:24px}.mailbox-container:before{inset:8px;border-radius:18px}.mailbox-container:after{top:72px;left:18px;right:18px}.mailbox-header{padding:20px 18px 14px;gap:2px}.mailbox-title{font-size:28px}.mailbox-subtitle{font-size:12px}.mailbox-close-btn{top:16px;right:16px;width:34px;height:34px}.mailbox-content{padding:8px 14px 14px;gap:10px}.message-item{border-radius:16px;padding:12px}.message-item:before{left:10px;top:10px;width:7px;height:calc(100% - 20px)}.message-info{gap:3px;padding-left:8px;min-width:0}.message-title{font-size:14px;line-height:1.2}.message-desc{font-size:11px;line-height:1.25}.message-meta{font-size:11px;line-height:1.2}.message-action-btn{font-size:12px;padding:7px 12px;min-width:108px}.message-item.claimed .message-action-btn{padding:7px 18px}}