.container{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.logo-area{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--theme-text);font-weight:700;font-size:1.2rem}.logo-area svg{height:28px;width:auto}.header-nav{display:flex;align-items:center;gap:32px}.header-nav a{text-decoration:none;color:var(--theme-text);font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:opacity .2s}.header-nav a:hover{opacity:.7}.header-actions{display:flex;align-items:center;gap:16px}.theme-toggle-btn{background:none;border:none;color:var(--theme-text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:background .2s}.theme-toggle-btn:hover{background:var(--theme-border)}.login-link{text-decoration:none;color:var(--theme-text);font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:8px}.hero{text-align:center;margin:60px 0 40px}.hero h1{font-size:3.2rem;font-weight:800;margin-bottom:16px;color:var(--theme-text);letter-spacing:-.02em}.hero p{font-size:1.1rem;color:var(--theme-muted);max-width:650px;margin:0 auto;line-height:1.6}.email-display-container{max-width:900px;margin:0 auto 60px;border:2px solid var(--theme-text);border-radius:12px;background:var(--theme-card-bg);overflow:hidden;box-shadow:0 4px 20px #0000000d}.email-box-top{background:var(--theme-bg);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--theme-border)}.time-display{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--theme-text);font-weight:500}.email-address-wrapper{background:var(--theme-border);padding:8px 16px;border-radius:8px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:1.05rem;cursor:pointer}.email-address-wrapper button{background:none;border:none;cursor:pointer;color:var(--theme-text);display:flex;align-items:center;opacity:.7}.email-address-wrapper button:hover{opacity:1}.change-addr-btn{background:var(--theme-card-bg);border:1px solid var(--theme-border);color:var(--theme-text);padding:8px 16px;border-radius:8px;font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.change-addr-btn:hover{background:var(--theme-bg);border-color:var(--theme-text)}.change-addr-btn.danger-btn:hover{background:#fef2f2;color:#ef4444;border-color:#ef4444}[data-theme=dark] .main-logo-svg{filter:invert(1) hue-rotate(180deg)}[data-theme=dark] .change-addr-btn.danger-btn:hover{background:#450a0a;color:#f87171;border-color:#f87171}.email-actions-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 24px;background:var(--theme-bg);border-bottom:1px solid var(--theme-border)}.inbox-view-area{min-height:400px;display:flex;flex-direction:column;background:var(--theme-card-bg);position:relative}.empty-state{margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--theme-muted)}.empty-state svg{animation:spin 2s linear infinite;color:var(--theme-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-btn{background:var(--theme-bg);border:1px solid var(--theme-border);color:var(--theme-text);padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer;margin-top:8px}.premium-bar{text-align:center;padding:16px;border-top:1px solid var(--theme-border);font-size:.9rem;color:var(--theme-muted);background:var(--theme-card-bg)}.premium-bar strong{color:var(--theme-text);cursor:pointer}.features-section{padding:60px 0}.section-header{text-align:center;margin-bottom:48px}.section-header h2{font-size:2.2rem;font-weight:800;margin-bottom:12px}.section-header p{color:var(--theme-muted);font-size:1.1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:12px;padding:32px}.feature-icon{margin-bottom:20px;color:var(--theme-text)}.feature-card h3{font-size:1.2rem;font-weight:600;margin-bottom:12px}.feature-card p{color:var(--theme-muted);font-size:.95rem;line-height:1.6}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.testimonial-card{background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:12px;padding:32px}.testimonial-author{display:flex;align-items:center;gap:16px;margin-bottom:20px}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--theme-border)}.author-info h4{font-size:1rem;font-weight:600;margin-bottom:2px}.author-info span{font-size:.85rem;color:var(--theme-muted)}.testimonial-card p{color:var(--theme-muted);font-size:.95rem;line-height:1.6;font-style:italic}.footer-strip{margin-top:80px;padding:40px 0;border-top:1px solid var(--theme-border)}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.footer-brand{font-weight:700;font-size:1.1rem}.footer-features{display:flex;gap:32px;flex-wrap:wrap}.footer-feature-item{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--theme-muted);font-weight:500}.footer{padding:40px 0;text-align:center}.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;max-width:800px;margin:0 auto}.footer-nav a{color:var(--theme-muted);text-decoration:none;font-size:.95rem;transition:color .2s}.footer-nav a:hover{color:var(--theme-text)}.info-section{padding:40px 0}.seo-article-card{background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:8px;margin-bottom:12px;padding:16px 20px}.seo-article-title{font-weight:600;font-size:1.05rem;cursor:pointer;list-style:none}.seo-article-title::-webkit-details-marker{display:none}.seo-article-content{margin-top:12px;color:var(--theme-muted);font-size:.95rem;line-height:1.6}.popular-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.article-preview-card{background:var(--theme-card-bg);border:1px solid var(--theme-border);padding:20px;border-radius:8px}.article-preview-title{font-weight:600;margin-bottom:8px}.article-preview-summary{color:var(--theme-muted);font-size:.9rem;line-height:1.5}.inbox-list{padding:0;margin:0;list-style:none}.message-item{padding:16px 24px;border-bottom:1px solid var(--theme-border);display:flex;align-items:center;gap:16px;cursor:pointer}.message-item:hover{background:var(--theme-bg)}.msg-sender{font-weight:600}.msg-subject{color:var(--theme-muted);font-size:.95rem}.msg-time{margin-left:auto;color:var(--theme-muted);font-size:.85rem}.msg-view-subject{font-size:1.5rem;font-weight:800;padding:24px;border-bottom:1px solid var(--theme-border)}.msg-view-header{padding:16px 24px;border-bottom:1px solid var(--theme-border);display:flex;gap:16px;align-items:center}.dialog-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.dialog-content{background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:16px;width:90%;max-width:480px;padding:32px;box-shadow:0 10px 40px #0000001a;color:var(--theme-text)}.dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-title{font-size:1.3rem;font-weight:700}.close-btn{background:none;border:none;color:var(--theme-muted);font-size:1.2rem;cursor:pointer;padding:4px}.close-btn:hover{color:var(--theme-text)}.dialog-subtext{color:var(--theme-muted);font-size:.95rem;margin-bottom:24px;line-height:1.5}.custom-input{display:flex;align-items:center;border:1px solid var(--theme-border);border-radius:8px;padding:12px 16px;background:var(--theme-bg);margin-bottom:24px}.custom-input input{flex:1;background:none;border:none;outline:none;color:var(--theme-text);font-size:1rem}.custom-input span{color:var(--theme-muted);font-weight:500}.stacked-input input{width:100%;border:1px solid var(--theme-border);border-radius:8px;padding:12px 16px;background:var(--theme-bg);color:var(--theme-text);font-size:1rem;outline:none;margin-bottom:16px}.dialog-section-label{font-size:.9rem;font-weight:600;margin-bottom:12px;color:var(--theme-text)}.badge-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.badge{padding:6px 12px;border:1px solid var(--theme-border);border-radius:6px;font-size:.85rem;cursor:pointer;background:var(--theme-bg);transition:all .2s}.badge.active,.badge:hover{border-color:var(--theme-text);background:var(--theme-text);color:var(--theme-card-bg)}.badge-sm{font-size:.75rem;background:#ef44441a;color:#ef4444;padding:2px 6px;border-radius:4px;font-weight:600;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .badge-sm{background:#ef444433}.dialog-actions{display:flex;gap:12px;margin-top:32px;flex-direction:column}.btn{display:flex;align-items:center;background:var(--theme-text);color:var(--theme-card-bg);border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.8}.btn-outline{background:var(--theme-bg);border:1px solid var(--theme-border);color:var(--theme-text)}.btn-outline:hover{background:var(--theme-border);opacity:1}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;opacity:1}.switch-email-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.switch-item{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-bg);cursor:pointer;transition:border-color .2s}.switch-item:hover{border-color:var(--theme-text)}.switch-item.active{border-color:var(--theme-text);box-shadow:0 0 0 1px var(--theme-text)}.avatar-placeholder{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.switch-item-info{flex:1}.switch-email{font-weight:600;margin-bottom:4px;color:var(--theme-text)!important}.email-popup-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.email-popup{background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:12px;width:100%;max-width:800px;height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px #00000026;color:var(--theme-text)}.email-popup-header{padding:20px;border-bottom:1px solid var(--theme-border);background:var(--theme-bg)}.email-popup-sender-row{display:flex;gap:16px;align-items:flex-start}.email-popup-sender-info{flex:1}.email-popup-sender-name{font-weight:700;font-size:1.1rem}.email-popup-sender-addr{color:var(--theme-muted);font-size:.9rem}.email-popup-header-actions{display:flex;gap:12px;align-items:center}.email-popup-close{background:none;border:none;font-size:1.3rem;cursor:pointer;color:var(--theme-muted);padding:4px}.email-popup-close:hover{color:var(--theme-text)}.email-popup-subject{font-size:1.35rem;font-weight:800;margin-top:16px;margin-bottom:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.otp-pill{display:inline-flex;align-items:center;background:var(--theme-text);color:var(--theme-card-bg);padding:4px 12px;border-radius:6px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .2s;letter-spacing:1px}.otp-pill:hover{opacity:.8}.email-popup-meta-bar{border:1px solid var(--theme-border);border-radius:8px;background:var(--theme-card-bg)}.email-popup-meta-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;cursor:pointer}.msg-meta-summary-text{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--theme-muted);flex-wrap:wrap}.msg-meta-from-chip{display:flex;align-items:center;gap:6px;background:var(--theme-bg);padding:2px 8px;border-radius:4px;font-weight:500;color:var(--theme-text)}.msg-meta-addr{opacity:.7}.msg-meta-sep{color:var(--theme-border)}.msg-meta-toggle{background:none;border:none;color:var(--theme-muted);cursor:pointer;padding:4px}.msg-meta-details{padding:12px 16px;border-top:1px solid var(--theme-border);background:var(--theme-bg);display:flex;flex-direction:column;gap:8px}.msg-meta-row{display:flex;font-size:.85rem}.msg-meta-label{width:100px;color:var(--theme-muted);display:flex;align-items:center;gap:6px}.msg-meta-value{flex:1;color:var(--theme-text);word-break:break-all}.msg-meta-secure{color:#059669;font-weight:600;display:flex;align-items:center;gap:6px}.ssl-dot{width:6px;height:6px;background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b981}.msg-meta-mono{font-family:monospace;color:var(--theme-muted)}.email-popup-body{flex:1;position:relative;background:#fff}.email-popup-body iframe{width:100%;height:100%;border:none;background:#fff}.ssl-badge{color:#059669;font-weight:600;display:flex;align-items:center;gap:4px}.toast-popup{position:fixed;bottom:24px;right:24px;background:var(--theme-text);color:var(--theme-card-bg);border-radius:8px;padding:12px 20px;display:flex;align-items:center;gap:12px;z-index:2000;box-shadow:0 4px 12px #0000001a;font-weight:500;font-size:.95rem}.toast-icon{font-size:1.2rem}.toast-icon.success{color:#4ade80}.toast-icon.error{color:#f87171}.spin{animation:spin 1s linear infinite}:root{--theme-bg: #f9fafb;--theme-text: #111827;--theme-card-bg: #ffffff;--theme-border: #e5e7eb;--theme-primary: #111827;--theme-muted: #6b7280}[data-theme=dark]{--theme-bg: #111827;--theme-text: #f9fafb;--theme-card-bg: #1f2937;--theme-border: #374151;--theme-primary: #ffffff;--theme-muted: #9ca3af}body,html,#root{margin:0;padding:0;width:100%;height:100%;background-color:var(--theme-bg);color:var(--theme-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .3s ease,color .3s ease}::selection{background:#11182733;color:inherit}[data-theme=dark] ::selection{background:#fff3}