:root{--primary: #2990ff;--slate-blue: #526b85;--background: #0b0f14;--app-bar: #0b0f14;--icon-color: #6d798e;--active-icon-color: #eaeaea;--border-color: #132036;--card-color: #11161d;--text: #eaeaea;--text-field: #272b33;--text-field-hint: #eaeaea;--text-field-border: #132036}body{margin:0;font-family:Urbanist,sans-serif;background:var(--background);color:var(--text);display:flex;flex-direction:column;min-height:100vh}header,footer{background:var(--app-bar);color:var(--text);padding:1rem;text-align:center}.header-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem}.header-logo{display:block}main{flex:1;max-width:800px;margin:2rem auto;padding:1rem}.banner-ad-container{max-width:800px;margin:.5rem auto;padding:0 1rem;display:flex;flex-direction:column;align-items:center;border-radius:4px}.banner-ad-wrapper{width:728px;height:90px;max-width:728px;max-height:90px;overflow:hidden;position:relative;background:#ffffff05}.banner-ad-container .adsbygoogle{width:100%!important;height:100%!important;max-width:728px!important;max-height:90px!important;position:absolute!important;top:0!important;left:0!important}@media (max-width: 768px){.banner-ad-wrapper{width:320px;height:50px;max-width:320px;max-height:50px}.banner-ad-container .adsbygoogle{max-width:320px!important;max-height:50px!important}}.email-box{background:var(--card-color);padding:1rem;border-radius:12px;margin-bottom:2rem;box-shadow:0 2px 6px #0000004d}.email-display{display:flex;gap:.5rem}.email-display input{flex:1;padding:.5rem;border:1px solid var(--text-field-border);background:var(--text-field);color:var(--text);border-radius:8px;box-sizing:border-box}.email-display button{background:var(--primary);border:none;color:var(--text);padding:.5rem 1rem;border-radius:8px;cursor:pointer}.email-display button:hover{opacity:.9}.inbox table{width:100%;border-collapse:collapse;background:var(--card-color);border-radius:12px;overflow:hidden}.inbox th,.inbox td{padding:.75rem;border-bottom:1px solid var(--border-color);text-align:left}.email-box .error-message{color:#ff6b6b;font-size:.875rem;margin-top:.5rem;padding:.5rem;background:#ff6b6b1a;border-radius:4px;border:1px solid rgba(255,107,107,.3)}.email-box .email-info{margin-top:.5rem;color:var(--icon-color);font-size:.75rem}.email-display input.error{border-color:#ff6b6b;background:#ff6b6b1a}.email-display button.copied{background:#51cf66;color:#000}.email-display button:disabled{opacity:.6;cursor:not-allowed}.inbox-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.refresh-btn{background:var(--primary);border:none;color:var(--text);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem}.refresh-btn:hover:not(:disabled){opacity:.9}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;padding:2rem;color:var(--icon-color);background:var(--card-color);border-radius:12px;border:2px dashed var(--border-color)}.inbox .error-message{color:#ff6b6b;font-size:.875rem;margin-bottom:1rem;padding:.5rem;background:#ff6b6b1a;border-radius:4px;border:1px solid rgba(255,107,107,.3)}.from-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-cell{color:var(--icon-color);font-size:.875rem;white-space:nowrap}.loading{opacity:.6;pointer-events:none}@media (max-width: 768px){.email-display{flex-direction:column;gap:.75rem}.email-display input{width:100%;padding:.5rem 1rem .5rem .5rem;box-sizing:border-box}.email-display button{width:100%}.inbox-header{flex-direction:column;gap:1rem;align-items:stretch}.inbox table{font-size:.875rem}.from-cell,.subject-cell{max-width:150px}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--card-color);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;color:var(--text)}.close-btn{background:none;border:none;color:var(--icon-color);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s}.close-btn:hover{background:var(--border-color);color:var(--text)}.email-details{padding:1.5rem}.email-field{margin-bottom:1.5rem}.email-field label{display:block;font-weight:600;color:var(--primary);margin-bottom:.5rem;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.field-content{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.field-content span{color:var(--text);flex:1;min-width:0;word-break:break-word}.copy-btn{background:var(--primary);border:none;color:var(--text);padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.75rem;transition:all .2s;white-space:nowrap}.copy-btn:hover{opacity:.9}.copy-btn.copied{background:#51cf66;color:#000}.email-body{border-top:1px solid var(--border-color);padding-top:1.5rem}.email-body-content{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1rem;max-height:400px;overflow-y:hidden}.html-content{color:var(--text);line-height:1.6}.html-content *{max-width:100%}.text-content{color:var(--text);line-height:1.6;white-space:pre-wrap;font-family:inherit;margin:0}.no-content{color:var(--icon-color);font-style:italic;margin:0}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);text-align:right}.close-modal-btn{background:var(--primary);border:none;color:var(--text);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s}.close-modal-btn:hover{opacity:.9}.email-row{cursor:pointer;transition:background-color .2s}.email-row:hover{background:var(--border-color)}@media (max-width: 768px){.modal-content{margin:.5rem;max-height:95vh}.modal-header,.email-details,.modal-footer{padding:1rem}.field-content{flex-direction:column;align-items:flex-start;gap:.75rem}.copy-btn{align-self:flex-start}}