/* Temp Mail v1 */
#tmApp{--tm-bg:#fff;--tm-tx:#20242b;--tm-sub:#5b6472;--tm-line:#dde4ee;--tm-in:#f2f5f9;--tm-acc:#0066cc;font-family:inherit;color:var(--tm-tx);max-width:860px;margin:0 auto}
#tmApp.tm-dark{--tm-bg:#1f2124;--tm-tx:#e8eaed;--tm-sub:#9aa0a6;--tm-line:#3a3f46;--tm-in:#282a2d}
#tmApp *{box-sizing:border-box}
#tmApp svg{fill:none}
#tmApp .tm-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0066cc,#0055aa 55%,#0a77e0);border-radius:20px;padding:30px 26px 26px;text-align:center;color:#fff;box-shadow:0 12px 32px rgba(0,85,170,.25)}
#tmApp .tm-hero::before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(430px 270px at 88% -10%,rgba(125,211,252,.38),rgba(125,211,252,0) 62%),radial-gradient(400px 320px at -12% 118%,rgba(167,139,250,.30),rgba(167,139,250,0) 62%),radial-gradient(300px 200px at 55% 130%,rgba(45,212,191,.16),rgba(45,212,191,0) 65%);pointer-events:none}
#tmApp .tm-hero::after{content:'';position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(rgba(255,255,255,.20) 1px,rgba(255,255,255,0) 1.5px);background-size:22px 22px;-webkit-mask-image:linear-gradient(115deg,rgba(0,0,0,0) 26%,#000 62%,#000);mask-image:linear-gradient(115deg,rgba(0,0,0,0) 26%,#000 62%,#000);pointer-events:none}
#tmApp .tm-deco{position:absolute;left:50%;top:29%;transform:translate(-50%,-50%);width:330px;height:330px;opacity:.14;pointer-events:none;filter:drop-shadow(0 12px 26px rgba(0,20,60,.25))}
#tmApp .tm-deco .tm-dot{fill:#fff}
#tmApp .tm-hero>*:not(.tm-deco){position:relative;z-index:1}
#tmApp .tm-badge{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:11px;font-weight:800;letter-spacing:2px;padding:5px 12px;border-radius:999px;margin-bottom:14px}
#tmApp .tm-hero h2{font-size:29px;line-height:1.2;margin:0 0 10px;color:#fff;font-weight:800}
#tmApp .tm-lead{font-size:15px;line-height:1.65;color:rgba(255,255,255,.88);margin:0 auto 20px;max-width:620px}
#tmApp .tm-addrbar{max-width:640px;margin:0 auto}
#tmApp .tm-addr{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:13px 16px;box-shadow:0 6px 20px rgba(0,40,90,.22);text-align:left}
#tmApp .tm-addr>svg{width:20px;height:20px;color:#0066cc;flex:none}
#tmApp .tm-addrtext{flex:1;min-width:0;font-size:16.5px;font-weight:700;color:#20242b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tmApp .tm-live{display:inline-flex;align-items:center;gap:6px;flex:none;font-size:11.5px;font-weight:700;color:#137333;background:#e6f4ea;border:1px solid #a3d9b1;border-radius:999px;padding:3px 10px}
#tmApp .tm-live i{width:7px;height:7px;border-radius:50%;background:#137333;animation:tmPulse 1.6s infinite}
#tmApp .tm-live[hidden]{display:none!important}
@keyframes tmPulse{0%,100%{opacity:1}50%{opacity:.35}}
#tmApp .tm-addrbtns{display:flex;gap:8px;justify-content:center;margin-top:10px;flex-wrap:wrap}
#tmApp .tm-abtn{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.12);color:#fff;font-size:13.5px;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;font-family:inherit;transition:background .2s}
#tmApp .tm-abtn:hover{background:rgba(255,255,255,.25)}
#tmApp .tm-abtn svg{width:15px;height:15px}
#tmApp .tm-abtn.primary{background:#fff;border-color:#fff;color:#0055aa}
#tmApp .tm-abtn.primary:hover{background:#e7f1fc}
#tmApp .tm-uptime{margin:12px 0 0;font-size:12.5px;color:rgba(255,255,255,.75)}
#tmApp .tm-uptime[hidden]{display:none!important}
#tmApp .tm-custom{margin-top:16px;border:1px solid var(--tm-line);border-radius:16px;background:var(--tm-bg);padding:18px}
#tmApp .tm-custom[hidden]{display:none!important}
#tmApp .tm-cgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#tmApp .tm-field{display:block}
#tmApp .tm-field span{display:block;font-size:12.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#0055aa;margin-bottom:6px}
#tmApp.tm-dark .tm-field span{color:#8fc2f5}
#tmApp .tm-in{width:100%;border:1px solid var(--tm-line);border-radius:10px;background:var(--tm-in);color:var(--tm-tx);font-size:15px;padding:11px 12px;font-family:inherit;outline:0}
#tmApp .tm-in:focus{border-color:#0066cc}
#tmApp .tm-cerr{margin:10px 0 0;font-size:13.5px;color:#8f1d14}
#tmApp.tm-dark .tm-cerr{color:#f2b8b5}
#tmApp .tm-cerr[hidden]{display:none!important}
#tmApp .tm-cact{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
#tmApp .tm-btn{border:0;cursor:pointer;background:#0066cc;color:#fff;font-weight:700;font-size:14.5px;padding:11px 22px;border-radius:999px;font-family:inherit;transition:background .2s}
#tmApp .tm-btn:hover{background:#0055aa}
#tmApp .tm-btn.ghost{background:transparent;border:1px solid var(--tm-line);color:var(--tm-tx)}
#tmApp .tm-btn.ghost:hover{border-color:#0066cc;color:#0066cc}
#tmApp .tm-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 0;padding:0;list-style:none}
#tmApp .tm-strip li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:9px;font-size:12.5px;line-height:1.45;color:var(--tm-tx);font-weight:600;background:var(--tm-bg);border:1px solid var(--tm-line);border-radius:16px;padding:15px 10px 13px}
#tmApp .tm-strip svg{width:36px;height:36px;padding:8px;border-radius:50%;background:#e7f1fc;color:#0066cc;flex:none}
#tmApp.tm-dark .tm-strip svg{background:#233448;color:#8fc2f5}
#tmApp .tm-err{margin-top:16px;background:#fdecea;border:1px solid #f3c1bd;color:#8f1d14;border-radius:12px;padding:13px 16px;font-size:14px;line-height:1.6;display:flex;gap:10px;align-items:flex-start}
#tmApp.tm-dark .tm-err{background:#3a2320;border-color:#6e3a34;color:#f2b8b5}
#tmApp .tm-err[hidden]{display:none!important}
#tmApp .tm-err>svg{width:18px;height:18px;flex:none;margin-top:2px}
#tmApp .tm-inbox{margin-top:16px;border:1px solid var(--tm-line);border-radius:16px;background:var(--tm-bg);overflow:hidden}
#tmApp .tm-ihead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 18px 13px;border-bottom:1px solid var(--tm-line)}
#tmApp .tm-ilabel{font-size:12.5px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;color:#0055aa}
#tmApp.tm-dark .tm-ilabel{color:#8fc2f5}
#tmApp .tm-ibadges{display:flex;gap:8px;align-items:center;flex:none}
#tmApp .tm-count{display:inline-block;padding:3px 10px;border-radius:999px;background:#e7f1fc;border:1px solid #bfd9f6;font-size:11.5px;font-weight:700;color:#0055aa}
#tmApp.tm-dark .tm-count{background:#233448;border-color:#33507a;color:#8fc2f5}
#tmApp .tm-count[hidden]{display:none!important}
#tmApp .tm-refresh{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--tm-line);background:var(--tm-in);color:var(--tm-tx);font-size:12.5px;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;font-family:inherit}
#tmApp .tm-refresh:hover{border-color:#0066cc;color:#0066cc}
#tmApp .tm-refresh svg{width:14px;height:14px}
#tmApp .tm-refresh.busy svg{animation:tmSpin 1s linear infinite}
@keyframes tmSpin{to{transform:rotate(360deg)}}
#tmApp .tm-wait{text-align:center;padding:34px 20px 38px}
#tmApp .tm-wait[hidden]{display:none!important}
#tmApp .tm-dots i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#0066cc;margin:0 2.5px;animation:tmB 1s infinite}
#tmApp .tm-dots i:nth-child(2){animation-delay:.15s}
#tmApp .tm-dots i:nth-child(3){animation-delay:.3s}
@keyframes tmB{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:1}}
#tmApp .tm-waitt{font-size:16px;font-weight:700;color:var(--tm-tx);margin:14px 0 6px}
#tmApp .tm-waits{font-size:13.5px;line-height:1.65;color:var(--tm-sub);margin:0 auto;max-width:460px}
#tmApp .tm-list{list-style:none;margin:0;padding:0}
#tmApp .tm-list[hidden]{display:none!important}
#tmApp .tm-item{display:flex;align-items:stretch;border-bottom:1px solid var(--tm-line)}
#tmApp .tm-item:last-child{border-bottom:0}
#tmApp .tm-item:hover{background:var(--tm-in)}
#tmApp .tm-imain{display:flex;gap:12px;flex:1;min-width:0;text-align:left;background:transparent;border:0;padding:14px 6px 14px 18px;cursor:pointer;font-family:inherit;color:var(--tm-tx)}
#tmApp .tm-del{flex:none;align-self:center;margin-right:10px;width:34px;height:34px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--tm-sub);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
#tmApp .tm-del:hover{background:#fdecea;color:#b3261e;border-color:#f3c1bd}
#tmApp.tm-dark .tm-del:hover{background:#3a2320;color:#f2b8b5;border-color:#6e3a34}
#tmApp .tm-del svg{width:16px;height:16px}
#tmApp .tm-delmsg{display:inline-flex;align-items:center;gap:6px;flex:none;border:1px solid var(--tm-line);background:var(--tm-in);color:var(--tm-tx);font-size:13px;font-weight:700;padding:7px 13px;border-radius:999px;cursor:pointer;font-family:inherit}
#tmApp .tm-delmsg:hover{background:#fdecea;border-color:#f3c1bd;color:#b3261e}
#tmApp.tm-dark .tm-delmsg:hover{background:#3a2320;border-color:#6e3a34;color:#f2b8b5}
#tmApp .tm-delmsg svg{width:15px;height:15px}
#tmApp .tm-ava{flex:none;width:38px;height:38px;border-radius:50%;background:#e7f1fc;color:#0055aa;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}
#tmApp.tm-dark .tm-ava{background:#233448;color:#8fc2f5}
#tmApp .tm-ibody{flex:1;min-width:0}
#tmApp .tm-itop{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
#tmApp .tm-ifrom{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#tmApp .tm-idate{font-size:12px;color:var(--tm-sub);flex:none}
#tmApp .tm-isubj{display:block;font-size:13.5px;color:var(--tm-sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
#tmApp .tm-view{margin-top:16px;border:1px solid var(--tm-line);border-radius:16px;background:var(--tm-bg);overflow:hidden;position:relative}
#tmApp .tm-view::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0066cc,#38bdf8 55%,rgba(56,189,248,0));z-index:2;pointer-events:none}
#tmApp .tm-view[hidden]{display:none!important}
#tmApp .tm-vhead{display:flex;gap:14px;padding:16px 18px 14px;border-bottom:1px solid var(--tm-line);align-items:flex-start}
#tmApp .tm-back{display:inline-flex;align-items:center;gap:4px;flex:none;border:1px solid var(--tm-line);background:var(--tm-in);color:var(--tm-tx);font-size:13px;font-weight:700;padding:7px 13px 7px 9px;border-radius:999px;cursor:pointer;font-family:inherit}
#tmApp .tm-back:hover{border-color:#0066cc;color:#0066cc}
#tmApp .tm-back svg{width:15px;height:15px}
#tmApp .tm-vmeta{flex:1;min-width:0}
#tmApp .tm-vmeta h3{margin:0 0 4px;font-size:16.5px;line-height:1.4;color:var(--tm-tx);word-break:break-word}
#tmApp .tm-vmeta p{margin:0;font-size:13px;color:var(--tm-sub);word-break:break-all}
#tmApp .tm-vload{text-align:center;padding:26px 16px 30px;color:var(--tm-sub);font-size:14px}
#tmApp .tm-vload[hidden]{display:none!important}
#tmApp .tm-vload p{margin:10px 0 0}
#tmApp .tm-frame{display:block;width:100%;height:auto;min-height:120px;border:0;background:#fff}
#tmApp .tm-frame[hidden]{display:none!important}
#tmApp .tm-note{margin-top:22px;background:var(--tm-in);border:1px solid var(--tm-line);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}
#tmApp .tm-note::before{content:'';position:absolute;inset:0;background:radial-gradient(300px 150px at 102% -20%,rgba(0,102,204,.13),rgba(0,102,204,0) 68%),radial-gradient(220px 130px at -8% 120%,rgba(56,189,248,.10),rgba(56,189,248,0) 70%);pointer-events:none}
#tmApp.tm-dark .tm-note::before{background:radial-gradient(300px 150px at 102% -20%,rgba(143,194,245,.14),rgba(143,194,245,0) 68%),radial-gradient(220px 130px at -8% 120%,rgba(56,189,248,.10),rgba(56,189,248,0) 70%)}
#tmApp .tm-note>*{position:relative;z-index:1}
#tmApp .tm-note h3{margin:0 0 7px;font-size:15.5px;color:var(--tm-tx)}
#tmApp .tm-note p{margin:0;font-size:13.5px;line-height:1.7;color:var(--tm-sub)}
@media(max-width:640px){
#tmApp .tm-hero{padding:24px 18px 22px}
#tmApp .tm-deco{width:244px;height:244px;opacity:.11}
#tmApp .tm-hero h2{font-size:25px}
#tmApp .tm-addrtext{font-size:15px}
}
@media(max-width:560px){
#tmApp .tm-cgrid{grid-template-columns:1fr}
#tmApp .tm-vhead{flex-direction:column;gap:10px}
}