body { margin:0; font-family:'Segoe UI', Roboto, Arial, sans-serif; background: linear-gradient(135deg, #89f7fe, #66a6ff); color:#333; min-height:100vh; display:flex; flex-direction:column; align-items:center;}
h1 { margin:30px 0 20px; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.3);}
#email-container { display:flex; align-items:center; gap:10px; margin-bottom:15px;}
#email { font-weight:bold; font-size:1.2em; padding:8px 14px; background:#fff; border-radius:12px; box-shadow:0 4px 12px rgba(0,0,0,0.15); cursor:pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;}
#email:hover { transform: translateY(-3px) scale(1.03); box-shadow:0 6px 16px rgba(0,0,0,0.25);}
#copySuccess { display:none; color:#0f9d58; font-weight:bold; animation: pop 0.3s ease forwards;}
@keyframes pop { 0%{transform:scale(0);opacity:0;} 50%{transform:scale(1.2);opacity:1;} 100%{transform:scale(1);} }
button { padding:8px 16px; border:none; border-radius:12px; background:#4f86f7; color:#fff; font-weight:bold; cursor:pointer; transition: transform 0.15s ease, background 0.3s ease; box-shadow:0 3px 8px rgba(0,0,0,0.2);}
button:hover { background:#3561d6; transform:translateY(-2px) scale(1.05);}
button:active { transform:scale(0.97);}
#countdown { font-weight:bold; margin:15px 0; color:#fff; text-shadow:1px 1px 2px rgba(0,0,0,0.3);}
#mails { width:90%; max-width:900px; display:flex; flex-direction:column; gap:12px; overflow-y:auto; padding-bottom:30px; scroll-behavior:smooth;}
.mail { background:#fff; padding:14px; border-radius:14px; box-shadow:0 4px 10px rgba(0,0,0,0.1); cursor:pointer; transition: transform 0.2s ease, box-shadow 0.2s ease;}
.mail:hover { transform:translateY(-3px); box-shadow:0 6px 18px rgba(0,0,0,0.2);}
.from,.subject,.date { margin:2px 0; font-size:0.95em; color:#555;}
.body { margin-top:8px; padding:8px; background:#f4f4f4; border-radius:8px; font-size:0.95em; white-space:pre-wrap; max-height:0; overflow:hidden; transition:max-height 0.4s ease, padding 0.4s ease;}
.mail.expanded .body { max-height:500px; padding:8px;}
.attachments span { display:inline-block; margin-top:5px; color:#999; font-weight:bold; }
@media(max-width:600px){#email-container{flex-direction:column;gap:5px;} button{width:100%;}}