*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;color:#1a1a1a}.app{display:flex;height:100vh}.sidebar,.email-list{border-right:1px solid #e0e0e0;overflow-y:auto;padding:12px}.sidebar{width:260px;flex-shrink:0}.email-list{width:320px;flex-shrink:0}.sidebar h2,.email-list h2{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#666;margin:4px 0 12px;word-break:break-all}.sidebar ul,.email-list ul{list-style:none;margin:0;padding:0}.sidebar li button,.email-list li button{width:100%;text-align:left;background:none;border:none;padding:8px;border-radius:6px;cursor:pointer;font-size:13px}.sidebar li button{display:flex;justify-content:space-between;align-items:center}.sidebar li button:hover,.email-list li button:hover{background:#f2f4f7}.sidebar li button.active,.email-list li button.active{background:#e3ecff}.address{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{color:#888;font-size:11px;margin-left:8px}.email-list li button{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.email-list .from{font-weight:600}.email-list .subject{color:#333}.email-list .date{font-size:11px;color:#999}.email-viewer{flex:1;padding:20px;overflow-y:auto}.email-viewer .meta{color:#666;font-size:13px;margin-bottom:16px}.email-viewer iframe{width:100%;height:70vh;border:1px solid #e0e0e0;border-radius:6px}.email-viewer pre{white-space:pre-wrap;word-break:break-word;font-family:inherit}.empty-state{display:flex;align-items:center;justify-content:center;color:#999;font-size:13px}.empty{color:#999;font-size:12px}