footer,header{background:var(--sun-yellow)}.detail-header,.email-address,.nav-link,.navbar-brand,footer a{font-weight:700}:root{--sky-light:#a0e9fd;--sky-dark:#63c2f3;--sun-yellow:#ffe066;--cloud-white:#ffffff;--btn-pink:#ff92a9;--btn-green:#b8e986;--btn-orange:#ffb74d;--bubble-blue:rgba(255,255,255,0.8);--dark-orange:#FF9B07}body,h1,h2,h3,h4,h5,p,ul{margin:0;padding:0}ul{list-style:none}body{font-family:'Comic Neue',cursive;background:linear-gradient(160deg,var(--sky-light),var(--sky-dark));min-height:100vh;display:flex;flex-direction:column}header{box-shadow:0 4px 6px rgba(0,0,0,.1);position:relative}header::after{content:"☁️☁️ ☁️";font-size:4rem;position:absolute;right:1rem;top:-1rem;opacity:.2;pointer-events:none}.navbar-brand{font-size:2rem;color:#333}.navbar-brand img{width:280px;height:auto}.nav-link{color:#333!important}main{flex:1;padding:1rem}.temp-mail-card{background:radial-gradient(circle at top right,var(--cloud-white),#fff);border:2px solid var(--sky-dark);border-radius:20px;padding:1.5rem;position:relative;overflow:hidden;text-align:center;margin-bottom:2rem}.temp-mail-card::before{content:"✉️";position:absolute;left:-10px;top:-10px;font-size:6rem;opacity:.1}.email-address{font-size:1.3rem;color:#2c3e50;background:#fff3cd;border:2px dashed #ffcb05;border-radius:12px;padding:.5rem 1rem;display:inline-block;max-width:100%;word-break:break-all;margin-bottom:1rem;transition:background-color .3s}.temp-mail-card .btn{border-radius:30px;transition:transform .2s}.temp-mail-card .btn:hover{transform:scale(1.1)}.timer{color:#ff6f61}.btn-pink,.btn-pink:disabled{background:var(--btn-pink);border:none;color:#fff}.btn-pink:hover{background:#ff6f61}.btn-green,.btn-green:disabled{background:var(--btn-green);border:none;color:#333}.btn-green:hover{background:#8bc34a}.btn-orange,.btn-orange:disabled{background:var(--btn-orange);border:none;color:#333}.btn-orange:hover{background:#ff9800}.email-list-item{position:relative;padding:.2rem 1rem;margin:.5rem 0;background:var(--bubble-blue);border-radius:20px 20px 20px 5px;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 5px 15px var(--sky-light)}.email-list-item:hover{background:#fff;transform:translateX(5px)}.email-list-item .subject{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.email-list-item .from{font-size:.85rem;color:var(--dark-orange)}.email-list-item .time{font-size:.75rem;color:#999;float:right}.load-header{height:30px;font-size:13px;background-color:#fff3cd}.card-detail{border-radius:8px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1)}.detail-header{background:linear-gradient(120deg,var(--btn-pink),var(--sun-yellow));color:#fff;padding:.8rem 1rem;display:flex;justify-content:space-between;align-items:center;height:60px}.detail-header .btn{font-size:.9rem;border-radius:20px;padding:.3rem .7rem}.detail-body{background:#fff;padding:1rem;min-height:200px}#delBtn{display:none}.why-section{margin-top:1rem;background:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.why-section h1 {font-size:1.7rem;text-align:center;}.why-section h3{margin-bottom:1rem;text-align:center}.why-section ul{padding-left:1.2rem}.why-section li{margin:.5rem 0;position:relative;padding-left:1.5rem}.why-section li::before{content:"⭐";position:absolute;left:0;top:0}footer{margin-top:1rem;text-align:center;padding:.8rem;font-size:.9rem}footer a{margin:0 .5rem;color:#333}.hidden{display:none!important}.btn.btn-primary[disabled]{background-color:#0f0}.auto-alert-box{display:none;position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:30px;background-color:#07284e;color:#e1e0e0;border-radius:5px;font-size:18px;z-index:1000;box-shadow:0 4px 8px rgba(0,0,0,.2);transition:opacity .5s;text-align:center}.auto-alert-box.show{display:block;opacity:1}@media(max-width:991.98px){.email-address{font-size:1rem}#email-list-col{display:block}#email-detail-col{display:none}}@media(max-width: 576px){.navbar-brand img{width: 220px}}.ad-popup{position:fixed;right:1rem;bottom:1rem;z-index:1080;display:inline-block;border-radius:.5rem;overflow:visible;box-shadow:0 6px 20px rgb(0 0 0 / .25);background:#fff0;transition:transform .18s ease,opacity .18s ease}.ad-popup .ad-card{position:relative;display:block;background:#000;padding:2px;font-size:11px;}.ad-popup img.ad-img{display:block;width:auto;height:auto;max-width:80vw;max-height:80vh;object-fit:contain;vertical-align:middle}.ad-close-btn{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;background:#000;border:1px solid rgb(0 0 0 / .12);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgb(0 0 0 / .12);cursor:pointer;transition:background .12s ease,transform .12s ease}.ad-close-btn:hover{background:#f2f2f2;transform:scale(1.05)}.ad-close-btn svg{width:12px;height:12px;color:#333}.ad-close-btn:hover svg{stroke:#000;transform:scale(1.05)}@media (max-width:480px){.ad-popup{right:.5rem;bottom:.5rem}.ad-popup .ad-card{padding:1px;font-size:10px;}.ad-popup img.ad-img{max-width:min(280px, 90vw);max-height:min(400px, 60vh)}.ad-close-btn{width:18px;height:18px;top:-8px;right:-8px}}.ad-popup.hidden{opacity:0;transform:scale(.95);pointer-events:none}