: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;--bg-primary: #242424;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-panel: #1a1a1a;--bg-selected: #3a3a3a;--bg-hover: #2f2f2f;--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-inverse: #213547;--border-color: #444444;--input-bg: #333333;--input-text: rgba(255, 255, 255, .87);--btn-primary-bg: #646cff;--btn-primary-text: #ffffff;--btn-secondary-bg: #4a4a4a;--accent-color: #646cff;--error-color: #ff6b6b;--success-color: #51cf66;--warning-bg: #4a4a2a;--warning-text: #ffd43b;--warning-border: #666633;--bg-success: #1e4620;--text-success: #d4edda;--border-success: #2b632d;--bg-error: #4c1d1d;--text-error: #f8d7da;--border-error: #842029}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;background-color:var(--bg-primary);color:var(--text-primary)}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;color:#ffffffde;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}input,textarea,select{background-color:var(--input-bg);color:var(--input-text);border:1px solid var(--border-color);border-radius:4px}.inbox-container{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:200px;background:var(--bg-secondary);padding:10px;display:flex;flex-direction:column;border-right:1px solid var(--border-color);transition:transform .3s ease;flex-shrink:0}.email-list{width:300px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-primary);flex-shrink:0}.email-detail{flex:1;padding:20px;overflow-y:auto;background:var(--bg-primary);display:flex;flex-direction:column}.mobile-nav-btn,.sidebar-overlay{display:none}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:1000;transform:translate(-100%);box-shadow:2px 0 5px #00000080}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:900;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.open{opacity:1;pointer-events:auto}.email-list{width:100%;flex:1;border-right:none}.email-detail{position:fixed;inset:0;z-index:500;transform:translate(100%);transition:transform .3s ease;padding:10px}.email-detail.open{transform:translate(0)}.mobile-nav-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.5em;cursor:pointer;color:var(--text-primary);padding:5px 10px;margin-right:10px}}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff;--bg-primary: #ffffff;--bg-secondary: #f4f4f4;--bg-tertiary: #e8f0fe;--bg-panel: #f9f9f9;--bg-selected: #e8f0fe;--bg-hover: #f0f0f0;--text-primary: #213547;--text-secondary: #666666;--text-inverse: #ffffff;--border-color: #cccccc;--input-bg: #ffffff;--input-text: #000000;--btn-primary-bg: #646cff;--btn-primary-text: #ffffff;--btn-secondary-bg: #6c757d;--accent-color: #007bff;--error-color: #dc3545;--success-color: #28a745;--warning-bg: #fff3cd;--warning-text: #856404;--warning-border: #ffeeba;--bg-success: #d4edda;--text-success: #155724;--border-success: #c3e6cb;--bg-error: #f8d7da;--text-error: #721c24;--border-error: #f5c6cb}a:hover{color:#747bff}button{background-color:#f9f9f9;color:#213547}}