#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body{margin:0;font-family:system-ui,sans-serif;background:#f9f9f9;color:#222}.container{max-width:800px;margin:2rem auto;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000000d;padding:3rem 2rem}h1{text-align:center;font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(135deg,#0078ff,#00c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.empty{text-align:center;padding:3rem 1rem;color:#94a3b8;font-style:italic}.scrollable-list{max-height:400px;overflow-y:auto}.email-list-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.email-list-subject{font-weight:700;color:#1e293b;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-list-from{font-size:.9rem;color:#0078ff;font-family:JetBrains Mono,monospace}.email-list-content{margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.email-list-date{font-size:.8rem;color:#64748b;margin-bottom:.75rem}.email-list-body{white-space:pre-wrap;font-size:1rem;color:#334155;line-height:1.6}.email-box{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1rem;transition:border-color .2s}.email-box:hover{border-color:#0078ff}.email{font-family:JetBrains Mono,monospace;font-size:1.25rem;color:#1e293b;word-break:break-all}.copy-btn{background:#0078ff;color:#fff;border:none;border-radius:8px;padding:.6rem 1.2rem;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.copy-btn:hover{background:#005fcc;transform:translateY(-1px)}.timer{text-align:center;margin-bottom:2.5rem;font-size:1.1rem;color:#64748b}.timer b{color:#ef4444}.messages{margin-bottom:3rem;border:1px solid #f1f5f9;border-radius:12px;padding:1.5rem;background:#fff}.messages h2{font-size:1.25rem;margin-bottom:1rem;color:#334155}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:3rem 0}.feature-card{padding:1.5rem;background:#f8fafc;border-radius:12px;text-align:center}.feature-icon{font-size:2rem;margin-bottom:1rem}.feature-card h3{font-size:1.1rem;margin-bottom:.5rem;color:#1e293b}.feature-card p{font-size:.9rem;color:#64748b;line-height:1.5}.faq-section{margin:4rem 0;text-align:left}.faq-section h2{text-align:center;margin-bottom:2rem}.faq-item{margin-bottom:1.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:1.5rem}.faq-item h4{font-size:1.1rem;margin-bottom:.5rem;color:#1e293b}.faq-item p{color:#64748b;line-height:1.6}footer{margin-top:4rem;padding-top:3rem;border-top:1px solid #f1f5f9}.footer-content{text-align:center}.footer-links{display:flex;justify-content:space-around;flex-wrap:wrap;gap:2rem;margin-bottom:2.5rem;text-align:left}.footer-column h4{margin-bottom:1rem;color:#1e293b;font-size:1rem}.footer-column a{display:block;color:#64748b;text-decoration:none;font-size:.9rem;margin-bottom:.5rem;transition:color .2s}.footer-column a:hover{color:#0078ff}.footer-disclaimer{font-size:.85rem;color:#94a3b8;max-width:500px;margin:0 auto 1rem}.footer-copy{font-size:.85rem;color:#cbd5e1}@media (max-width: 600px){.container{margin:1rem;padding:2rem 1rem}h1{font-size:2rem}.footer-links{flex-direction:column;text-align:center}}.email-list{list-style:none;margin:0;padding:0}.email-list-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:10px;margin-bottom:1rem;padding:1rem;cursor:pointer;transition:all .2s}.email-list-item:hover{border-color:#cbd5e1;background:#fff}.email-list-item.selected{border-color:#0078ff;background:#f0f7ff}