:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #007bff;--primary-dark: #0056b3;--secondary-color: #6c757d;--light-bg: #f8f9fa;--dark-bg: #343a40;--text-color: #333;--light-text: #f8f9fa;--border-color: #e9ecef;--shadow-light: rgba(0, 0, 0, .05) 0px 1px 3px 0px, rgba(0, 0, 0, .02) 0px 1px 2px 0px;--shadow-medium: rgba(0, 0, 0, .1) 0px 4px 6px -1px, rgba(0, 0, 0, .06) 0px 2px 4px -1px}body{margin:0;padding:0;font-family:Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--light-bg);overflow-x:hidden;max-width:100vw}#root{width:100%;height:100vh;margin:0;padding:0;overflow-x:hidden;max-width:100vw}.app-container{display:flex;height:100vh;width:100%;max-width:100vw;overflow:hidden;overflow-x:hidden;background-color:var(--light-bg)}.sidebar{width:350px;min-width:350px;background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;box-shadow:var(--shadow-light)}.header{padding:15px;border-bottom:1px solid var(--border-color);background-color:#fff;display:flex;flex-direction:column;gap:10px}.header-top{display:flex;justify-content:space-between;align-items:center}.header h2{margin:0;font-size:1.2rem;color:var(--text-color)}.header button{padding:8px 12px;background-color:var(--primary-color);color:var(--light-text);border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease}.header button:hover:not(:disabled){background-color:var(--primary-dark)}.header button:disabled{background-color:var(--secondary-color);cursor:not-allowed}.date-filter{display:flex;gap:8px}.date-filter input{flex:1;padding:8px 10px;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;color:var(--text-color);background-color:#fff}.clear-date{background-color:#dc3545!important;color:#fff!important;padding:8px 12px!important}.clear-date:hover{background-color:#c82333!important}.email-list{flex:1;overflow-y:auto}.email-item{padding:12px 15px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background-color .2s,border-left-color .2s;background-color:#fff}.email-item:hover{background-color:var(--light-bg)}.email-item.active{background-color:#e0f2fe;border-left:4px solid var(--primary-color)}.email-row-top{display:flex;justify-content:space-between;margin-bottom:4px;align-items:baseline}.email-from{font-weight:600;font-size:.9rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:75%}.email-date{font-size:.75rem;color:var(--secondary-color);white-space:nowrap;flex-shrink:0}.email-subject{font-size:.85rem;color:var(--secondary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.main-content{flex:1;overflow-y:auto;padding:30px;background-color:var(--light-bg)}.email-detail{background-color:#fff;padding:25px;border-radius:8px;box-shadow:var(--shadow-medium);max-width:900px;margin:0 auto}.email-meta h1{margin-top:0;font-size:1.8rem;color:var(--text-color);margin-bottom:15px}.email-meta p{margin:5px 0;color:var(--secondary-color);font-size:.95rem}.attachments{margin-top:20px;padding:15px;background-color:#f1f6fa;border-radius:8px;border:1px solid #dbe9f5}.attachments strong{color:var(--text-color);font-size:1rem}.attachments ul{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:10px}.attachment-btn{background:#fff;border:1px solid var(--border-color);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;color:var(--primary-color);display:flex;align-items:center;gap:5px;transition:background-color .2s,border-color .2s}.attachment-btn:hover{background-color:var(--light-bg);border-color:var(--primary-color)}.email-body{margin-top:25px;line-height:1.7;color:var(--text-color);font-size:1rem}.email-body img{max-width:100%;height:auto;border-radius:4px}.email-body blockquote{border-left:4px solid var(--border-color);margin-left:0;padding-left:20px;color:var(--secondary-color);font-style:italic}.email-body pre{background-color:#f4f4f4;padding:10px;border-radius:4px;overflow-x:auto;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}.no-selection,.empty-msg,.error-msg,.loading-msg{text-align:center;margin-top:50px;color:var(--secondary-color);font-size:1.1rem}.loading-msg{color:var(--primary-color);font-weight:700}.error-msg{color:#dc3545;padding:10px;font-size:1rem;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin:15px}.back-button{display:none}@media(max-width:768px){.app-container{flex-direction:column}.sidebar{width:100%;min-width:100%;border-right:none}.sidebar.hidden-mobile{display:none}.main-content{width:100%;padding:15px;overflow-x:hidden}.main-content.hidden-mobile{display:none}.back-button{display:flex;align-items:center;gap:8px;padding:10px 15px;background-color:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:15px;transition:background-color .2s;box-shadow:var(--shadow-light)}.back-button:hover{background-color:var(--primary-dark)}.back-button:before{content:"←";font-size:1.3rem}.email-detail{padding:15px;border-radius:0;box-shadow:none;overflow-x:hidden}.email-meta h1{font-size:1.3rem;word-wrap:break-word;overflow-wrap:break-word}.email-meta p{word-wrap:break-word;overflow-wrap:break-word}.email-body{width:100%;max-width:100%;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}.email-body img{max-width:100%!important;height:auto!important;width:auto!important;display:block}.email-body table{max-width:100%!important;width:100%!important;display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.email-body td,.email-body th{word-wrap:break-word;overflow-wrap:break-word;max-width:200px}.email-body pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.email-body code{word-wrap:break-word;overflow-wrap:break-word}.email-body div,.email-body p,.email-body span{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.email-body a{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.email-item{padding:15px}.email-from{font-size:.95rem;max-width:65%}.email-date{font-size:.7rem}.email-subject{font-size:.85rem}.header h2{font-size:1.1rem}.header button{padding:6px 10px;font-size:.85rem}.attachments ul{flex-direction:column;gap:8px}.attachment-btn{width:100%;justify-content:center}}